.index-module__anchor-link--IwYlf+.index-module__anchor-link--IwYlf {
    margin-left: 40px;
    transition: all .3s ease
}

.index-module__anchor-container--NxaJg {
    height: 0;
    overflow: hidden
}

.index-module__anchor-content--I6Bz3 {
    height: var(--appbar-height);
    position: relative;
    width: 100%
}

@-webkit-keyframes index-module__move-up--BQjMU {
    0% {
        transform: translateY(60px)
    }

    to {
        transform: translateY(0)
    }
}

.index-module__anchor-content-affix--nG43- {
    display: block;
    height: var(--appbar-height);
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 800
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-link--IwYlf+.index-module__anchor-link--IwYlf {
    margin-left: 40px;
    transition: all .3s ease
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-container--NxaJg {
    height: 0;
    overflow: hidden
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-content--I6Bz3 {
    height: var(--appbar-height);
    position: relative;
    width: 100%
}

@keyframes index-module__move-up--BQjMU {
    0% {
        transform: translateY(60px)
    }

    to {
        transform: translateY(0)
    }
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-content-affix--nG43- {
    display: block;
    height: var(--appbar-height);
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 800
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-affix-content--S3xGp {
    align-items: center;
    -webkit-animation: index-module__move-up--BQjMU .3s;
    animation: index-module__move-up--BQjMU .3s;
    display: flex;
    height: var(--appbar-height);
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-affix-hidden--1AB1e {
    transition: none
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-content-affix--nG43- .index-module__anchor-affix-hidden--1AB1e {
    top: var(--appbar-height)
}

@media screen and (max-width: 600px) {
    .index-module__anchor-content-affix--nG43- .index-module__anchor-link--IwYlf {
        flex:0 0 auto
    }

    .index-module__anchor-content-affix--nG43- .index-module__anchor-link--IwYlf:last-child {
        padding-right: 12px
    }

    .index-module__anchor-content-affix--nG43- .index-module__anchor-link--IwYlf+.index-module__anchor-link--IwYlf {
        margin-left: 20px
    }

    .index-module__anchor-content-affix--nG43- .index-module__anchor-affix-content--S3xGp {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }

    .index-module__anchor-content-affix--nG43- .index-module__anchor-affix-content--S3xGp::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .index-module__anchor-content-affix--nG43- .index-module__anchor-affix-content--S3xGp::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 2px;
        box-shadow: inset 0 0 5px transparent;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .index-module__anchor-content-affix--nG43- .index-module__anchor-affix-content--S3xGp::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.12);
        border-radius: 2px;
        box-shadow: inset 0 0 10px rgba(0,0,0,.12);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.index-module__anchor-affix-content--S3xGp {
    align-items: center;
    -webkit-animation: index-module__move-up--BQjMU .3s;
    animation: index-module__move-up--BQjMU .3s;
    display: flex;
    height: var(--appbar-height);
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%
}

.index-module__anchor-affix-hidden--1AB1e {
    transition: none
}

.index-module__anchor-content-affix--nG43- .index-module__anchor-affix-hidden--1AB1e {
    top: var(--appbar-height)
}

@media screen and (max-width: 600px) {
    .index-module__anchor-link--IwYlf {
        flex:0 0 auto
    }

    .index-module__anchor-link--IwYlf:last-child {
        padding-right: 12px
    }

    .index-module__anchor-link--IwYlf+.index-module__anchor-link--IwYlf {
        margin-left: 20px
    }

    .index-module__anchor-affix-content--S3xGp {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }

    .index-module__anchor-affix-content--S3xGp::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .index-module__anchor-affix-content--S3xGp::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 2px;
        box-shadow: inset 0 0 5px transparent;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .index-module__anchor-affix-content--S3xGp::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.12);
        border-radius: 2px;
        box-shadow: inset 0 0 10px rgba(0,0,0,.12);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.index-module__link-color-textPrimary--IeCsf,.index-module__link-color-textPrimary--IeCsf:active {
    color: var(--color-text-primary)
}

.index-module__link-color-textSecondary--rgfbd,.index-module__link-color-textSecondary--rgfbd:active {
    color: var(--color-text-secondary)
}

.index-module__link-color-textTertiary--wN57-,.index-module__link-color-textTertiary--wN57-:active {
    color: var(--color-text-tertiary)
}

.index-module__link-color-textPrimary-reverse--FkBaZ,.index-module__link-color-textPrimary-reverse--FkBaZ:active {
    color: var(--color-text-primary-reverse)
}

.index-module__link-color-textSecondary-reverse--Lw4\+V,.index-module__link-color-textSecondary-reverse--Lw4\+V:active {
    color: var(--color-text-secondary-reverse)
}

.index-module__link-color-textTertiary-reverse--n\+rK-,.index-module__link-color-textTertiary-reverse--n\+rK-:active {
    color: var(--color-text-tertiary-reverse)
}

.index-module__link-color-disabled--B259m,.index-module__link-color-disabled--B259m:active {
    color: var(--color-text-disabled)
}

.index-module__link-color-disabled-reverse--fYxLb,.index-module__link-color-disabled-reverse--fYxLb:active {
    color: var(--color-text-disabled-reverse)
}

.index-module__link-color-inherit--yuW3t,.index-module__link-color-inherit--yuW3t:active,.index-module__link-color-inherit--yuW3t:focus {
    color: inherit
}

.index-module__link-javascript--nvtv- {
    cursor: pointer
}

@media screen and (max-width: 600px) {
    .index-module__link--6NBJu:active {
        opacity:.6
    }
}

.index-module__container-default-md--cCRJt {
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    width: 1200px
}

.index-module__container-full-md--uIAtF {
    box-sizing: content-box;
    min-width: 960px;
    width: 100%
}

.index-module__container-default-sm--1Q5Ir {
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    width: 960px
}

.index-module__container-left-md--Rvp0v {
    padding: 0 0 0 calc(50% - 600px);
    position: relative
}

.index-module__container-left-sm--zNPKD {
    padding: 0 0 0 calc(50% - 480px);
    position: relative
}

@media screen and (max-width: 1280px) {
    .index-module__container-default-md--cCRJt {
        box-sizing:content-box;
        width: 960px
    }

    .index-module__container-left-md--Rvp0v {
        padding: 0 0 0 calc(50% - 480px);
        position: relative
    }

    .index-module__container-default-grow--6J\+DQ {
        width: 1100px
    }
}

@media screen and (min-width: 1440px) {
    .index-module__container-default-grow--6J\+DQ {
        box-sizing:border-box;
        padding: 0 10%;
        width: 100%
    }

    .index-module__container-left-grow--5lv5R {
        padding: 0 0 0 10%;
        position: relative
    }
}

@media screen and (max-width: 600px) {
    .index-module__container-default-md--cCRJt {
        box-sizing:border-box;
        padding: 0 16px;
        width: 100%
    }

    .index-module__container-full-md--uIAtF {
        box-sizing: border-box;
        min-width: 0;
        width: 100%
    }
}

body {
    --success-1: var(--green-1);
    --success-2: var(--green-2);
    --success-3: var(--green-3);
    --success-4: var(--green-4);
    --success-5: var(--green-5);
    --success-6: var(--green-6);
    --success-7: var(--green-7);
    --success-8: var(--green-8);
    --success-9: var(--green-9);
    --success-10: var(--green-10);
    --danger-1: var(--red-1);
    --danger-2: var(--red-2);
    --danger-3: var(--red-3);
    --danger-4: var(--red-4);
    --danger-5: var(--red-5);
    --danger-6: var(--red-6);
    --danger-7: var(--red-7);
    --danger-8: var(--red-8);
    --danger-9: var(--red-9);
    --danger-10: var(--red-10);
    --warning-1: var(--orange-1);
    --warning-2: var(--orange-2);
    --warning-3: var(--orange-3);
    --warning-4: var(--orange-4);
    --warning-5: var(--orange-5);
    --warning-6: var(--orange-6);
    --warning-7: var(--orange-7);
    --warning-8: var(--orange-8);
    --warning-9: var(--orange-9);
    --warning-10: var(--orange-10);
    --link-1: var(--arcoblue-1);
    --link-2: var(--arcoblue-2);
    --link-3: var(--arcoblue-3);
    --link-4: var(--arcoblue-4);
    --link-5: var(--arcoblue-5);
    --link-6: var(--arcoblue-6);
    --link-7: var(--arcoblue-7);
    --link-8: var(--arcoblue-8);
    --link-9: var(--arcoblue-9);
    --link-10: var(--arcoblue-10)
}

body,body[arco-theme=dark] {
    --primary-1: var(--arcoblue-1);
    --primary-2: var(--arcoblue-2);
    --primary-3: var(--arcoblue-3);
    --primary-4: var(--arcoblue-4);
    --primary-5: var(--arcoblue-5);
    --primary-6: var(--arcoblue-6);
    --primary-7: var(--arcoblue-7);
    --primary-8: var(--arcoblue-8);
    --primary-9: var(--arcoblue-9);
    --primary-10: var(--arcoblue-10)
}

body[arco-theme=dark] {
    --success-1: var(--green-1);
    --success-2: var(--green-2);
    --success-3: var(--green-3);
    --success-4: var(--green-4);
    --success-5: var(--green-5);
    --success-6: var(--green-6);
    --success-7: var(--green-7);
    --success-8: var(--green-8);
    --success-9: var(--green-9);
    --success-10: var(--green-10);
    --danger-1: var(--red-1);
    --danger-2: var(--red-2);
    --danger-3: var(--red-3);
    --danger-4: var(--red-4);
    --danger-5: var(--red-5);
    --danger-6: var(--red-6);
    --danger-7: var(--red-7);
    --danger-8: var(--red-8);
    --danger-9: var(--red-9);
    --danger-10: var(--red-10);
    --warning-1: var(--orange-1);
    --warning-2: var(--orange-2);
    --warning-3: var(--orange-3);
    --warning-4: var(--orange-4);
    --warning-5: var(--orange-5);
    --warning-6: var(--orange-6);
    --warning-7: var(--orange-7);
    --warning-8: var(--orange-8);
    --warning-9: var(--orange-9);
    --warning-10: var(--orange-10);
    --link-1: var(--arcoblue-1);
    --link-2: var(--arcoblue-2);
    --link-3: var(--arcoblue-3);
    --link-4: var(--arcoblue-4);
    --link-5: var(--arcoblue-5);
    --link-6: var(--arcoblue-6);
    --link-7: var(--arcoblue-7);
    --link-8: var(--arcoblue-8);
    --link-9: var(--arcoblue-9);
    --link-10: var(--arcoblue-10)
}

body {
    --color-black: #000;
    --color-border-1: var(--color-neutral-2);
    --color-border-2: var(--color-neutral-3);
    --color-fill-1: var(--color-neutral-1);
    --color-fill-2: var(--color-neutral-2);
    --color-fill-3: var(--color-neutral-3);
    --border-radius-circle: 50%
}

body[arco-theme=dark] {
    --color-success-light-1: rgba(var(--success-6),0.2);
    --color-success-light-2: rgba(var(--success-6),0.35);
    --color-success-light-3: rgba(var(--success-6),0.5);
    --color-success-light-4: rgba(var(--success-6),0.65);
    --color-warning-light-1: rgba(var(--warning-6),0.2);
    --color-warning-light-2: rgba(var(--warning-6),0.35);
    --color-warning-light-3: rgba(var(--warning-6),0.5);
    --color-warning-light-4: rgba(var(--warning-6),0.65)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body,html {
    font-family: Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.arco-btn-outline.arco-btn-disabled {
    border: 1px solid var(--color-primary-light-3);
    color: var(--color-primary-light-3)
}

.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled {
    color: var(--color-warning-light-3)
}

.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled {
    border: 1px solid var(--color-danger-light-3);
    color: var(--color-danger-light-3)
}

.arco-btn-outline.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3)
}

.arco-btn-primary:not(.arco-btn-disabled) {
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent
}

.arco-btn-primary.arco-btn-disabled {
    background-color: var(--color-primary-light-3);
    border: 1px solid transparent
}

.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled {
    background-color: var(--color-warning-light-3);
    border: 1px solid transparent
}

.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled {
    background-color: var(--color-danger-light-3);
    border: 1px solid transparent
}

.arco-btn-primary.arco-btn-status-success.arco-btn-disabled {
    background-color: var(--color-success-light-3);
    border: 1px solid transparent
}

.arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: var(--color-secondary);
    color: var(--color-text-2)
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-secondary-hover);
    color: var(--color-text-2)
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-secondary-active);
    color: var(--color-text-2)
}

.arco-btn-secondary.arco-btn-disabled {
    background-color: var(--color-secondary-disabled);
    color: var(--color-text-4)
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: var(--color-warning-light-1)
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-warning-light-2)
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-warning-light-3);
    color: rgb(var(--warning-6))
}

.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled {
    background-color: var(--color-warning-light-1);
    color: var(--color-warning-light-3)
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: var(--color-danger-light-1)
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-danger-light-2)
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-danger-light-3);
    color: rgb(var(--danger-6))
}

.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled {
    background-color: var(--color-danger-light-1);
    color: var(--color-danger-light-3)
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: var(--color-success-light-1)
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-success-light-2)
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-success-light-3);
    color: rgb(var(--success-6))
}

.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3)
}

.arco-btn-dashed:not(.arco-btn-disabled) {
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    color: var(--color-text-2)
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4);
    color: var(--color-text-2)
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-fill-4);
    border-color: var(--color-neutral-5);
    color: var(--color-text-2)
}

.arco-btn-dashed.arco-btn-disabled {
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    color: var(--color-text-4)
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-fill-2);
    color: rgb(var(--primary-6))
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-fill-3);
    color: rgb(var(--primary-6))
}

.arco-btn-text.arco-btn-disabled {
    color: var(--color-primary-light-3)
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-fill-2)
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-fill-3);
    color: rgb(var(--warning-6))
}

.arco-btn-text.arco-btn-status-warning.arco-btn-disabled {
    color: var(--color-warning-light-3)
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-fill-2)
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-fill-3);
    color: rgb(var(--danger-6))
}

.arco-btn-text.arco-btn-status-danger.arco-btn-disabled {
    color: var(--color-danger-light-3)
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-fill-2)
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-fill-3)
}

.arco-btn-text.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3)
}

.arco-btn-size-mini {
    border-radius: var(--border-radius-small)
}

.arco-btn-size-mini>span+svg,.arco-btn-size-mini>svg+span {
    margin-left: 4px
}

.arco-btn-size-mini.arco-btn-rtl>span+svg,.arco-btn-size-mini.arco-btn-rtl>svg+span {
    margin-right: 4px
}

.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 3px;
    padding-right: 3px
}

.arco-btn-group .arco-btn-size-mini:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child,.arco-btn-group .arco-btn-size-mini:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-size-small {
    border-radius: var(--border-radius-small);
    font-size: 14px
}

.arco-btn-size-small>span+svg,.arco-btn-size-small>svg+span {
    margin-left: 6px
}

.arco-btn-size-small.arco-btn-rtl>span+svg,.arco-btn-size-small.arco-btn-rtl>svg+span {
    margin-right: 6px
}

.arco-btn-group .arco-btn-size-small:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child,.arco-btn-group .arco-btn-size-small:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-size-default {
    border-radius: var(--border-radius-small);
    font-size: 14px
}

.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 4px;
    padding-right: 4px
}

.arco-btn-group .arco-btn-size-default:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child,.arco-btn-group .arco-btn-size-default:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-size-large {
    border-radius: var(--border-radius-small);
    padding: 0 19px
}

.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 8px;
    padding-right: 8px
}

.arco-btn-group .arco-btn-size-large:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child,.arco-btn-group .arco-btn-size-large:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-secondary:not(:last-child) {
    border-right: 1px solid var(--color-secondary-hover)
}

.arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text,.arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text,.arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text {
    border-right: 1px solid var(--color-fill-2)
}

.arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) {
    border-left: 1px solid var(--color-secondary-hover)
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text,.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text,.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text {
    border-left: 1px solid var(--color-fill-2)
}

.arco-btn.index-module__button--NUSA- {
    box-sizing: border-box;
    height: 36px;
    min-width: 120px;
    padding: 0 31px;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-btn.index-module__button--NUSA-.arco-btn-primary:not(.arco-btn-loading):not(.arco-btn-disabled) {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.arco-btn.index-module__button--NUSA-.arco-btn-primary:not(.arco-btn-loading):not(.arco-btn-disabled):active,.arco-btn.index-module__button--NUSA-.arco-btn-primary:not(.arco-btn-loading):not(.arco-btn-disabled):hover {
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
    color: #fff
}

.arco-btn.index-module__button--NUSA-:not(.arco-btn-loading):not(.arco-btn-disabled) {
    background-color: #fff;
    border-color: #e6e8eb
}

.arco-btn.index-module__button--NUSA-:not(.arco-btn-loading):not(.arco-btn-disabled):active {
    opacity: .3
}

.arco-btn.index-module__button--NUSA-:not(.arco-btn-loading):not(.arco-btn-disabled):active,.arco-btn.index-module__button--NUSA-:not(.arco-btn-loading):not(.arco-btn-disabled):hover {
    background-color: #fff;
    border-color: var(--primary-color);
    color: var(--primary-color)
}

@media screen and (max-width: 600px) {
    .arco-btn.index-module__button--NUSA- {
        font-size:13px;
        height: 30px;
        min-width: 86px;
        padding: 0 13px
    }

    .arco-btn.index-module__button--NUSA-:active {
        opacity: 1
    }
}

.arco-btn.index-module__button--NUSA-.arco-btn-text {
    border: none
}

.arco-btn.index-module__button--NUSA-.arco-btn-text:not(.arco-btn-disabled),.arco-btn.index-module__button--NUSA-.arco-btn-text:not(.arco-btn-disabled):active,.arco-btn.index-module__button--NUSA-.arco-btn-text:not(.arco-btn-disabled):hover {
    background-color: transparent
}

.arco-btn.index-module__arco-btn-primary-reverse--ZlcuC:not(.arco-btn-loading):not(.arco-btn-disabled) {
    background: var(--color-primary-reverse);
    border-color: var(--color-border-reverse);
    box-sizing: border-box;
    color: var(--color-primary)
}

.arco-btn.index-module__arco-btn-primary-reverse--ZlcuC:not(.arco-btn-disabled):not(.arco-btn-loading):focus,.arco-btn.index-module__arco-btn-primary-reverse--ZlcuC:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background: #f5f5f5;
    border-color: var(--color-border-reverse)
}

.arco-btn.index-module__arco-btn-primary-reverse--ZlcuC:not(.arco-btn-disabled):not(.arco-btn-loading):after {
    background: rgba(0,0,0,.1);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: -1px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease;
    z-index: 1
}

.arco-btn.index-module__arco-btn-primary-reverse--ZlcuC:not(.arco-btn-disabled):not(.arco-btn-loading):after:hover {
    opacity: 1
}

.arco-btn.index-module__arco-btn-default-outlined---ypfA:not(.arco-btn-loading):not(.arco-btn-disabled) {
    background-color: transparent;
    border: 1px solid var(--color-border-reverse);
    color: var(--color-text-secondary-reverse)
}

.arco-btn.index-module__arco-btn-default-outlined---ypfA:not(.arco-btn-loading):not(.arco-btn-disabled):active,.arco-btn.index-module__arco-btn-default-outlined---ypfA:not(.arco-btn-loading):not(.arco-btn-disabled):focus,.arco-btn.index-module__arco-btn-default-outlined---ypfA:not(.arco-btn-loading):not(.arco-btn-disabled):hover {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.arco-btn.index-module__arco-btn-default-reverse-outlined--rAmOb:not(.arco-btn-loading):not(.arco-btn-disabled) {
    background: transparent!important;
    border: 1px solid #fff;
    color: #fff
}

.arco-btn.index-module__arco-btn-default-reverse-outlined--rAmOb:not(.arco-btn-disabled):not(.arco-btn-loading):active,.arco-btn.index-module__arco-btn-default-reverse-outlined--rAmOb:not(.arco-btn-disabled):not(.arco-btn-loading):focus,.arco-btn.index-module__arco-btn-default-reverse-outlined--rAmOb:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: #e5e5e5;
    color: #e5e5e5
}

.arco-btn.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-loading):not(.arco-btn-disabled),.arco-btn.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-loading):not(.arco-btn-disabled).arco-btn-secondary {
    border: none;
    color: var(--color-primary-reverse)
}

.arco-btn.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-loading):not(.arco-btn-disabled),.arco-btn.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-loading):not(.arco-btn-disabled).arco-btn-secondary,.arco-btn.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-loading):not(.arco-btn-disabled).arco-btn-secondary:not(.arco-btn-loading):hover,.arco-btn.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-loading):not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-primary)
}

.index-module__arco-btn-primary-shadow--rsajD:active {
    box-shadow: 0 1px 2px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 2px 3px rgba(21,40,76,.12);
    opacity: 1;
    transform: scale(.99)
}

.index-module__arco-btn-primary-shadow--rsajD:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #3277ff;
    box-shadow: 0 3px 3px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 6px 8px rgba(21,40,76,.12);
    color: #fff
}

.index-module__arco-btn-transparent-shadow--y0b7q:not(.arco-btn-disabled) {
    background: transparent;
    border: 1px solid var(--color-primary);
    color: var(--color-primary)
}

.index-module__arco-btn-transparent-shadow--y0b7q:active {
    box-shadow: 0 1px 2px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 2px 3px rgba(21,40,76,.12);
    opacity: 1;
    transform: scale(.99)
}

.index-module__arco-btn-transparent-shadow--y0b7q:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background: #fff;
    border-color: transparent;
    box-shadow: 0 3px 3px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 6px 8px rgba(21,40,76,.12);
    color: #3277ff
}

.index-module__container--Pq88X {
    overflow: hidden;
    transition: all .3s ease
}

.index-module__typography--KN9S\+ {
    border: 0;
    color: inherit;
    font-weight: 400;
    letter-spacing: .3px;
    margin: 0;
    padding: 0
}

.index-module__typography-font-size-100--sqVLF {
    font-family: var(--font-family-100);
    font-weight: 100
}

.index-module__typography-font-size-200--5uPk1 {
    font-family: var(--font-family-200);
    font-weight: 200
}

.index-module__typography-font-size-300--CXM-u {
    font-family: var(--font-family-300);
    font-weight: 300
}

.index-module__typography-font-size-400--cww9y {
    font-family: var(--font-family-400);
    font-weight: 400
}

.index-module__typography-font-size-500--b5rSg {
    font-family: var(--font-family-500);
    font-weight: 500
}

.index-module__typography-font-size-900--AHzYw {
    font-family: var(--font-family-900);
    font-weight: 900
}

.index-module__typography-h1--NlTqs {
    font-size: var(--font-size-h1);
    line-height: var(--font-lineheight-h1)
}

.index-module__typography-h2--SqilC {
    font-size: var(--font-size-h2);
    line-height: var(--font-lineheight-h2)
}

.index-module__typography-h3--Numm7 {
    font-size: var(--font-size-h3);
    line-height: var(--font-lineheight-h3)
}

.index-module__typography-h4--AEPbj {
    font-size: var(--font-size-h4);
    line-height: var(--font-lineheight-h4)
}

.index-module__typography-h5--HnbSP {
    font-size: var(--font-size-h5);
    line-height: var(--font-lineheight-h5)
}

.index-module__typography-h6--V26dk {
    font-size: var(--font-size-h6);
    line-height: var(--font-lineheight-h6)
}

.index-module__typography-body1--QcjG- {
    font-size: var(--font-size-body1);
    line-height: var(--font-lineheight-body1)
}

.index-module__typography-body2--BIot6 {
    font-size: var(--font-size-body2);
    line-height: var(--font-lineheight-body2)
}

.index-module__typography-caption--N8KzZ {
    font-size: var(--font-size-caption);
    line-height: var(--font-lineheight-caption)
}

.index-module__typography-color-error--eBYKj {
    color: var(--color-error)
}

.index-module__typography-color-primary--sQnfQ {
    color: var(--color-primary)
}

.index-module__typography-color-textPrimary--mrsff {
    color: var(--color-text-primary)
}

.index-module__typography-color-textSecondary--3G\+tK {
    color: var(--color-text-secondary)
}

.index-module__typography-color-textTertiary--M1V1O {
    color: var(--color-text-tertiary)
}

.index-module__typography-color-textPrimary-reverse--QCKJV {
    color: var(--color-text-primary-reverse)
}

.index-module__typography-color-white--jASnI {
    color: var(--color-text-white)
}

.index-module__typography-color-textSecondary-reverse--iDq\+J {
    color: var(--color-text-secondary-reverse)
}

.index-module__typography-color-textTertiary-reverse--zLUG0 {
    color: var(--color-text-tertiary-reverse)
}

.index-module__typography-color-disabled--o7zGy {
    color: var(--color-text-disabled)
}

.index-module__typography-color-disabled-reverse--rBr7c {
    color: var(--color-text-disabled-reverse)
}

.index-module__typography-color-inherit--lxgiK {
    color: inherit
}

.index-module__typography-align-inherit--jdxYG {
    text-align: inherit
}

.index-module__typography-align-justify--6rW8I {
    text-align: justify
}

.index-module__typography-align-left--FcdL6 {
    text-align: left
}

.index-module__typography-align-center--CGtvT {
    text-align: center
}

.index-module__typography-align-right--cysxf {
    text-align: right
}

.index-module__typography-noWarp--GZWgC {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__normal-hidden--7Vyo4 {
    display: none
}

@media screen and (max-width: 600px) {
    .index-module__normal-hidden--7Vyo4 {
        display:inline
    }

    .index-module__sm-hidden--ypiij {
        display: none
    }

    .index-module__typography-sm-h1--AUJgs {
        font-size: var(--font-size-h1);
        line-height: var(--font-lineheight-h1)
    }

    .index-module__typography-sm-h2--G1eJ5 {
        font-size: var(--font-size-h2);
        line-height: var(--font-lineheight-h2)
    }

    .index-module__typography-sm-h3--UdO6Y {
        font-size: var(--font-size-h3);
        line-height: var(--font-lineheight-h3)
    }

    .index-module__typography-sm-h4--uW2vc {
        font-size: var(--font-size-h4);
        line-height: var(--font-lineheight-h4)
    }

    .index-module__typography-sm-h5--K9f\+M {
        font-size: var(--font-size-h5);
        line-height: var(--font-lineheight-h5)
    }

    .index-module__typography-sm-h6--h191I {
        font-size: var(--font-size-h6);
        line-height: var(--font-lineheight-h6)
    }

    .index-module__typography-sm-body1--t9OGr {
        font-size: var(--font-size-body1);
        line-height: var(--font-lineheight-body1)
    }

    .index-module__typography-sm-body2--aYAJw {
        font-size: var(--font-size-body2);
        line-height: var(--font-lineheight-body2)
    }

    .index-module__typography-sm-caption--ms8fL {
        font-size: var(--font-size-caption);
        line-height: var(--font-lineheight-caption)
    }
}

.index-module__fonts--1pfF9 {
    font-family: var(--font-family-DINAlternate)
}

.index-module__divider--1iJKb {
    width: 100%
}

.index-module__divider-solid--UUs1O {
    border-bottom: 1px solid var(--color-dividing-reverse)
}

.index-module__divider-dashed--JasqA {
    border-bottom: 1px dashed var(--color-dividing-reverse)
}

.index-module__container--47RIy {
    overflow: hidden;
    position: relative
}

.index-module__typography--VwJ5p {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: height .3s ease
}

.index-module__typography-grow--spFv1 {
    display: block;
    overflow: unset;
    text-overflow: unset;
    white-space: unset
}

.index-module__shadow-typography--CM6Yo {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.index-module__icon--HfgaI {
    fill: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    vertical-align: -5px
}

.index-module__icon-color-primary--v7Suk {
    fill: var(--color-primary)
}

.index-module__icon-color-secondary--Ia\+GL {
    fill: var(--color-secondary)
}

.index-module__icon-color-textPrimary--hgEKV {
    fill: var(--color-text-primary)
}

.index-module__icon-color-textSecondary--mVYyC {
    fill: var(--color-text-secondary)
}

.index-module__icon-color-textTertiary--4sUwq {
    fill: var(--color-text-tertiary)
}

.index-module__icon-color-textPrimary-reverse--4VUHw {
    fill: var(--color-text-primary-reverse)
}

.index-module__icon-color-textSecondary-reverse--Mj9q8 {
    fill: var(--color-text-secondary-reverse)
}

.index-module__icon-color-textTertiary-reverse--UQpUC {
    fill: var(--color-text-tertiary-reverse)
}

.index-module__icon-color-disabled--BqUaU {
    fill: var(--color-text-disabled)
}

.index-module__icon-color-disabled-reverse--Dy3BK {
    fill: var(--color-text-disabled-reverse)
}

.index-module__icon-color-inherit--Th28B {
    fill: inherit
}

.index-module__icon-color-none--\+HyWQ {
    fill: none
}

.index-module__image--bM7zD {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__container--\+AyjW {
    overflow: hidden;
    position: relative
}

.index-module__image--ayiUD {
    display: block;
    height: 100%
}

.index-module__image-container--KvFaj {
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.index-module__content--xuoG0 {
    position: relative
}

.arco-modal {
    border: 0 solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium)
}

.arco-modal-header {
    border-bottom: 1px solid var(--color-neutral-3);
    height: 48px
}

.arco-modal-content {
    color: var(--color-text-1);
    font-size: 14px
}

.arco-modal-footer {
    border-top: 1px solid var(--color-neutral-3)
}

.arco-modal .arco-modal-close-icon {
    font-size: 12px;
    right: 20px;
    top: 18px
}

.arco-modal-title {
    font-size: 16px
}

.arco-modal-title .arco-icon {
    font-size: 18px;
    margin-right: 10px
}

.arco-modal-simple {
    padding: 24px 32px 32px;
    width: 464px
}

.arco-modal-simple .arco-modal-header {
    margin-bottom: 24px
}

.arco-modal-simple .arco-modal-footer {
    margin-top: 32px
}

.arco-modal-rtl .arco-modal-title .arco-icon {
    margin-left: 10px
}

.arco-modal-rtl .arco-modal-close-icon {
    left: 20px
}

.index-module__anchor--zJvnx {
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    padding-top: 0;
    transform: translateY(0);
    transition: all .3s ease;
    width: 100%
}

.index-module__anchor--zJvnx .arco-affix {
    background: #fff;
    overflow: hidden;
    transform: translateY(-10px);
    z-index: 10001
}

.index-module__anchor-hidden--LCVVo {
    transform: translateY(60px)
}

.index-module__anchor--zJvnx .arco-anchor-line {
    display: none
}

.index-module__anchor--zJvnx .arco-anchor-list {
    margin: 0;
    padding: 0
}

.index-module__anchor--zJvnx .arco-anchor-link {
    margin-bottom: 0;
    margin-right: 60px
}

.index-module__anchor--zJvnx .arco-anchor-link>a {
    color: var(--color-text-secondary);
    font-size: var(--font-size-body1)
}

.index-module__anchor--zJvnx .arco-anchor-link>a.is-active,.index-module__anchor--zJvnx .arco-anchor-link>a:hover {
    color: var(--color-primary);
    font-size: var(--font-size-body1)
}

.index-module__anchor-container--mwkiq {
    display: flex
}

.index-module__title---vL-S {
    transition: all .2s ease
}

.index-module__block-contrainer--gWuIV {
    position: relative
}

.index-module__hidden-anchor--IAqdz {
    height: 100%;
    margin-top: -58px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 600px) {
    .index-module__title---vL-S {
        color:var(--color-text-primary)
    }
}

.index-module__paper-background-light--RT-Ty {
    background: var(--color-background-primary)
}

.index-module__paper-background-default--sdIIb {
    background: #fafafa
}

.index-module__paper-background-dark--KqxmY {
    background: var(--color-text-primary)
}

.index-module__mask--k5OG- {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000
}

.index-module__hidden--9\+xpH {
    display: none
}

.index-module__container--IqZsh {
    background: #000;
    height: 540px;
    left: 50%;
    position: absolute;
    top: calc(50% + 30px);
    transform: translate(-50%,-50%);
    width: 960px
}

.index-module__video--dp5e- {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 20002
}

.index-module__close-button--8GhOL {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 20004
}

.index-module__cover-container--xTnN- {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.index-module__cover--006O1 {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    height: 110%;
    object-fit: cover;
    transform: translate(-5%,-5%);
    width: 110%;
    z-index: 20001
}

@media screen and (max-width: 600px) {
    .index-module__container--IqZsh {
        max-height:80%;
        width: 100%
    }

    .index-module__video--dp5e- {
        max-height: calc(100% - 72px);
        object-fit: cover
    }

    .index-module__close-button--8GhOL {
        right: 0;
        top: 0
    }
}

.arco-input {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    font-size: 14px;
    padding: 4px 12px
}

.arco-input::-webkit-input-placeholder {
    color: var(--color-text-3)
}

.arco-input::-moz-placeholder {
    color: var(--color-text-3)
}

.arco-input::-ms-input-placeholder {
    color: var(--color-text-3)
}

.arco-input::placeholder {
    color: var(--color-text-3)
}

.arco-input:hover {
    background-color: var(--color-fill-3)
}

.arco-input.arco-input-focus,.arco-input:focus {
    background-color: var(--color-bg-2)
}

.arco-input-error {
    background-color: var(--color-danger-light-1)
}

.arco-input-error:hover {
    background-color: var(--color-danger-light-2)
}

.arco-input-error.arco-input-focus,.arco-input-error.arco-input-focus:hover,.arco-input-error:focus,.arco-input-error:focus:hover {
    background-color: var(--color-bg-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-input-warning.arco-input-focus,.arco-input-warning.arco-input-focus:hover,.arco-input-warning:focus,.arco-input-warning:focus:hover {
    background-color: var(--color-bg-2)
}

.arco-input-disabled {
    -webkit-text-fill-color: var(--color-text-4)
}

.arco-input-disabled,.arco-input-disabled:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-4)
}

.arco-input-disabled::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-input-disabled::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-input-disabled::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-input-disabled::placeholder {
    color: var(--color-text-4)
}

.arco-input input:disabled {
    -webkit-text-fill-color: var(--color-text-4);
    color: var(--color-text-4)
}

.arco-input-word-limit {
    color: var(--color-text-3)
}

.arco-input-size-small {
    font-size: 14px;
    padding-bottom: 2px;
    padding-top: 2px
}

.arco-input-clear-icon {
    color: var(--color-text-2)
}

.arco-input-inner-wrapper {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    font-size: 14px
}

.arco-input-inner-wrapper::-webkit-input-placeholder {
    color: var(--color-text-3)
}

.arco-input-inner-wrapper::-moz-placeholder {
    color: var(--color-text-3)
}

.arco-input-inner-wrapper::-ms-input-placeholder {
    color: var(--color-text-3)
}

.arco-input-inner-wrapper::placeholder {
    color: var(--color-text-3)
}

.arco-input-inner-wrapper:hover {
    background-color: var(--color-fill-3)
}

.arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper:focus {
    background-color: var(--color-bg-2)
}

.arco-input-inner-wrapper-error {
    background-color: var(--color-danger-light-1)
}

.arco-input-inner-wrapper-error:hover {
    background-color: var(--color-danger-light-2)
}

.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus:hover,.arco-input-inner-wrapper-error:focus,.arco-input-inner-wrapper-error:focus:hover {
    background-color: var(--color-bg-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus:hover,.arco-input-inner-wrapper-warning:focus,.arco-input-inner-wrapper-warning:focus:hover {
    background-color: var(--color-bg-2)
}

.arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 14px
}

.arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-inner-wrapper .arco-input-group-suffix {
    color: var(--color-text-2)
}

.arco-input-inner-wrapper-disabled {
    -webkit-text-fill-color: var(--color-text-4)
}

.arco-input-inner-wrapper-disabled,.arco-input-inner-wrapper-disabled:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-4)
}

.arco-input-inner-wrapper-disabled::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-input-inner-wrapper-disabled::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-input-inner-wrapper-disabled::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-input-inner-wrapper-disabled::placeholder {
    color: var(--color-text-4)
}

.arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover:before {
    background-color: var(--color-fill-4)
}

.arco-input-group>.arco-input-focus,.arco-input-group>.arco-input-inner-wrapper-focus {
    border-radius: var(--border-radius-small)
}

.arco-input-group>:first-child {
    border-bottom-left-radius: var(--border-radius-small);
    border-top-left-radius: var(--border-radius-small)
}

.arco-input-group>:last-child {
    border-bottom-right-radius: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small)
}

.arco-input-group-addafter,.arco-input-group-addbefore {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.arco-input-group-addafter>svg,.arco-input-group-addbefore>svg {
    font-size: 14px
}

.arco-input-group-addafter {
    border-left: 1px solid var(--color-neutral-3)
}

.arco-input-group-addbefore {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px
}

.arco-textarea {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    font-size: 14px;
    padding: 4px 12px
}

.arco-textarea::-webkit-input-placeholder {
    color: var(--color-text-3)
}

.arco-textarea::-moz-placeholder {
    color: var(--color-text-3)
}

.arco-textarea::-ms-input-placeholder {
    color: var(--color-text-3)
}

.arco-textarea::placeholder {
    color: var(--color-text-3)
}

.arco-textarea:hover {
    background-color: var(--color-fill-3)
}

.arco-textarea.arco-textarea-focus,.arco-textarea:focus {
    background-color: var(--color-bg-2)
}

.arco-textarea-error {
    background-color: var(--color-danger-light-1)
}

.arco-textarea-error:hover {
    background-color: var(--color-danger-light-2)
}

.arco-textarea-error.arco-textarea-focus,.arco-textarea-error.arco-textarea-focus:hover,.arco-textarea-error:focus,.arco-textarea-error:focus:hover {
    background-color: var(--color-bg-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-textarea-warning.arco-textarea-focus,.arco-textarea-warning.arco-textarea-focus:hover,.arco-textarea-warning:focus,.arco-textarea-warning:focus:hover {
    background-color: var(--color-bg-2)
}

.arco-textarea-disabled {
    -webkit-text-fill-color: var(--color-text-4)
}

.arco-textarea-disabled,.arco-textarea-disabled:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-4)
}

.arco-textarea-disabled::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-textarea-disabled::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-textarea-disabled::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-textarea-disabled::placeholder {
    color: var(--color-text-4)
}

.arco-input-group.arco-input-group-compact>:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-input-group.arco-input-group-compact>:first-child,.arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child,.arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child .arco-select .arco-select-view,.arco-input-group.arco-input-group-compact>:first-child .arco-select .arco-select-view {
    border-bottom-left-radius: var(--border-radius-small);
    border-top-left-radius: var(--border-radius-small)
}

.arco-input-group.arco-input-group-compact>:last-child,.arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child,.arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child .arco-select .arco-select-view,.arco-input-group.arco-input-group-compact>:last-child .arco-select .arco-select-view {
    border-bottom-right-radius: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small)
}

.arco-input-group.arco-input-group-compact>.arco-input:not(:last-child) {
    border-right-color: var(--color-neutral-3)
}

.size-height-size-small {
    font-size: 14px;
    padding-bottom: 2px;
    padding-top: 2px
}

.group-size.arco-input-custom-height .arco-input-group,.group-size.arco-input-custom-height .arco-input-group-addafter,.group-size.arco-input-custom-height .arco-input-group-addafter>svg,.group-size.arco-input-custom-height .arco-input-group-addbefore,.group-size.arco-input-custom-height .arco-input-group-addbefore>svg,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix>svg,.group-size.group-size-large .arco-input-group-addafter>svg,.group-size.group-size-large .arco-input-group-addbefore>svg,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix>svg,.group-size.group-size-small .arco-input-group,.group-size.group-size-small .arco-input-group-addafter,.group-size.group-size-small .arco-input-group-addbefore,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px
}

.arco-textarea-clear-icon {
    color: var(--color-text-2)
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix,.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore {
    color: var(--color-text-2);
    font-size: 14px
}

.arco-input-search.arco-input-group-wrapper .arco-input-search-btn {
    font-size: 14px
}

.arco-input-group-wrapper-rtl .arco-input-group>:first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-input-group-wrapper-rtl .arco-input-group>:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:not(:last-child) {
    border-left: 1px solid var(--color-neutral-3)
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child .arco-select .arco-select-view,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child .arco-select .arco-select-view {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child .arco-select .arco-select-view,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child .arco-select .arco-select-view {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>.arco-input:not(:last-child) {
    border-left-color: var(--color-neutral-3)
}

.arco-input-group-wrapper-rtl.arco-input-search .arco-input-search-btn {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-input-inner-wrapper-rtl>.arco-input-clear-wrapper .arco-input-clear-icon {
    left: 8px
}

.arco-input-search-button .arco-input-inner-wrapper-rtl {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.index-module__search-bar--PWhuX {
    padding: 22px 40px
}

.index-module__search-button--8Kjuk {
    height: 40px;
    padding: 0 8px;
    width: 40px
}

@media screen and (max-width: 600px) {
    .index-module__search-bar--PWhuX {
        padding:20px
    }

    .index-module__search-button--8Kjuk {
        height: 36px;
        padding: 0 8px;
        width: 36px
    }
}

.arco-icon-hover.arco-collapse-item-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.arco-collapse {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium)
}

.arco-collapse-item {
    border-bottom: 1px solid var(--color-neutral-3)
}

.arco-collapse-item-active>.arco-collapse-item-header {
    background-color: var(--color-bg-2);
    border-color: var(--color-neutral-3)
}

.arco-collapse-item-header {
    background-color: var(--color-bg-2);
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
    padding-top: 8px
}

.arco-collapse-item-header-left {
    padding-right: 13px
}

.arco-collapse-item-header-right {
    padding-left: 13px
}

.arco-collapse-item-header-disabled,.arco-collapse-item-header-disabled .arco-collapse-item-header-icon {
    color: var(--color-text-4)
}

.arco-collapse-item .arco-collapse-item-icon-hover {
    left: 13px
}

.arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 13px
}

.arco-collapse-item-header-icon {
    color: var(--color-neutral-7);
    font-size: 14px
}

.arco-collapse-item-content {
    background-color: var(--color-fill-1);
    font-size: 14px
}

.arco-collapse-item-content-box {
    padding: 8px 13px 8px 34px
}

.arco-collapse-item-no-icon>.arco-collapse-item-header {
    padding-left: 13px;
    padding-right: 13px
}

.index-module__card--0sIoj {
    align-items: flex-start;
    border-radius: 3px;
    color: var(--color-text-primary);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 12px 16px;
    position: relative;
    transition: all .45s ease
}

.index-module__card--0sIoj .index-module__titleLine--yO8sV {
    align-items: center;
    display: flex;
    flex-direction: row
}

.index-module__card--0sIoj .index-module__tag---QkR0 {
    border-radius: 3px;
    margin-left: 8px;
    padding: 1px 4px
}

.index-module__card--0sIoj .index-module__desc--upJjs {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__card--0sIoj .index-module__hot--12vrC {
    background-color: #ffe8e8;
    color: var(--color-error)
}

.index-module__card--0sIoj .index-module__new--QYlLn {
    background-color: #e8efff;
    color: var(--color-primary)
}

.index-module__card--0sIoj:hover {
    box-shadow: 0 3px 3px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 6px 8px rgba(21,40,76,.12);
    color: var(--color-primary)
}

.index-module__card--0sIoj:active {
    box-shadow: 0 1px 2px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 2px 3px rgba(21,40,76,.12)
}

.arco-tooltip-content {
    background-color: var(--color-tooltip-bg);
    border-radius: var(--border-radius-small);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    font-size: 14px
}

.arco-tooltip-mini {
    font-size: 14px
}

.arco-trigger-arrow.arco-tooltip-arrow {
    background-color: var(--color-tooltip-bg)
}

.arco-popover-title {
    font-size: 16px
}

.arco-popconfirm-content,.arco-popover-content {
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    color: var(--color-text-2);
    font-size: 14px
}

.arco-popconfirm-arrow.arco-trigger-arrow,.arco-popconfirm-content,.arco-popover-arrow.arco-trigger-arrow,.arco-popover-content {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3)
}

.arco-typography-edit-content {
    margin-bottom: calc(1em - 5px);
    margin-top: -5px
}

.index-module__banner--OzesX {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 484px;
    position: relative;
    width: 100%
}

.index-module__banner--OzesX.index-module__withSurvey--myPdC {
    height: 536px
}

.index-module__content--IgNQF {
    left: 6%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.index-module__content--IgNQF.index-module__withSurvey--myPdC {
    top: calc(50% + 30px)
}

.index-module__title--Cc4E4 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    height: 52px;
    letter-spacing: .002em;
    line-height: 52px
}

.index-module__tag--bvzBW {
    display: inline-block;
    height: 24px;
    margin-left: 1.75px;
    margin-top: 7px;
    vertical-align: top
}

.index-module__tagTri--lOOqH {
    border: 12px solid transparent;
    border-right: 9px solid #d4dceb;
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0
}

.index-module__tagWord--0AIex {
    background-color: #d4dceb;
    color: #1664ff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    padding: 2px 5px;
    text-align: center;
    vertical-align: top
}

.index-module__subtitle--CJ9dL,.index-module__tagWord--0AIex {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__subtitle--CJ9dL {
    color: hsla(0,0%,9%,.8);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
    text-align: justify;
    width: 511px
}

.index-module__moSubTitle--9ITZW {
    color: hsla(0,0%,9%,.8);
    display: none;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .002em;
    line-height: 20px;
    margin-top: 6px;
    width: 254px
}

.index-module__buttons---Te6x {
    height: 44px;
    margin-top: 32px
}

.index-module__buttonATag--cC1le {
    display: inline-block
}

.index-module__buttonATag--cC1le+.index-module__buttonATag--cC1le {
    margin-left: 12px
}

.index-module__buttonATag--cC1le,.index-module__buttonATag--cC1le:active,.index-module__buttonATag--cC1le:hover,.index-module__buttonATag--cC1le:link,.index-module__buttonATag--cC1le:visited {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width: 478px) {
    .index-module__buttonATag--cC1le:nth-child(odd) {
        margin-left:0
    }
}

.index-module__qrcode-container--Vxo\+S {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    position: relative
}

.index-module__qrcode-container--Vxo\+S:not(:first-child) {
    margin-left: 12px
}

.index-module__qrcode-container--Vxo\+S:not(:last-child) {
    margin-right: 12px
}

.index-module__qrcode-container--Vxo\+S.index-module__contain-two-blocks--sv1C1 {
    align-items: flex-start
}

.index-module__triangle--KvAjk {
    align-self: center;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 4px 5px;
    height: 0;
    position: absolute;
    top: 47px;
    visibility: hidden;
    width: 0
}

.index-module__triangle--KvAjk.index-module__active--x-xgc {
    visibility: visible
}

.index-module__qrcode-panel--MHBOA {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.07);
    display: flex;
    justify-content: center;
    position: absolute;
    top: 52px;
    visibility: hidden
}

.index-module__qrcode-panel--MHBOA.index-module__active--x-xgc {
    visibility: visible
}

.index-module__line--vvs-E {
    background-color: rgba(80,80,80,.1);
    height: 100px;
    width: 1px
}

.index-module__qrcode-block--xv6US {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 16px 16px
}

.index-module__qrcode-text--rNd9R {
    color: hsla(0,0%,9%,.8);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    padding-bottom: 4px
}

.index-module__qrcode-img--kSx6S {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    width: 100px
}

.index-module__buttonArrow--99uJC,.index-module__buttonArrow2--SGcIe,.index-module__buttonQR--\+nOfQ {
    display: inline-block;
    margin-left: 8px
}

.index-module__opContents--d62Gp {
    bottom: 46px;
    height: 76px;
    left: 6%;
    position: absolute;
    white-space: nowrap
}

.index-module__opContent--AQF2q {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: hsla(0,0%,100%,.5);
    box-shadow: 0 10px 28px rgba(25,78,183,.06);
    cursor: pointer;
    display: inline-block;
    height: 76px;
    vertical-align: top;
    width: 240px
}

.index-module__opContentATag--THaxT {
    display: block;
    height: 100%;
    padding: 12px 24px;
    width: 100%
}

.index-module__opContentATag--THaxT,.index-module__opContentATag--THaxT:active,.index-module__opContentATag--THaxT:hover,.index-module__opContentATag--THaxT:link,.index-module__opContentATag--THaxT:visited {
    color: inherit;
    text-decoration: none
}

.index-module__opContentsWithVideo--J5AwW {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: rgba(245,248,250,.6);
    bottom: 0;
    display: flex;
    height: 118px;
    justify-content: space-between;
    padding: 24px 6%;
    position: absolute;
    white-space: nowrap;
    width: 100%
}

.index-module__opContentWithVideo--oljEm {
    width: 181px
}

.index-module__opContentWithVideoATag--TW8tT {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__opContentWithVideoATag--TW8tT,.index-module__opContentWithVideoATag--TW8tT:active,.index-module__opContentWithVideoATag--TW8tT:hover,.index-module__opContentWithVideoATag--TW8tT:link,.index-module__opContentWithVideoATag--TW8tT:visited {
    color: inherit;
    text-decoration: none
}

.index-module__opContents2--zD\+rS {
    bottom: -94px;
    height: 152px;
    position: absolute;
    width: 100%
}

.index-module__opContents2--zD\+rS .index-module__container2--W1aN1 {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: 100%;
    margin: 0 auto;
    width: 88%
}

.index-module__opContents2--zD\+rS .index-module__container2--W1aN1 .index-module__content2--MAjrF {
    display: inline-block;
    height: 100%;
    padding: 36px 32px 0
}

.index-module__opContents2--zD\+rS .index-module__container2--W1aN1 .index-module__content2--MAjrF+.index-module__content2--MAjrF {
    border-left: 1px solid #f7f7f7
}

.index-module__title2--sxjRe {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 32px
}

.index-module__desc2--zAW\+L {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #505050;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 22px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.index-module__opContent--AQF2q+.index-module__opContent--AQF2q {
    margin-left: 12px
}

.index-module__ctxTitles--KrZnP {
    height: 26px
}

.index-module__ctxTitle--MoWTX {
    color: #181818;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px
}

.index-module__ctxTag--Nmln6,.index-module__ctxTitle--MoWTX {
    display: inline-block;
    font-family: PingFang SC;
    font-style: normal;
    vertical-align: middle
}

.index-module__ctxTag--Nmln6 {
    background: rgba(22,100,255,.1);
    color: #1664ff;
    font-size: 12px;
    font-weight: 400;
    line-height: 149%;
    margin-left: 8px;
    padding: 2px 8px
}

.index-module__ctxDesc--dZSr9 {
    color: hsla(0,0%,9%,.8);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 4px
}

.index-module__opContentWithVideo--oljEm {
    cursor: pointer
}

.index-module__opContentWithVideo--oljEm .index-module__ctxTitles--KrZnP .index-module__ctxTag--Nmln6 {
    background: none;
    border: 1px solid #1664ff;
    box-sizing: border-box;
    font-weight: 400
}

.index-module__opContentWithVideo--oljEm .index-module__ctxDesc--dZSr9 {
    font-weight: 400
}

.index-module__opContentWithVideo--oljEm:hover .index-module__ctxTitles--KrZnP .index-module__ctxTitle--MoWTX {
    color: #1664ff
}

.index-module__videoContent--QCP5k {
    background: linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.152) 38.66%);
    box-shadow: 0 3.38798px 16.9399px rgba(105,122,240,.06);
    height: 233px;
    padding: 8.74px 9.6px;
    position: absolute;
    right: 6%;
    top: 114px;
    width: 400px
}

.index-module__videoContent--QCP5k .index-module__video--JsY8Z {
    height: 100%;
    width: 100%
}

.index-module__videoContent--QCP5k .index-module__videoPlay--eYStK {
    background-image: url(./images/ic_play_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 48px
}

.index-module__videoModal--qA5RO {
    background-color: #000;
    top: 50%;
    width: 80vw
}

.index-module__videoModal--qA5RO .index-module__videoModalContent--jgvfC {
    max-height: 80vh;
    width: 100%
}

.index-module__videoModal--qA5RO .index-module__videoModalClose--7R2ar {
    color: #fff;
    cursor: pointer;
    font-size: 40px;
    position: absolute;
    right: -40px;
    top: -40px
}

@media screen and (max-width: 575px) {
    .index-module__qrcode-container--Vxo\+S.index-module__contain-two-blocks--sv1C1 {
        align-items:center
    }

    .index-module__qrcode-panel--MHBOA {
        flex-direction: column
    }

    .index-module__line--vvs-E {
        background-color: #d9d9d9;
        height: 1px;
        width: 74px
    }
}

@media screen and (max-width: 478px) {
    .index-module__banner--OzesX {
        height:320px
    }

    .index-module__banner--OzesX.index-module__withSurvey--myPdC {
        height: 372px
    }

    .index-module__title--Cc4E4 {
        font-size: 24px;
        height: 32px;
        line-height: 32px
    }

    .index-module__subtitle--CJ9dL {
        display: none
    }

    .index-module__moSubTitle--9ITZW {
        display: block;
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        width: 244px
    }

    .index-module__buttons---Te6x {
        height: 42px;
        margin-top: 16px
    }

    .index-module__buttonATag--cC1le:nth-child(odd) {
        margin-left: 0
    }

    .index-module__buttonArrow--99uJC {
        height: 10px;
        margin-left: 6.7px;
        width: 6.7px
    }

    .index-module__triangle--KvAjk {
        top: 45px
    }

    .index-module__qrcode-panel--MHBOA {
        top: 50px
    }

    .index-module__opContents--d62Gp,.index-module__opContentsWithVideo--J5AwW,.index-module__videoContent--QCP5k {
        display: none
    }
}

@media screen and (min-width: 478px) and (max-width:990px) {
    .index-module__banner--OzesX {
        height:364px
    }

    .index-module__banner--OzesX.index-module__withSurvey--myPdC {
        height: 416px
    }

    .index-module__title--Cc4E4 {
        font-size: 24px;
        height: 32px;
        line-height: 32px
    }

    .index-module__subtitle--CJ9dL {
        display: none
    }

    .index-module__moSubTitle--9ITZW {
        display: block
    }

    .index-module__buttons---Te6x {
        height: 40px;
        margin-top: 16px
    }

    .index-module__buttonArrow--99uJC {
        height: 8px;
        margin-left: 5.3px;
        width: 5.3px
    }

    .index-module__qrcode-panel--MHBOA {
        top: 48px
    }

    .index-module__triangle--KvAjk {
        top: 43px
    }

    .index-module__opContents--d62Gp,.index-module__opContentsWithVideo--J5AwW,.index-module__videoContent--QCP5k {
        display: none
    }
}

@media screen and (min-width: 1440px) and (max-width:1900px) {
    .index-module__banner--OzesX {
        height:540px
    }

    .index-module__banner--OzesX.index-module__withSurvey--myPdC {
        height: 592px
    }

    .index-module__content--IgNQF {
        left: 12%
    }

    .index-module__opContents2--zD\+rS .index-module__container2--W1aN1 {
        width: 76%
    }

    .index-module__opContents--d62Gp {
        bottom: 62px;
        left: 12%
    }

    .index-module__opContentsWithVideo--J5AwW {
        padding: 24px 12%
    }

    .index-module__videoContent--QCP5k {
        height: 271px;
        padding: 10.16px 11.16px;
        right: 12%;
        top: 126px;
        width: 465px
    }

    .index-module__videoContent--QCP5k .index-module__videoPlay--eYStK {
        height: 55px;
        width: 55px
    }
}

@media screen and (min-width: 1900px) {
    .index-module__banner--OzesX {
        height:648px
    }

    .index-module__banner--OzesX.index-module__withSurvey--myPdC {
        height: 700px
    }

    .index-module__content--IgNQF {
        left: 15%
    }

    .index-module__opContents2--zD\+rS .index-module__container2--W1aN1 {
        width: 70%
    }

    .index-module__opContents--d62Gp {
        bottom: 90px;
        left: 15%
    }

    .index-module__title--Cc4E4 {
        font-size: 56px;
        height: 64px;
        line-height: 64px
    }

    .index-module__subtitle--CJ9dL {
        font-size: 20px;
        line-height: 28px;
        width: 638px
    }

    .index-module__buttons---Te6x {
        height: 48px
    }

    .index-module__qrcode-panel--MHBOA {
        top: 56px
    }

    .index-module__triangle--KvAjk {
        top: 51px
    }

    .index-module__opContentsWithVideo--J5AwW {
        padding: 24px 15%
    }

    .index-module__videoContent--QCP5k {
        height: 318px;
        padding: 11.93px 13.1px;
        right: 15%;
        top: 187px;
        width: 546px
    }

    .index-module__videoContent--QCP5k .index-module__videoPlay--eYStK {
        height: 65px;
        width: 65px
    }
}

.index-module__moOpContentsWithVideo--LH6ZT {
    background: #fff;
    display: none;
    padding-bottom: 18px;
    width: 100%
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moOpContentsWrap--BTDQS {
    background: #fff;
    box-shadow: 0 4px 4px hsla(0,0%,81%,.18);
    height: 112px;
    position: relative;
    width: 100%
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moOpContentsWrap--BTDQS .index-module__moOpContentsHint--NLOLC {
    background: linear-gradient(270deg,#fff 6.13%,hsla(0,0%,100%,0) 47.28%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moOpContentsWrap--BTDQS .index-module__moOpContentsHint--NLOLC .index-module__iconRight--88YNe {
    bottom: 37px;
    font-size: 15px;
    position: absolute;
    right: 16px
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moOpContents---T56U {
    -ms-overflow-style: none;
    height: 100%;
    overflow-x: scroll;
    padding: 42px 6% 0;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moOpContents---T56U .index-module__opContentWithVideo--oljEm {
    display: inline-block;
    vertical-align: top
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moOpContents---T56U::-webkit-scrollbar {
    display: none
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moVideoContent--c3sXg {
    padding: 18px 6% 0;
    width: 100%
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moVideoContent--c3sXg .index-module__moVideoWrap--NrexA {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    height: 180px;
    padding: 2px;
    position: relative;
    width: 100%
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moVideoContent--c3sXg .index-module__moVideoWrap--NrexA .index-module__moVideo--jDZI5 {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__moOpContentsWithVideo--LH6ZT .index-module__moVideoContent--c3sXg .index-module__moVideoWrap--NrexA .index-module__moVideoPlay--7ZH8z {
    background-image: url(./images/moVideo.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 27px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 124px
}

.index-module__moCuttingLine--Zfobt {
    background-color: #edeff1;
    display: inline-block;
    height: 44px;
    margin-right: 25px;
    vertical-align: top;
    width: 1px
}

@media screen and (max-width: 990px) {
    .index-module__moOpContentsWithVideo--LH6ZT {
        display:block
    }

    .index-module__opContentWithVideo--oljEm:hover .index-module__ctxTitles--KrZnP .index-module__ctxTitle--MoWTX {
        color: inherit
    }

    .index-module__videoModal--qA5RO {
        width: 100%
    }

    .index-module__videoModalClose--7R2ar {
        display: none
    }
}

.index-module__arrowBox--\+qUPc {
    height: 40px;
    position: relative;
    width: 100%
}

.index-module__arrowBox--\+qUPc .index-module__arrow--yE0tq {
    left: 65%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    transform-origin: 50% 50%
}

.index-module__arrowBox--\+qUPc .index-module__arrow1--\+n5pl {
    -webkit-animation: index-module__arrow-movement--sZ8WP 2s ease-in-out infinite;
    animation: index-module__arrow-movement--sZ8WP 2s ease-in-out infinite
}

.index-module__arrowBox--\+qUPc .index-module__arrow2--D91pr {
    -webkit-animation: index-module__arrow-movement--sZ8WP 2s ease-in-out 1s infinite;
    animation: index-module__arrow-movement--sZ8WP 2s ease-in-out 1s infinite
}

@-webkit-keyframes index-module__arrow-movement--sZ8WP {
    0% {
        left: 35%;
        opacity: 0
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes index-module__arrow-movement--sZ8WP {
    0% {
        left: 35%;
        opacity: 0
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media screen and (min-width: 1900px) {
    .index-module__arrowBox--\+qUPc {
        height:50px
    }

    .index-module__arrowBox--\+qUPc .index-module__arrow--yE0tq {
        height: 18px;
        width: 18px
    }
}

.index-module__Container--AzMjL a,.index-module__subTitleWrap--FW8aI a {
    color: var(--color-primary);
    text-decoration: none
}

.index-module__title--0ASmi {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.index-module__subTitle--rZCxK {
    color: #181818;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px
}

.index-module__subTitleWrap--FW8aI {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 60px
}

.index-module__subTitleWrap--FW8aI .index-module__buttonSuport--dhDA4 {
    background-color: transparent;
    border: 1px solid hsla(0,0%,9%,.8);
    height: 32px;
    width: 150px
}

.index-module__subTitleWrap--FW8aI .index-module__buttonSuport--dhDA4 span {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.index-module__card-title-step--u7A6k {
    color: #181818;
    font-family: DIN Alternate;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4375px;
    line-height: 26px;
    margin-right: 6px
}

.index-module__card-title-text--IyT2A {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify
}

.index-module__content-text--2K6jB {
    color: hsla(0,0%,9%,.8);
    font-size: var(--font-size-normal-text);
    line-height: var(--font-size-normal-text-lineheight);
    text-align: justify;
    width: 100%
}

.index-module__card-button-text--gx1m2 {
    font-size: 12px;
    line-height: 20px
}

.index-module__Container--AzMjL {
    width: 100%
}

.index-module__flex-block--z3N6g {
    display: flex;
    flex-direction: row
}

.index-module__flex-block--z3N6g .index-module__flex-child--fG9mI {
    flex: 1 1
}

.index-module__flex-block--z3N6g .index-module__flex-child--fG9mI:not(:last-child) {
    margin-right: 60px
}

.index-module__topHeader--\+MW68 .index-module__card-title-wrap--jUn1f {
    background-color: #fff;
    border-bottom: 3px solid #f7f7f7;
    display: flex;
    flex-direction: row;
    padding: 12px 24px;
    position: relative
}

.index-module__topHeader--\+MW68 .index-module__arrowWrap--EZcod {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

.index-module__topHeader--\+MW68 .index-module__line-transparent--EgsEi {
    background-color: transparent;
    height: 2px
}

.index-module__topHeader--\+MW68 .index-module__title-text--rUspr {
    position: relative;
    width: 100%
}

.index-module__bottom-content--BAdgQ .index-module__contentWrap--cMhfp {
    background-color: #fff;
    border-bottom: 3px solid transparent;
    transition: all .2s ease-in-out;
    z-index: 10
}

.index-module__bottom-content--BAdgQ .index-module__content-text--2K6jB {
    padding: 24px
}

.index-module__empty-content--rPY0r .index-module__emptyWrap--WRz0Y {
    height: 48px;
    pointer-events: none;
    position: relative
}

.index-module__empty-content--rPY0r .index-module__highlight--O-Jdj {
    background-color: #fff;
    height: 0;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    width: 100%
}

.index-module__empty-content--rPY0r .index-module__button--M7Mn1 {
    background-color: #fff;
    border: unset;
    left: 24px;
    opacity: 0;
    padding: 2px 16px;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out
}

.index-module__active--SEZXZ .index-module__card-title-step--u7A6k,.index-module__active--SEZXZ .index-module__card-title-text--IyT2A {
    color: var(--color-primary)
}

.index-module__active--SEZXZ.index-module__contentWrap--cMhfp {
    background-color: var(--color-primary)!important
}

.index-module__active--SEZXZ .index-module__content-text--2K6jB {
    color: #fff
}

.index-module__active--SEZXZ.index-module__emptyWrap--WRz0Y {
    opacity: 1;
    pointer-events: unset
}

.index-module__active--SEZXZ .index-module__highlight--O-Jdj {
    background-color: var(--color-primary);
    height: 48px
}

.index-module__active--SEZXZ .index-module__button--M7Mn1 {
    opacity: 1
}

@media screen and (min-width: 1900px) {
    .index-module__title--0ASmi {
        font-size:18px;
        line-height: 26px
    }

    .index-module__subTitle--rZCxK {
        font-size: 36px;
        line-height: 44px
    }

    .index-module__card-title-step--u7A6k {
        font-size: 18px;
        line-height: 26px
    }

    .index-module__card-title-text--IyT2A {
        font-size: var(--font-size-big-title);
        line-height: var(--font-size-big-title-lineheight)
    }

    .index-module__card-button-text--gx1m2,.index-module__content-text--2K6jB {
        font-size: var(--font-size-big-text);
        line-height: var(--font-size-big-text-lineheight)
    }

    .index-module__card-button-text--gx1m2 {
        font-weight: 500
    }
}

.index-module__title--PidPw {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__title-black--tUFjG {
    color: hsla(0,0%,9%,.8)
}

.index-module__title-white--Tj6nd {
    color: #fff;
    opacity: .75
}

.index-module__description--kt5Uo {
    font-family: PingFang SC;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 40px;
    margin-top: 12px
}

.index-module__description-black--r4qCX {
    color: #181818
}

.index-module__description-white--TYz0W {
    color: #fff
}

.index-module__detail--bP3BJ {
    font-size: 14px;
    letter-spacing: .002em;
    line-height: 22px;
    padding-top: 8px
}

.index-module__detail-black--6APlN {
    color: hsla(0,0%,9%,.8)
}

.index-module__detail-white--\+sStH {
    color: hsla(0,0%,100%,.8)
}

.index-module__titleDiv--cXRnT {
    padding-bottom: 60px
}

@media screen and (max-width: 990px) {
    .index-module__titleDiv--cXRnT {
        padding-bottom:24px
    }

    .index-module__title--PidPw {
        font-size: 12px;
        letter-spacing: .2px;
        line-height: 20px
    }

    .index-module__description--kt5Uo {
        font-size: 20px;
        line-height: 28px;
        margin-top: 4px
    }

    .index-module__detail--bP3BJ {
        font-size: 12px;
        letter-spacing: .2px;
        line-height: 20px
    }
}

@media screen and (min-width: 1900px) {
    .index-module__title--PidPw {
        font-size:18px;
        line-height: 26px
    }

    .index-module__description--kt5Uo {
        font-size: 36px;
        line-height: 44px
    }

    .index-module__detail--bP3BJ {
        font-size: 18px;
        line-height: 26px
    }
}

.index-module__Container--zKR1C .index-module__itemWrap--yhjt9 {
    display: flex;
    flex-direction: row
}

.index-module__Container--zKR1C .index-module__card--EUfxJ {
    margin-bottom: 20px;
    width: 100%
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__cardTitle--8Q0ta {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 2px;
    padding: 12px 24px
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__cardTitle--8Q0ta .index-module__iconWrap--01y90 {
    height: 16px;
    position: relative;
    width: 16px
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__cardTitle--8Q0ta .index-module__iconWrap--01y90 img {
    height: 100%;
    width: 100%
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__cardTitle--8Q0ta .index-module__iconWrap--01y90 .index-module__iconHover--ybu2Z {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__cardTitle--8Q0ta .index-module__step--w0qHW {
    color: #181818;
    font-family: DIN Alternate;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4375px;
    line-height: 22px;
    margin: 0 9px 0 8px
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__cardTitle--8Q0ta .index-module__text--tzTez {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__des--27\+mf {
    background-color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 24px
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__des--27\+mf .index-module__text--tzTez {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    line-height: 22px;
    text-align: justify
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__des--27\+mf .index-module__buttonWrap--4ALwS {
    margin-top: 24px;
    opacity: 0
}

.index-module__Container--zKR1C .index-module__card--EUfxJ .index-module__des--27\+mf .index-module__buttonWrap--4ALwS .index-module__button--k5egX {
    border: unset;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 2px 16px
}

.index-module__button-suport--RMc5Y {
    text-align: center
}

.index-module__button-suport-text--Qdgpf {
    color: hsla(0,0%,9%,.8);
    text-decoration: none;
    white-space: nowrap
}

.index-module__button-suport-text--Qdgpf span {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.index-module__button-suport-text--Qdgpf .index-module__iconRight--ms8kJ {
    display: inline-block;
    margin: 0 7px
}

.index-module__head--dP2P0 {
    margin: 0 auto;
    width: 534px
}

.index-module__title--wDHm8 {
    color: #181818;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px
}

.index-module__desc--7K3gB,.index-module__title--wDHm8 {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    text-align: center
}

.index-module__desc--7K3gB {
    color: hsla(0,0%,9%,.8);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    opacity: .8
}

.index-module__title--wDHm8+.index-module__desc--7K3gB {
    margin-top: 8px
}

.index-module__container--tBi3D {
    padding: 72px 0
}

@media screen and (max-width: 767px) {
    .index-module__head--dP2P0 {
        width:300px
    }

    .index-module__title--wDHm8 {
        font-size: 24px;
        line-height: 34px
    }

    .index-module__desc--7K3gB {
        font-size: 14px;
        line-height: 20px
    }

    .index-module__title--wDHm8+.index-module__desc--7K3gB {
        margin-top: 8px
    }

    .index-module__container--tBi3D {
        padding: 48px 0 72px
    }
}

.index-module__content--yN8fi {
    margin: 0 auto;
    padding-top: 32px;
    position: relative;
    width: 1200px
}

.index-module__content--yN8fi a {
    color: var(--color-primary);
    text-decoration: none
}

.index-module__buttonSupport--0z0Ty {
    background-color: transparent;
    border: 1px solid hsla(0,0%,9%,.8);
    height: 32px;
    position: absolute;
    right: 0;
    top: -32px;
    width: 150px
}

.index-module__buttonSupport--0z0Ty span {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.index-module__card-title-step--cA9ys {
    color: #181818;
    font-family: DIN Alternate;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4375px;
    line-height: 26px;
    margin-right: 6px
}

.index-module__card-title-text--53bdH {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify
}

.index-module__content-text--gq0fp {
    color: hsla(0,0%,9%,.8);
    font-size: var(--font-size-normal-text);
    line-height: var(--font-size-normal-text-lineheight);
    text-align: justify;
    width: 100%
}

.index-module__card-button-text--47ElY {
    font-size: 12px;
    line-height: 20px
}

.index-module__flex-block--3B3p\+ {
    display: flex;
    flex-direction: row
}

.index-module__flex-block--3B3p\+ .index-module__flex-child--fX6x5 {
    flex: 1 1
}

.index-module__flex-block--3B3p\+ .index-module__flex-child--fX6x5:not(:last-child) {
    margin-right: 60px
}

.index-module__topHeader--FXVnD .index-module__card-title-wrap--hyV9M {
    background-color: #fff;
    border-bottom: 3px solid #f7f7f7;
    display: flex;
    flex-direction: row;
    padding: 12px 24px;
    position: relative
}

.index-module__topHeader--FXVnD .index-module__arrowWrap--5cFuA {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

.index-module__topHeader--FXVnD .index-module__line-transparent--dCdkJ {
    background-color: transparent;
    height: 2px
}

.index-module__topHeader--FXVnD .index-module__title-text--jsNAy {
    position: relative;
    width: 100%
}

.index-module__bottom-content--ZnBkZ .index-module__contentWrap--Afj3r {
    background-color: #fff;
    border-bottom: 3px solid transparent;
    transition: all .2s ease-in-out;
    z-index: 10
}

.index-module__bottom-content--ZnBkZ .index-module__content-text--gq0fp {
    padding: 24px
}

.index-module__empty-content--w4hxn .index-module__emptyWrap--JZAM- {
    height: 48px;
    pointer-events: none;
    position: relative
}

.index-module__empty-content--w4hxn .index-module__highlight--2RrWv {
    background-color: #fff;
    height: 0;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    width: 100%
}

.index-module__empty-content--w4hxn .index-module__button--XBoHt {
    background-color: #fff;
    border: unset;
    left: 24px;
    opacity: 0;
    padding: 2px 16px;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out
}

.index-module__active--PQjyA .index-module__card-title-step--cA9ys,.index-module__active--PQjyA .index-module__card-title-text--53bdH {
    color: var(--color-primary)
}

.index-module__active--PQjyA.index-module__contentWrap--Afj3r {
    background-color: var(--color-primary)!important
}

.index-module__active--PQjyA .index-module__content-text--gq0fp {
    color: #fff
}

.index-module__active--PQjyA.index-module__emptyWrap--JZAM- {
    opacity: 1;
    pointer-events: unset
}

.index-module__active--PQjyA .index-module__highlight--2RrWv {
    background-color: var(--color-primary);
    height: 48px
}

.index-module__active--PQjyA .index-module__button--XBoHt {
    opacity: 1
}

@media screen and (max-width: 1023px) {
    .index-module__content--yN8fi {
        display:none
    }
}

.index-module__ContainerWrap--f\+q4R {
    display: none
}

.index-module__Container--5aiEg {
    padding: 32px 24px 0
}

.index-module__Container--5aiEg .index-module__itemWrap--ohiyx {
    display: flex;
    flex-direction: row
}

.index-module__Container--5aiEg .index-module__card--ZM5eY {
    margin-bottom: 20px;
    width: 100%
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__cardTitle--nQIV8 {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 2px;
    padding: 12px 24px
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__cardTitle--nQIV8 .index-module__iconWrap--4sR5C {
    height: 16px;
    position: relative;
    width: 16px
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__cardTitle--nQIV8 .index-module__iconWrap--4sR5C img {
    height: 100%;
    width: 100%
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__cardTitle--nQIV8 .index-module__iconWrap--4sR5C .index-module__iconHover--o\+aOy {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__cardTitle--nQIV8 .index-module__step---Zcnf {
    color: #181818;
    font-family: DIN Alternate;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4375px;
    line-height: 22px;
    margin: 0 9px 0 8px
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__cardTitle--nQIV8 .index-module__text--WZtJv {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__des--shi4c {
    background-color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 24px
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__des--shi4c .index-module__text--WZtJv {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    line-height: 22px;
    text-align: justify
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__des--shi4c .index-module__buttonWrap--mx2L2 {
    margin-top: 24px;
    opacity: 0
}

.index-module__Container--5aiEg .index-module__card--ZM5eY .index-module__des--shi4c .index-module__buttonWrap--mx2L2 .index-module__button--yr8xD {
    border: unset;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 2px 16px
}

.index-module__button-suport--vG-Pf {
    text-align: center
}

.index-module__button-suport-text--\+r0Qn {
    color: hsla(0,0%,9%,.8);
    text-decoration: none;
    white-space: nowrap
}

.index-module__button-suport-text--\+r0Qn span {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.index-module__button-suport-text--\+r0Qn .index-module__iconRight--MWiE\+ {
    display: inline-block;
    margin: 0 7px
}

@media screen and (max-width: 1023px) {
    .index-module__ContainerWrap--f\+q4R {
        display:block
    }
}

.index-module__container--iZJOM {
    height: 100%;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__container--iZJOM img {
    display: block;
    height: 100%
}

.index-module__container--iZJOM .index-module__hover-block--vYDLF {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: 4px 4px 14px rgba(26,26,29,.08);
    opacity: 0;
    transition: all .2s linear
}

.index-module__container--iZJOM .index-module__hover-block--vYDLF img {
    height: 100%;
    object-fit: fill;
    width: 100%
}

.index-module__container--iZJOM .index-module__hover-block--vYDLF:hover {
    opacity: .9
}

.index-module__container--iZJOM .index-module__hover-1--a0vI- {
    height: 16.2%;
    left: 9.4%;
    position: absolute;
    top: 0;
    width: 16.8%
}

.index-module__container--iZJOM .index-module__hover-2--LhF7z {
    height: 16.2%;
    left: 27.1%;
    position: absolute;
    top: 0;
    width: 17.6%
}

.index-module__container--iZJOM .index-module__hover-3--VJV8d {
    height: 16.2%;
    left: 45.6%;
    position: absolute;
    top: 0;
    width: 27.2%
}

.index-module__container--iZJOM .index-module__hover-4---5DRK {
    height: 16.2%;
    left: 73.8%;
    position: absolute;
    top: 0;
    width: 26.2%
}

@media screen and (max-width: 990px) {
    .index-module__hover-block--vYDLF {
        display:none
    }

    .index-module__container--iZJOM {
        position: relative;
        width: 1120px
    }

    .index-module__container--iZJOM img {
        height: 100%;
        max-height: 540px;
        width: 100%
    }
}

@media screen and (min-width: 1900px) {
    .index-module__container--iZJOM {
        height:90%
    }
}

.index-module__container---iwdV {
    height: 100%;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__container---iwdV img {
    display: block;
    height: 100%
}

.index-module__container---iwdV .index-module__hover-block--h3njq {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: 4px 4px 14px rgba(26,26,29,.08);
    opacity: 0;
    transition: all .2s linear
}

.index-module__container---iwdV .index-module__hover-block--h3njq img {
    height: 100%;
    object-fit: fill;
    width: 100%
}

.index-module__container---iwdV .index-module__hover-block--h3njq:hover {
    opacity: .9
}

.index-module__container---iwdV .index-module__hover-1--7FPnb {
    height: 6.6%;
    left: 8.68%;
    position: absolute;
    top: 86.8%;
    width: 14.3%
}

.index-module__container---iwdV .index-module__hover-2--oj\+mW {
    height: 17.2%;
    left: 25.8%;
    position: absolute;
    top: 6.4%;
    width: 52%
}

.index-module__container---iwdV .index-module__hover-3--r-wIy {
    height: 8.7%;
    left: 80.6%;
    position: absolute;
    top: 6.4%;
    width: 13.8%
}

@media screen and (max-width: 990px) {
    .index-module__hover-block--h3njq {
        display:none
    }

    .index-module__container---iwdV {
        position: relative;
        width: 1120px
    }

    .index-module__container---iwdV img {
        height: 100%;
        max-height: 540px;
        width: 100%
    }
}

@media screen and (min-width: 1900px) {
    .index-module__container---iwdV {
        height:90%
    }
}

.index-module__container--ffpCo {
    height: 100%;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__container--ffpCo img {
    display: block;
    height: 100%
}

.index-module__container--ffpCo .index-module__hover-block--4ugto {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: 4px 4px 14px rgba(26,26,29,.08);
    opacity: 0;
    transition: all .2s linear
}

.index-module__container--ffpCo .index-module__hover-block--4ugto img {
    height: 100%;
    object-fit: fill;
    width: 100%
}

.index-module__container--ffpCo .index-module__hover-block--4ugto:hover {
    opacity: .9
}

.index-module__container--ffpCo .index-module__hover-1--e2KcL {
    height: 72.1%;
    left: 0;
    position: absolute;
    top: 27.5%;
    width: 18.9%
}

.index-module__container--ffpCo .index-module__hover-2--rnuYv {
    height: 12.2%;
    left: 27.5%;
    position: absolute;
    top: 41%;
    width: 43.9%
}

.index-module__container--ffpCo .index-module__hover-3--4o6ko {
    height: 12.2%;
    left: 27.5%;
    position: absolute;
    top: 55.3%;
    width: 43.9%
}

.index-module__container--ffpCo .index-module__hover-4--40QpB {
    height: 12.2%;
    left: 27.5%;
    position: absolute;
    top: 69.4%;
    width: 43.9%
}

.index-module__container--ffpCo .index-module__hover-5--66zrM {
    height: 72.1%;
    left: 81.1%;
    position: absolute;
    top: 27.5%;
    width: 18.9%
}

@media screen and (max-width: 990px) {
    .index-module__hover-block--4ugto {
        display:none
    }

    .index-module__container--ffpCo {
        position: relative;
        width: 1120px
    }

    .index-module__container--ffpCo img {
        height: 100%;
        max-height: 540px;
        width: 100%
    }
}

@media screen and (min-width: 1900px) {
    .index-module__container--ffpCo {
        height:90%
    }
}

.index-module__frameWrap--HecTf {
    border: 1px solid #ebebeb;
    height: 575px;
    max-width: 100%;
    position: relative
}

.index-module__frameWrap--HecTf .index-module__tools--690mm {
    bottom: 12px;
    position: absolute;
    right: 12px;
    z-index: 3
}

.index-module__frameWrap--HecTf .index-module__tools--690mm button {
    background: #282828;
    border: unset;
    box-shadow: 1px 1px 6px rgba(40,40,40,.25);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 32px;
    padding: unset;
    width: 32px
}

.index-module__frameWrap--HecTf .index-module__tools--690mm button:hover {
    background: #484848;
    box-shadow: 0 4px 6px rgba(40,40,40,.25)
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__disable--vVfaa {
    cursor: not-allowed
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__plus---Xm4t {
    font-size: 24px
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__reset--DdNQP {
    margin-bottom: 12px;
    position: relative
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__pop-over--H8Mio {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: -140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__pop-over--H8Mio.index-module__hidden--B64wo {
    opacity: 0;
    visibility: hidden
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__pop-over--H8Mio.index-module__hidden--B64wo.index-module__show--AB6uL {
    opacity: 1;
    visibility: visible
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__pop-content--P1lV8 {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    box-shadow: 0 4px 10px #000;
    box-sizing: border-box;
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__rhombus--M6Xnj {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-bottom: none;
    border-bottom-right-radius: 2px;
    border-left: none;
    height: 8px;
    margin-left: -4px;
    transform: rotate(45deg);
    width: 8px
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__iconFullscreen--yYsGI {
    color: #fff;
    height: 16px;
    width: 16px
}

.index-module__frameWrap--HecTf .index-module__tools--690mm .index-module__minusSymbol--88kbR {
    background-color: #fff;
    border-radius: .5px;
    height: 2.4px;
    margin: auto;
    width: 12px
}

.index-module__frameWrap--HecTf .index-module__zoom-content--MuAUP,.index-module__frameWrap--HecTf .index-module__zoom-wrapper--3\+hfm {
    height: 100%!important;
    width: 100%!important
}

.index-module__frameWrap--HecTf .index-module__innerWrap--AWSNA {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.index-module__frameWrap--HecTf .index-module__innerWrap--AWSNA .index-module__picture--FC0nx {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.index-module__modal-wrap--TMuQv {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__modal-wrap--TMuQv .index-module__picture--FC0nx {
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    width: 90vw
}

.index-module__modal-wrap--TMuQv .arco-modal-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.index-module__modal-wrap--TMuQv .arco-icon-hover:hover:before {
    height: 26px;
    width: 26px
}

.index-module__modal-wrap--TMuQv .arco-icon-close {
    height: 20px;
    width: 20px
}

@media screen and (max-width: 1280px) {
    .index-module__frameWrap--HecTf {
        height:508px
    }
}

@media screen and (min-width: 1900px) {
    .index-module__frameWrap--HecTf {
        height:721px
    }
}

.index-module__cardContainer--0eT0S {
    padding-right: 0!important
}

.index-module__frameWrap--MVkB- {
    border: 1px solid #ebebeb;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%
}

.index-module__frameWrap--MVkB- .index-module__scrollbar--qh5LI {
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.04);
    overflow-x: auto
}

.index-module__frameWrap--MVkB- .index-module__scrollbar--qh5LI .index-module__scrollContent--li3pp {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.04);
    margin: 0 auto;
    padding: 16px;
    transform-origin: left top;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameWrap--MVkB- .index-module__scrollbar--qh5LI .index-module__scrollContent--li3pp.index-module__block--yTmqf {
    width: unset
}

.index-module__frameWrap--MVkB- .index-module__scrollbar--qh5LI .index-module__scrollContent--li3pp .index-module__picture--by1aN {
    max-height: 540px
}

.index-module__frameWrap--MVkB- ::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.index-module__frameWrap--MVkB- ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
    box-shadow: inset 0 0 5px transparent;
    -webkit-transition: all .3s;
    transition: all .3s
}

.index-module__frameWrap--MVkB- ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.12);
    border-radius: 2px;
    box-shadow: inset 0 0 10px rgba(0,0,0,.12);
    -webkit-transition: all .3s;
    transition: all .3s
}

.index-module__video--glIR\+ {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    position: relative;
    width: 100%
}

.index-module__video--glIR\+:hover span {
    background-color: #1d2129;
    border: none;
    opacity: .4;
    width: 64px
}

.index-module__video--glIR\+:hover span:before {
    opacity: 1;
    transform: scale(1)
}

.index-module__video--glIR\+ span {
    align-items: center;
    background: #000;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    opacity: .5;
    position: absolute;
    top: 40%;
    width: 64px;
    z-index: 2
}

.index-module__video--glIR\+ span .index-module__svg--0i-ym {
    fill: #fff;
    margin-left: 4px
}

.index-module__video--glIR\+ span:hover {
    transform: scale(1.2)
}

.index-module__video--glIR\+ span:before {
    -webkit-animation: index-module__ripple--2SSp2 .8s linear infinite;
    animation: index-module__ripple--2SSp2 .8s linear infinite;
    border-radius: 100px;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transform: scale(.7);
    transition: all .5s ease;
    width: 100%
}

@-webkit-keyframes index-module__ripple--2SSp2 {
    0% {
        box-shadow: 0 0 0 0 rgba(29,33,41,0),0 0 0 20px rgba(29,33,41,.18)
    }

    to {
        box-shadow: 0 0 0 20px rgba(29,33,41,.18),0 0 0 30px rgba(29,33,41,0)
    }
}

@keyframes index-module__ripple--2SSp2 {
    0% {
        box-shadow: 0 0 0 0 rgba(29,33,41,0),0 0 0 20px rgba(29,33,41,.18)
    }

    to {
        box-shadow: 0 0 0 20px rgba(29,33,41,.18),0 0 0 30px rgba(29,33,41,0)
    }
}

.index-module__video--glIR\+ img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 990px) {
    .index-module__video--glIR\+ span {
        height:44px;
        width: 44px
    }

    .index-module__video--glIR\+ .index-module__svg--0i-ym {
        margin-left: 3px
    }

    .index-module__video--glIR\+:hover span {
        height: 44px;
        width: 44px!important
    }
}

.index-module__wrap--wd\+IE {
    display: flex;
    flex-direction: row;
    height: 570px;
    justify-content: space-between;
    width: 100%
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc {
    background: #f7f7f7;
    height: 100%;
    width: 49%
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__imageBlock--J8bmd {
    height: 63%;
    width: 100%
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__imageBlock--J8bmd img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg {
    padding: 32px
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__linkWrap--NHdRs {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
    text-align: justify
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__linkWrap--NHdRs img {
    height: 56px
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__linkWrap--NHdRs .index-module__iconRight--sBdOT {
    margin: 0 7px
}

.index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__longDes--FER9- {
    color: hsla(0,0%,9%,.8);
    font-size: var(--font-size-normal-text);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: var(--font-size-normal-text-lineheight);
    margin-top: 20px;
    text-align: justify
}

.index-module__wrap--wd\+IE .index-module__threeCardWrap--ODuAk {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 3%;
    width: 51%
}

.index-module__wrap--wd\+IE .index-module__threeCardWrap--ODuAk .index-module__card--ouZR8 {
    flex: 1 1;
    z-index: 4
}

.index-module__wrap--wd\+IE .index-module__card--ouZR8 {
    background: #f7f7f7;
    height: 144px!important;
    padding: 24px;
    width: 100%
}

.index-module__wrap--wd\+IE .index-module__card--ouZR8 .index-module__icon--THmWq {
    height: 36px
}

.index-module__wrap--wd\+IE .index-module__card--ouZR8 .index-module__shortDes--oEuX0 {
    color: #181818;
    font-size: 14px;
    letter-spacing: .002em;
    line-height: 22px;
    padding-top: 8px;
    text-align: justify
}

.index-module__wrap--wd\+IE .index-module__card--ouZR8:not(:last-child) {
    margin-bottom: 20px
}

.index-module__wrap--wd\+IE .index-module__card--ouZR8.index-module__active---9OfI {
    background: #fff;
    box-shadow: -2px 0 16px rgba(102,112,147,.14);
    position: relative
}

.index-module__wrap--wd\+IE .index-module__card--ouZR8.index-module__active---9OfI .index-module__highlight--kCATa {
    background: var(--color-primary);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.index-module__wrap--wd\+IE .index-module__rightWrap--sl6tk {
    position: relative;
    width: 51%
}

.index-module__wrap--wd\+IE .index-module__rightWrap--sl6tk .index-module__shadowTop--QDvm9 {
    background: #fff;
    box-shadow: 0 -15px 16px -12px rgba(102,112,147,.12);
    height: 72px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 95%
}

.index-module__wrap--wd\+IE .index-module__rightWrap--sl6tk .index-module__cardWrap--zHRqW::-webkit-scrollbar {
    display: none
}

.index-module__wrap--wd\+IE .index-module__rightWrap--sl6tk .index-module__cardWrap--zHRqW {
    -ms-overflow-style: none;
    height: 100%;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.index-module__wrap--wd\+IE .index-module__rightWrap--sl6tk .index-module__cardWrap--zHRqW .index-module__cardList--tYdNr {
    padding-left: 6%;
    position: absolute;
    right: 0;
    transition: top .2s ease-in-out;
    width: 100%
}

.index-module__wrap--wd\+IE .index-module__rightWrap--sl6tk .index-module__shadowBottom--eFOC3 {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -15px 16px -12px rgba(102,112,147,.12);
    height: 72px;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    width: 95%;
    z-index: 101
}

.index-module__wrap--wd\+IE .index-module__transparent-block--uC0DQ {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 6%;
    z-index: 10
}

@media screen and (max-width: 1280px) {
    .index-module__wrap--wd\+IE {
        height:503px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg {
        padding: 24px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__linkWrap--NHdRs img {
        height: 49px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__longDes--FER9- {
        margin-top: 16px
    }

    .index-module__wrap--wd\+IE .index-module__card--ouZR8 {
        height: 136px!important;
        padding: 20px
    }
}

@media screen and (min-width: 1900px) {
    .index-module__wrap--wd\+IE {
        height:707px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg {
        padding: 40px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__linkWrap--NHdRs {
        font-size: 16px;
        line-height: 24px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__linkWrap--NHdRs img {
        height: 69px
    }

    .index-module__wrap--wd\+IE .index-module__leftWrap--htbVc .index-module__leftBottom--yswRg .index-module__longDes--FER9- {
        font-size: var(--font-size-big-text);
        line-height: var(--font-size-big-text-lineheight);
        margin-top: 26px
    }

    .index-module__wrap--wd\+IE .index-module__card--ouZR8 {
        height: 182px!important;
        padding: 28px
    }

    .index-module__wrap--wd\+IE .index-module__card--ouZR8 .index-module__icon--THmWq {
        height: 46px
    }

    .index-module__wrap--wd\+IE .index-module__card--ouZR8 .index-module__shortDes--oEuX0 {
        font-size: 18px;
        line-height: 26px;
        padding-top: 16px
    }
}

.index-module__card-wrap--1gbgQ {
    align-items: center;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: row;
    height: 496px;
    justify-content: center;
    width: 100%
}

.index-module__leftBlock--Dkc75 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 32px;
    width: 32%
}

.index-module__leftBlock--Dkc75 .index-module__icon--3r7tB {
    height: 56px
}

.index-module__leftBlock--Dkc75 .index-module__longDes--uBIsQ {
    font-size: 16px;
    line-height: 24px;
    padding: 24px 0;
    text-align: justify
}

.index-module__leftBlock--Dkc75 .index-module__link--qu9Gg {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.index-module__rightBlock--b5ewA {
    height: 100%;
    width: 68%
}

.index-module__rightBlock--b5ewA .index-module__imageBlock--fpXH0 {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 1280px) {
    .index-module__card-wrap--1gbgQ {
        height:436px
    }

    .index-module__leftBlock--Dkc75 {
        padding: 24px
    }

    .index-module__leftBlock--Dkc75 .index-module__longDes--uBIsQ {
        padding: 16px 0
    }
}

@media screen and (min-width: 1900px) {
    .index-module__card-wrap--1gbgQ {
        height:560px
    }

    .index-module__leftBlock--Dkc75 {
        padding: 40px
    }

    .index-module__leftBlock--Dkc75 .index-module__longDes--uBIsQ {
        font-size: 20px;
        line-height: 28px;
        padding: 24px 0
    }

    .index-module__leftBlock--Dkc75 .index-module__button--h4-lM {
        height: 50px
    }

    .index-module__leftBlock--Dkc75 .index-module__link--qu9Gg {
        font-size: 20px;
        line-height: 28px
    }
}

.index-module__titleContainer--\+2OMP {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 56px
}

.index-module__oneWrap--GLs-h .index-module__cardWrap--5R-uU {
    margin: 0 auto;
    max-width: 600px
}

.index-module__cardWrap--5R-uU {
    background: #f7f7f7;
    height: 100%;
    width: 100%
}

.index-module__cardWrap--5R-uU .index-module__imageBlock--2ZP3G {
    height: 60%;
    width: 100%
}

.index-module__cardWrap--5R-uU .index-module__imageBlock--2ZP3G img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h {
    height: 40%;
    padding: 20px;
    width: 100%
}

.index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__linkWrap--siQw\+ {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px
}

.index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__linkWrap--siQw\+ img {
    height: 36px
}

.index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__linkWrap--siQw\+ .index-module__iconRight--Z6iJu {
    margin: 0 7px
}

.index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__longDes--jtH9a {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 6px;
    text-align: justify
}

.index-module__wrap--0yzFn {
    background-color: #fff;
    height: 360px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.index-module__wrap--0yzFn .index-module__twoWrap--ONwOE {
    height: 100%;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: -moz-transform .3s ease-in-out;
    -moz-transition: -webkit-transform .3s ease-in-out;
    width: 380px
}

.index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__first--oThrE {
    left: 5%
}

.index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__second--UDm3e {
    left: calc(5% + 400px);
    transform: scale(.9);
    transform-origin: 0 50%
}

.index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__first--oThrE.index-module__slide--PPmRI {
    left: calc(95% - 400px);
    transform: scale(.9) translateX(-111%);
    transform-origin: 100% 50%
}

.index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__second--UDm3e.index-module__slide--PPmRI {
    left: calc(95% - 380px);
    transform: scale(1)
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn .index-module__cardWrap--5R-uU {
    width: 380px
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__active--rVKq8 {
    opacity: 1;
    transform: translateX(-50%)
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__left--9d8Ir {
    left: calc(50% - 210px);
    opacity: 1;
    transform: scale(.9) translateX(-111%);
    transform-origin: 100% 50%
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__right--3dHbU {
    left: calc(50% + 210px);
    opacity: 1;
    transform: scale(.9);
    transform-origin: 0 50%
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__preItem--Z3yfc {
    left: -340px;
    opacity: 0;
    transform: scale(.9) translateX(-111%);
    transform-origin: 100% 50%
}

.index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__nextItem--U\+o6g {
    left: calc(100% + 340px);
    opacity: 0;
    transform: scale(.9);
    transform-origin: 0 50%
}

@media screen and (max-width: 478px) {
    .index-module__cardWrap--5R-uU .index-module__imageBlock--2ZP3G {
        height:167px
    }

    .index-module__cardWrap--5R-uU .index-module__imageBlock--2ZP3G img {
        width: 100%
    }

    .index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h {
        padding: 12px 20px;
        width: 100%
    }

    .index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__linkWrap--siQw\+ {
        font-size: 12px;
        line-height: 20px
    }

    .index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__linkWrap--siQw\+ img {
        height: 29px
    }

    .index-module__cardWrap--5R-uU .index-module__blockBottom--6Ez1h .index-module__linkWrap--siQw\+ .index-module__iconRight--Z6iJu {
        margin: 0 0 0 7px
    }

    .index-module__wrap--0yzFn {
        height: 360px;
        width: 100%
    }

    .index-module__wrap--0yzFn .index-module__twoWrap--ONwOE {
        width: 279px
    }

    .index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__second--UDm3e {
        left: calc(5% + 295px)
    }

    .index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__first--oThrE.index-module__slide--PPmRI {
        left: calc(95% - 295px)
    }

    .index-module__wrap--0yzFn .index-module__twoWrap--ONwOE.index-module__second--UDm3e.index-module__slide--PPmRI {
        left: calc(95% - 279px)
    }

    .index-module__wrap--0yzFn .index-module__blockWrap--yezQn .index-module__cardWrap--5R-uU {
        width: 279px
    }

    .index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__left--9d8Ir {
        left: calc(50% - 154px)
    }

    .index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__right--3dHbU {
        left: calc(50% + 154px)
    }

    .index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__preItem--Z3yfc {
        left: -340px;
        opacity: 0;
        transform: scale(.9) translateX(-100%)
    }

    .index-module__wrap--0yzFn .index-module__blockWrap--yezQn.index-module__nextItem--U\+o6g {
        left: calc(100% + 340px);
        opacity: 0;
        transform: scale(.9)
    }
}

.index-module__tabTitles--vJeMa {
    width: 100%
}

.index-module__tabTitle--TXaJB {
    color: #181818;
    cursor: pointer;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 36px;
    padding: 0 16px;
    transition: all .5s
}

.index-module__tabTitle--TXaJB:hover {
    color: #1664ff
}

.index-module__tabTitle--TXaJB+.index-module__tabTitle--TXaJB {
    margin-left: 16px
}

.index-module__tabs--w5riu {
    background: #fff;
    height: 313px;
    margin-top: 40px;
    position: relative;
    width: 100%
}

.index-module__tab--me-tl {
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 1s;
    width: 100%
}

.index-module__tabImg--xpkPr {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 100%;
    width: 50%
}

.index-module__tabInfo--jxbgF {
    display: inline-block;
    height: 100%;
    padding: 66px 48px 0;
    vertical-align: top;
    width: 50%
}

.index-module__tabInfoTitle--5K9PE {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 32px
}

.index-module__tabDesc--oXMOB {
    color: hsla(0,0%,9%,.8);
    font-family: PingFang SC;
    font-size: var(--font-size-normal-text);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: var(--font-size-normal-text-lineheight);
    margin-top: 24px
}

.index-module__buttons--eVXDH {
    height: 32px;
    margin-top: 24px;
    width: 100%
}

.index-module__buttonATag--8raym {
    display: inline-block
}

.index-module__buttonATag--8raym+.index-module__buttonATag--8raym {
    margin-left: 12px
}

.index-module__buttonATag--8raym,.index-module__buttonATag--8raym:active,.index-module__buttonATag--8raym:hover,.index-module__buttonATag--8raym:link,.index-module__buttonATag--8raym:visited {
    color: inherit;
    text-decoration: none
}

.index-module__buttonArrow--rgPHD {
    display: inline-block;
    height: 10px;
    margin-left: 9.3px;
    vertical-align: baseline;
    width: 10px
}

.index-module__mobile--DWWSL {
    display: none;
    height: auto;
    width: 100%
}

.index-module__moTab--VBAaz {
    background: #fff;
    max-height: 100vh;
    overflow: hidden;
    padding: 20px;
    transition: max-height .5s;
    width: 100%
}

.index-module__moTab--VBAaz+.index-module__moTab--VBAaz {
    margin-top: 12px
}

.index-module__moTabTitle---9hvi {
    color: #181818;
    display: flex;
    flex-direction: row;
    font-family: unset;
    font-size: 16px;
    font-style: normal;
    height: 24px;
    justify-content: space-between;
    letter-spacing: .002em;
    line-height: 24px;
    transition: color .5s;
    white-space: nowrap;
    width: 100%
}

.index-module__moTabArrow--u0yIR {
    margin-top: 4px;
    transition: transform .5s
}

.index-module__moTabImg--jZo9r {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 324px;
    margin-top: 20px;
    width: 100%
}

.index-module__moTabDesc--lrrct {
    color: hsla(0,0%,9%,.8);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 20px;
    width: 100%
}

.index-module__moButtons--JHxdJ {
    height: 34px;
    margin-top: 20px;
    width: 100%
}

@media screen and (min-width: 1900px) {
    .index-module__tabTitle--TXaJB {
        font-size:18px;
        height: 40px;
        line-height: 40px
    }

    .index-module__tabs--w5riu {
        height: 442px
    }

    .index-module__tabInfo--jxbgF {
        padding: 123px 72px 0
    }

    .index-module__tabInfoTitle--5K9PE {
        font-size: 20px;
        line-height: 36px
    }

    .index-module__tabDesc--oXMOB {
        font-size: var(--font-size-big-text);
        line-height: var(--font-size-big-text-lineheight)
    }
}

@media screen and (max-width: 478px) {
    .index-module__pc--FFyeH {
        display:none
    }

    .index-module__mobile--DWWSL {
        display: block
    }

    .index-module__moTabImg--jZo9r {
        height: 198px
    }
}

@media screen and (min-width: 478px) and (max-width:990px) {
    .index-module__pc--FFyeH {
        display:none
    }

    .index-module__mobile--DWWSL {
        display: block
    }
}

.index-module__navigator--Twpv5 {
    display: none;
    justify-content: center;
    width: 100%;
    z-index: 99
}

.index-module__tabs--5ByBF {
    background-color: #fff;
    box-shadow: 0 4px 11px rgba(0,0,0,.06);
    display: flex;
    height: 52px;
    position: absolute;
    top: -26px;
    width: 88%
}

.index-module__tab--QRKum {
    align-items: center;
    color: #181818;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em
}

.index-module__tabNow--TbkiB {
    background: #1664ff;
    color: #fff;
    font-weight: 500
}

@media (any-hover: hover) and (min-width:990px) {
    .index-module__tab--QRKum:hover {
        color:var(--color-primary);
        transition: color .5s
    }

    .index-module__tabNow--TbkiB:hover {
        color: #fff;
        transition: unset
    }
}

@media screen and (min-width: 1900px) {
    .index-module__tabs--5ByBF {
        width:70%
    }
}

@media screen and (min-width: 1440px) and (max-width:1900px) {
    .index-module__tabs--5ByBF {
        width:76%
    }
}

@media screen and (max-width: 478px) {
    .index-module__tabs--5ByBF {
        box-shadow:0 4px 11px rgba(0,0,0,.06);
        width: 100%
    }

    .index-module__tabs-product--WPBRx {
        -ms-overflow-style: none;
        overflow-x: scroll;
        padding: 0 3px;
        scrollbar-width: none
    }

    .index-module__tabs-product--WPBRx::-webkit-scrollbar {
        display: none
    }

    .index-module__tab--QRKum {
        color: #393f56
    }

    .index-module__banInMob--GLn\+q {
        display: none
    }

    .index-module__tab-product--nlCDV {
        flex-grow: unset;
        padding: 0 10px;
        white-space: nowrap
    }

    .index-module__tabNow--TbkiB {
        background: unset;
        color: #1664ff;
        font-weight: 400
    }
}

@media screen and (min-width: 478px) and (max-width:990px) {
    .index-module__tabs--5ByBF {
        box-shadow:0 4px 11px rgba(0,0,0,.06);
        width: 100%
    }

    .index-module__tab--QRKum {
        color: #393f56
    }

    .index-module__banInMob--GLn\+q {
        display: none
    }

    .index-module__tabNow--TbkiB {
        background: unset;
        color: #1664ff;
        font-weight: 400
    }
}

.index-module__pc--NB45\+ {
    display: flex;
    width: 100%
}

.index-module__tabInfos--U\+qrJ {
    display: inline-flex;
    flex-direction: column;
    min-height: 368px;
    vertical-align: top;
    width: 372px
}

.index-module__tabImages--vLUs\+ {
    background: hsla(0,0%,100%,.05);
    display: inline-block;
    margin-left: 20px;
    min-height: 368px;
    padding: 32px;
    width: calc(100% - 392px)
}

.index-module__tabImageWrap--LAz4J {
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__tabImage--sZlLf {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s;
    width: 100%
}

.index-module__tabInfo--sC0el {
    background: hsla(0,0%,100%,.05);
    flex-basis: 124px;
    padding: 16px;
    transition: background-color .5s;
    width: 100%
}

.index-module__tabInfo--sC0el+.index-module__tabInfo--sC0el {
    margin-top: 16px
}

.index-module__tabTitle--WUkQr {
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    height: 24px;
    justify-content: space-between;
    letter-spacing: .002em;
    line-height: 24px;
    width: 100%
}

.index-module__tabIconATag--0xjSo {
    display: block
}

.index-module__tabIconATag--0xjSo,.index-module__tabIconATag--0xjSo:active,.index-module__tabIconATag--0xjSo:hover,.index-module__tabIconATag--0xjSo:link,.index-module__tabIconATag--0xjSo:visited {
    color: inherit;
    text-decoration: none
}

.index-module__tabDesc--Q1pPC {
    color: #fff;
    font-family: PingFang SC;
    font-size: var(--font-size-normal-text);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--font-size-normal-text-lineheight);
    margin-top: 12px;
    opacity: .7
}

.index-module__tabIcon--fzZ-O {
    display: flex;
    height: 20px;
    width: 20px
}

.index-module__mobile--Wjej- {
    display: none;
    overflow-x: hidden
}

.index-module__moTabs--AVghA {
    -ms-overflow-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%
}

.index-module__moTabs--AVghA::-webkit-scrollbar {
    display: none
}

.index-module__moTab--Etyxa {
    background: hsla(0,0%,100%,.05);
    display: inline-block;
    height: 382px;
    vertical-align: top;
    width: 312px
}

.index-module__moTab--Etyxa+.index-module__moTab--Etyxa {
    margin-left: 20px
}

.index-module__moTabImage--0jSqh {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 247.3px;
    width: 100%
}

.index-module__moTabInfo--j1t\+0 {
    padding: 20px;
    width: 100%
}

.index-module__moTabDesc--8pQxX {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px;
    opacity: .7;
    white-space: normal
}

@media screen and (min-width: 1280px) and (max-width:1900px) {
    .index-module__tabInfos--U\+qrJ {
        width:420px
    }

    .index-module__tabInfo--sC0el {
        padding: 24px
    }

    .index-module__tabImages--vLUs\+ {
        width: calc(100% - 440px)
    }
}

@media screen and (min-width: 1900px) {
    .index-module__tabInfos--U\+qrJ {
        width:530px
    }

    .index-module__tabInfo--sC0el {
        flex-basis: 152px;
        padding: 32px 30.75px 32px 33.25px
    }

    .index-module__tabTitle--WUkQr {
        font-size: 20px;
        line-height: 28px
    }

    .index-module__tabIcon--fzZ-O {
        height: 24px;
        width: 24px
    }

    .index-module__tabDesc--Q1pPC {
        font-size: var(--font-size-big-text);
        letter-spacing: .002em;
        line-height: var(--font-size-big-text-lineheight);
        margin-top: 16px
    }

    .index-module__tabImages--vLUs\+ {
        padding: 44px;
        width: calc(100% - 550px)
    }
}

@media screen and (max-width: 990px) {
    .index-module__pc--NB45\+ {
        display:none
    }

    .index-module__mobile--Wjej- {
        display: inline;
        display: initial
    }
}

.index-module__footer--zmV6j {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 325px;
    text-align: center;
    width: 100%
}

.index-module__title--em0Ev {
    color: #181818;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 7.3px;
    line-height: 40px;
    margin-top: 85px
}

.index-module__desc--aCa67,.index-module__title--em0Ev {
    font-family: PingFang SC;
    font-style: normal;
    white-space: nowrap
}

.index-module__desc--aCa67 {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px
}

.index-module__contact--U\+oWI {
    margin-top: 28px
}

.index-module__contactInput--dN09Y {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px 0 0 4px;
    color: #86909c;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 56px;
    line-height: 24px;
    padding: 16px;
    width: 288px!important
}

.index-module__contactInput--dN09Y:hover {
    background-color: #fff!important
}

.index-module__contactInput--dN09Y:focus {
    border: 1px solid #e5e6eb!important
}

.index-module__contactButton--r6RRm {
    background: #1664ff;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    padding: 0 34px;
    text-align: center;
    vertical-align: top
}

.index-module__contactButton--r6RRm,.index-module__contactButton--r6RRm:active,.index-module__contactButton--r6RRm:hover,.index-module__contactButton--r6RRm:link,.index-module__contactButton--r6RRm:visited {
    text-decoration: none
}

.index-module__moFooter--RXgFT {
    align-items: center;
    background-color: #1664ff;
    display: none;
    flex-wrap: nowrap;
    height: 58px;
    justify-content: space-between;
    padding: 13px 20px;
    width: 100%
}

.index-module__moFooter--RXgFT>.index-module__moText--dlOTI {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.index-module__moButton--qjzYF {
    background: #fbfcff;
    border-radius: 2px;
    color: #1664ff;
    display: block;
    font-family: PingFang SC;
    font-size: 15.75px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    line-height: 16px;
    padding: 8px 20px;
    text-align: center;
    width: 109px
}

.index-module__moButton--qjzYF,.index-module__moButton--qjzYF:active,.index-module__moButton--qjzYF:hover,.index-module__moButton--qjzYF:link,.index-module__moButton--qjzYF:visited {
    text-decoration: none
}

@media screen and (max-width: 990px) {
    .index-module__footer--zmV6j {
        display:none
    }

    .index-module__moFooter--RXgFT {
        display: flex
    }
}

.index-module__container--HpELn {
    background-color: #f7f7f7;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.index-module__bar--9KXuA {
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between;
    margin-top: -20px;
    width: 100%
}

.index-module__bar--9KXuA .index-module__selects--xq5kY {
    height: 100%;
    position: relative;
    vertical-align: top
}

.index-module__bar--9KXuA .index-module__select--MtW8Q {
    color: #1d2129;
    cursor: pointer;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: calc(100% - 1px);
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__bar--9KXuA .index-module__select--MtW8Q span {
    margin-left: 8px
}

.index-module__bar--9KXuA .index-module__select--MtW8Q .index-module__tabIcon--jXt-z {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px
}

.index-module__bar--9KXuA .index-module__select--MtW8Q+.index-module__select--MtW8Q {
    margin-left: 32px
}

.index-module__bar--9KXuA .index-module__select--MtW8Q.index-module__selected--E7ekz {
    color: #1664ff;
    font-weight: 500
}

.index-module__bar--9KXuA .index-module__line--pYN8H {
    background-color: #1664ff;
    height: 1px;
    left: 0;
    position: absolute;
    transition: left .3s ease,width .3s ease;
    width: 84px
}

.index-module__bar--9KXuA a {
    color: #1664ff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-decoration: none
}

.index-module__bar--9KXuA a .index-module__moveArrow--H6TCH {
    display: inline-block;
    margin-left: 8px;
    margin-top: -10px;
    vertical-align: top;
    width: 20px
}

.index-module__bar--9KXuA a span {
    vertical-align: top
}

.index-module__bar--9KXuA a:hover {
    color: #1664ff
}

.index-module__contentsContainer--bLR43 {
    margin-top: 50px;
    width: 100%
}

.index-module__contents---rqom {
    max-height: 384px;
    overflow-y: hidden;
    transition: max-height .5s
}

.index-module__contents---rqom::-webkit-scrollbar {
    height: 0;
    width: 8px
}

.index-module__contents---rqom::-webkit-scrollbar-thumb {
    background: rgba(12,13,14,.3);
    border-radius: 3.5px;
    width: 8px
}

.index-module__contents---rqom a,.index-module__contents---rqom a:active,.index-module__contents---rqom a:hover,.index-module__contents---rqom a:link,.index-module__contents---rqom a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__product-card--We4td {
    background-color: #fff;
    display: inline-block;
    height: 182px;
    margin-right: 20px;
    margin-top: 20px;
    padding: 34px 34px 0;
    vertical-align: top;
    width: calc(25% - 15px)
}

.index-module__product-card--We4td:nth-child(4n) {
    margin-right: 0
}

.index-module__product-card--We4td:nth-child(-n+4) {
    margin-top: 0
}

.index-module__icon--51uRx {
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px
}

.index-module__title--ntKzg {
    -webkit-line-clamp: 1;
    color: #181818;
    font-size: 18px;
    font-weight: 500;
    height: 18px;
    letter-spacing: .002em;
    line-height: 18px;
    margin-top: 22px
}

.index-module__desc--9mbV0,.index-module__title--ntKzg {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: PingFang SC;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__desc--9mbV0 {
    -webkit-line-clamp: 2;
    color: #505050;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 22px;
    margin-top: 12px;
    max-height: 44px;
    width: 100%
}

.index-module__showAll--hegP8 {
    align-items: center;
    color: #41464f;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .02em;
    line-height: 20px;
    margin: 40px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__showAll--hegP8 svg {
    stroke-width: 6;
    font-size: 12px;
    margin-left: 5px
}

@media screen and (min-width: 1900px) {
    .index-module__bar--9KXuA a .index-module__moveArrow--H6TCH {
        margin-top:-15px
    }
}

.index-module__content--50GOr {
    display: flex;
    justify-content: center;
    margin: 32px auto 0;
    width: 1200px
}

.index-module__point--fmuko {
    height: 196px;
    width: 400px
}

.index-module__img--uh6dY {
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    margin: 20px auto;
    width: 48px
}

.index-module__title--QpkLs {
    color: #1a202c;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.index-module__desc--fSvD8,.index-module__title--QpkLs {
    align-items: center;
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    text-align: center
}

.index-module__desc--fSvD8 {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 12px auto 0;
    width: 260px
}

.index-module__moContent--UkvYB {
    display: none;
    flex-direction: column;
    margin-top: 32px;
    padding: 0 24px;
    width: 100%
}

.index-module__moPoint--c6QK5 {
    display: flex;
    padding: 0 14px;
    width: 100%
}

.index-module__moPoint--c6QK5+.index-module__moPoint--c6QK5 {
    margin-top: 40px
}

.index-module__moImg--lA8IM {
    background-repeat: no-repeat;
    background-size: contain;
    flex-basis: 36px;
    flex-shrink: 0;
    height: 36px;
    margin-right: 24px;
    vertical-align: top
}

.index-module__moInfo--ZjO4q {
    flex-grow: 1
}

.index-module__moTitle--7yVSJ {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.index-module__moDesc--y9qz6,.index-module__moTitle--7yVSJ {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__moDesc--y9qz6 {
    color: #86909c;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px;
    width: 90%
}

@media screen and (min-width: 767px) {
    .index-module__moContent--UkvYB {
        height:236px
    }

    .index-module__moPoint--c6QK5 {
        display: inline-block;
        height: 78px;
        margin-left: 57px;
        padding: 0;
        vertical-align: top;
        width: calc(50% - 97px)
    }

    .index-module__moPoint--c6QK5:nth-child(2n) {
        margin-left: 80px
    }

    .index-module__moPoint--c6QK5+.index-module__moPoint--c6QK5 {
        margin-top: unset
    }

    .index-module__moPoint--c6QK5:nth-child(n+3) {
        margin-top: 80px
    }

    .index-module__moImg--lA8IM {
        display: inline-block;
        flex-basis: 48px;
        height: 48px;
        width: 48px
    }

    .index-module__moInfo--ZjO4q {
        display: inline-block;
        width: calc(100% - 72px)
    }

    .index-module__moTitle--7yVSJ {
        font-size: 20px;
        line-height: 28px
    }

    .index-module__moDesc--y9qz6 {
        color: hsla(0,0%,9%,.8);
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__content--50GOr {
        display:none
    }

    .index-module__moContent--UkvYB {
        display: block
    }
}

.index-module__frameWrap--jCqxT {
    border: 1px solid #ebebeb;
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K {
    bottom: 12px;
    position: absolute;
    right: 12px;
    z-index: 3
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K button {
    background: #282828;
    border: unset;
    box-shadow: 1px 1px 6px rgba(40,40,40,.25);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 32px;
    padding: unset;
    width: 32px
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K button:hover {
    background: #484848;
    box-shadow: 0 4px 6px rgba(40,40,40,.25)
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__disable--GLY32 {
    cursor: not-allowed
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__plus--nAnIa {
    font-size: 24px
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__reset--QSDJf {
    margin-bottom: 12px;
    position: relative
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__pop-over--eGidG {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: -140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__pop-over--eGidG.index-module__hidden--F5jfm {
    opacity: 0;
    visibility: hidden
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__pop-over--eGidG.index-module__hidden--F5jfm.index-module__show--k9Yl9 {
    opacity: 1;
    visibility: visible
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__pop-content--c\+IUl {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    box-shadow: 0 4px 10px #000;
    box-sizing: border-box;
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__rhombus--IPycx {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-bottom: none;
    border-bottom-right-radius: 2px;
    border-left: none;
    height: 8px;
    margin-left: -4px;
    transform: rotate(45deg);
    width: 8px
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__iconFullscreen--NXX\+z {
    color: #fff;
    height: 16px;
    width: 16px
}

.index-module__frameWrap--jCqxT .index-module__tools--rqN8K .index-module__minusSymbol--JZ1V1 {
    background-color: #fff;
    border-radius: .5px;
    height: 2.4px;
    margin: auto;
    width: 12px
}

.index-module__frameWrap--jCqxT .index-module__zoom-content--VxZmm,.index-module__frameWrap--jCqxT .index-module__zoom-wrapper--UsNkZ {
    height: 100%!important;
    width: 100%!important
}

.index-module__frameWrap--jCqxT .index-module__innerWrap--bCntV {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.index-module__frameWrap--jCqxT .index-module__innerWrap--bCntV .index-module__picture--7PkQ- {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.index-module__modal-wrap--eqQUv {
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important
}

.index-module__modal-wrap--eqQUv .index-module__picture--7PkQ- {
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    width: 90vw
}

.index-module__modal-wrap--eqQUv .arco-modal-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.index-module__modal-wrap--eqQUv .arco-icon-hover:hover:before {
    height: 26px;
    width: 26px
}

.index-module__modal-wrap--eqQUv .arco-icon-close {
    height: 20px;
    width: 20px
}

.index-module__content--1XvK7 {
    background: #fff;
    border: 1px solid #e5e8ef;
    border-top: unset;
    box-sizing: border-box;
    margin: 32px auto 0;
    position: relative;
    width: 1200px
}

.index-module__content--1XvK7.index-module__titleAlignLeft--8CbHN {
    margin-top: 0;
    width: 100%
}

.index-module__tabs--4wW2j {
    color: #86909c;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 50px;
    letter-spacing: .002em;
    line-height: 50px;
    width: 100%
}

.index-module__tab--eXBck {
    background: #f6f7fb;
    border-bottom: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.index-module__tab--eXBck+.index-module__tab--eXBck {
    border-left: 1px solid #e5e8ef
}

.index-module__activeTab--sf6J2 {
    background: #fff;
    border-bottom: unset;
    color: #1a202c
}

.index-module__activeTabLine--7new2 {
    background: #1664ff;
    height: 2px;
    position: absolute
}

.index-module__tabContents--ODdbN {
    height: 664px;
    position: relative;
    width: 100%
}

.index-module__tabContent--UTv9z {
    height: 100%;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.index-module__activeTabContent--XV\+HR {
    pointer-events: all;
    visibility: visible
}

.index-module__frame--2Fsaa {
    display: inline-block;
    height: 100%;
    width: 832px
}

.index-module__frame--2Fsaa.index-module__titleAlignLeft--8CbHN {
    width: calc(73.49823% - 17.63958px)
}

.index-module__info--LhXkw {
    display: inline-block;
    height: 100%;
    margin-left: 24px;
    margin-top: 21px;
    vertical-align: top;
    width: 300px
}

.index-module__info--LhXkw.index-module__titleAlignLeft--8CbHN {
    width: calc(26.50177% - 6.36042px)
}

.index-module__title--9rSRB {
    color: #1a202c;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.index-module__desc--UivVK,.index-module__title--9rSRB {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__desc--UivVK {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 12px;
    width: 100%
}

.index-module__more--SSMvq {
    margin-top: 24px
}

.index-module__advantageTitle--Jb0TF {
    color: #1a202c;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__advantage--397Px {
    margin-top: 12px
}

.index-module__advantageText--V8tq9 {
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-left: 10px;
    vertical-align: top
}

.index-module__button--U9OCO {
    background: #1664ff;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.index-module__button--U9OCO:active,.index-module__button--U9OCO:hover,.index-module__button--U9OCO:link,.index-module__button--U9OCO:visited {
    color: #fff
}

.index-module__cuttingLine--4lNJM {
    background: #e5e8ef;
    height: 1px;
    margin-top: 24px;
    width: 100%
}

.index-module__serviceTitle--2fot9 {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin-top: 24px
}

.index-module__service--cZLcH,.index-module__serviceTitle--2fot9 {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__service--cZLcH {
    background: #f2f3f8;
    color: hsla(0,0%,9%,.8);
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    margin-top: 12px;
    padding: 7px 12px;
    text-decoration: none;
    width: 150px
}

.index-module__service--cZLcH .index-module__icon--hQr9z {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    margin-top: 3px;
    width: 16px
}

.index-module__service--cZLcH:active,.index-module__service--cZLcH:hover,.index-module__service--cZLcH:link,.index-module__service--cZLcH:visited {
    color: hsla(0,0%,9%,.8)
}

.index-module__for768--SpKkz {
    display: none
}

@media screen and (max-width: 1023px) {
    .index-module__content--1XvK7 {
        width:calc(100% - 48px)
    }

    .index-module__tabs--4wW2j {
        font-size: 12px;
        height: 31.2px;
        line-height: 31.2px
    }

    .index-module__activeTabLine--7new2 {
        height: 1.2px
    }

    .index-module__tabContents--ODdbN {
        height: 807px
    }

    .index-module__tabContent--UTv9z {
        padding: 12px
    }

    .index-module__frame--2Fsaa {
        display: block;
        height: 521px;
        width: 100%
    }

    .index-module__frame--2Fsaa.index-module__titleAlignLeft--8CbHN {
        width: 100%
    }

    .index-module__info--LhXkw {
        display: block;
        height: auto;
        margin-left: 0;
        margin-top: 12px;
        padding: 12px;
        width: 100%
    }

    .index-module__info--LhXkw.index-module__titleAlignLeft--8CbHN {
        width: 100%
    }

    .index-module__for1200--Zp\+MQ {
        display: none
    }

    .index-module__advantageBlock--zEv69 {
        display: inline-block;
        width: calc(50% - 20px)
    }

    .index-module__advantage--397Px {
        margin-top: 10px
    }

    .index-module__for768--SpKkz {
        display: inline-block
    }

    .index-module__colCuttingLine--PncYu {
        background: #e5e8ef;
        display: inline-block;
        height: 118px;
        width: 1px
    }

    .index-module__serviceBlock--DYjlQ {
        display: inline-block;
        height: 118px;
        margin-left: 24px;
        vertical-align: top;
        width: 310px
    }

    .index-module__serviceTitle--2fot9 {
        margin-top: 0
    }

    .index-module__service--cZLcH {
        display: inline-block;
        width: 148px
    }

    .index-module__service--cZLcH:nth-child(odd) {
        margin-left: 12px
    }
}

.index-module__moContent--suGJ\+ {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__content--1XvK7 {
        display:none
    }

    .index-module__moContent--suGJ\+ {
        display: block;
        margin-top: 32px;
        width: 100%
    }

    .index-module__moContent--suGJ\+.index-module__titleAlignLeft--8CbHN {
        margin-top: 0
    }

    .index-module__title--9rSRB {
        margin-top: 24px
    }

    .index-module__advantageTitle--Jb0TF {
        margin-top: 16px
    }

    .index-module__advantage--397Px {
        margin-top: 12px
    }

    .index-module__serviceTitle--2fot9 {
        margin-top: 16px
    }

    .index-module__service--cZLcH {
        width: calc(50% - 6px)
    }
}

.index-module__moSolution--Cc12F {
    max-height: 50px;
    padding: 11px 24px 24px;
    transition: max-height .5s;
    width: 100%
}

.index-module__moCuttingLine--hyohZ {
    background: #e5e8ef;
    height: 1px;
    width: 100%
}

.index-module__moTitle--uLq7b {
    color: #1a202c;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: .002em;
    line-height: 28px;
    width: 100%
}

.index-module__moFrameWrap--G3f6l {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 25px;
    overflow-x: auto;
    width: 100%
}

.index-module__moFrame--7ypZq {
    background-color: #fff;
    border: .576429px solid #e5e8ef;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__wrap--bb3cw {
    background-image: url(./images/advantageBg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.index-module__content--nzuZ9 {
    margin: 20px auto 0;
    width: 1200px
}

.index-module__tabs--IUjyK {
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 48px;
    position: relative;
    width: 100%
}

.index-module__tab--vpQ9w {
    border-bottom: 1px solid #e5e8ef;
    cursor: pointer;
    padding: 0 25px
}

.index-module__activeTab--YS45p {
    border-bottom: 2px solid #1664ff;
    color: #1664ff;
    font-weight: 500
}

.index-module__infos--tngud {
    background: #fff;
    height: 303px;
    margin-top: 24px;
    position: relative;
    width: 100%
}

.index-module__info--UFtXt {
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .5s;
    width: 100%
}

.index-module__activeInfo--AL8Qd {
    opacity: 1;
    pointer-events: all
}

.index-module__img--R\+X4e {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 100%;
    width: 50%
}

.index-module__words--jlwvu {
    display: inline-block;
    height: 100%;
    padding: 48px 36px;
    vertical-align: top;
    width: 50%
}

.index-module__wordsWrap--QvjzR {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__title--\+3Ri0 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 34px
}

.index-module__desc--tGNXC {
    color: #181818;
    font-weight: 400;
    letter-spacing: .002em;
    margin-bottom: 24px;
    margin-top: 12px;
    opacity: .8;
    width: 379px
}

.index-module__button--xF7TY,.index-module__desc--tGNXC {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    line-height: 22px
}

.index-module__button--xF7TY {
    background: #1664ff;
    color: #fff;
    font-weight: 500;
    height: 38px;
    padding: 8px 32px;
    text-decoration: none
}

.index-module__button--xF7TY:active,.index-module__button--xF7TY:hover,.index-module__button--xF7TY:link,.index-module__button--xF7TY:visited {
    color: #fff
}

.index-module__moContent--tdLhH {
    display: none;
    margin-top: 32px;
    padding: 0 24px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .index-module__wrap--bb3cw {
        background:#fff
    }

    .index-module__content--nzuZ9 {
        display: none
    }

    .index-module__moContent--tdLhH {
        display: block
    }
}

.index-module__moTab--H-0wf {
    background: #f8f9fe;
    max-height: 50px;
    overflow: hidden;
    padding: 15px 16px;
    transition: max-height .5s;
    width: 100%
}

.index-module__moTab--H-0wf+.index-module__moTab--H-0wf {
    margin-top: 8px
}

.index-module__moActiveTab--UVcqr {
    max-height: 300vh
}

.index-module__moTitle--pFaBr {
    color: #181818;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: .002em;
    line-height: 20px;
    width: 100%
}

.index-module__moImg--KKle2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    margin-top: 23px;
    width: 100%
}

.index-module__moDesc--0Wi8r {
    color: #181818;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 9px;
    margin-top: 16px;
    opacity: .8;
    width: 100%
}

.index-module__moButton--eEbe5,.index-module__moDesc--0Wi8r {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__moButton--eEbe5 {
    background-color: #1664ff;
    color: #fff;
    font-size: 10.9833px;
    font-weight: 500;
    line-height: 17px;
    padding: 7px 18px;
    text-decoration: none
}

.index-module__moButton--eEbe5:active,.index-module__moButton--eEbe5:hover,.index-module__moButton--eEbe5:link,.index-module__moButton--eEbe5:visited {
    color: #fff
}

.index-module__content--lGrfP {
    margin: 24px auto 0;
    width: 1200px
}

.index-module__advantage--cT5Ev {
    background: #fff;
    display: inline-block;
    height: 168px;
    margin-top: 8px;
    padding: 36px 32px;
    width: 596px
}

.index-module__advantage--cT5Ev:nth-child(2n) {
    margin-left: 8px
}

.index-module__icon--PiIJ3 {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 48px;
    vertical-align: top;
    width: 48px
}

.index-module__info--0qsI5 {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    width: 424px
}

.index-module__title--fPc0U {
    color: #1a202c;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.index-module__desc--p5SSx,.index-module__title--fPc0U {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__desc--p5SSx {
    color: hsla(0,0%,9%,.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 12px
}

@media screen and (max-width: 1023px) {
    .index-module__content--lGrfP {
        margin:unset;
        margin-top: 24px;
        padding: 0 24px;
        width: 100%
    }

    .index-module__advantage--cT5Ev {
        height: 190px;
        width: calc(50% - 4px)
    }

    .index-module__info--0qsI5 {
        width: calc(100% - 68px)
    }
}

@media screen and (max-width: 767px) {
    .index-module__content--lGrfP {
        margin-top:31px;
        padding: 0 24px;
        width: 100%
    }

    .index-module__advantage--cT5Ev {
        display: flex;
        height: 150px;
        margin-top: 0;
        padding: 28px 24px;
        width: 100%
    }

    .index-module__advantage--cT5Ev+.index-module__advantage--cT5Ev {
        margin-top: 8px
    }

    .index-module__advantage--cT5Ev:nth-child(2n) {
        margin-left: 0
    }

    .index-module__icon--PiIJ3 {
        flex-shrink: 0;
        height: 38px;
        width: 38px
    }

    .index-module__info--0qsI5 {
        margin-left: 16px;
        width: auto
    }

    .index-module__title--fPc0U {
        font-size: 15.6904px;
        line-height: 22px
    }
}

.index-module__content--OLN3u {
    display: flex;
    height: 282px;
    justify-content: center;
    margin: 32px auto 0;
    width: 936px
}

.index-module__left--q8EOq {
    display: inline-block;
    height: 100%;
    margin-right: 28px;
    vertical-align: top;
    width: 32px
}

.index-module__arrowCommon--oAu8n {
    stroke: #fff!important;
    color: #fff;
    cursor: pointer;
    height: 32px;
    margin-top: 125px;
    opacity: .5;
    transition: opacity 1s;
    width: 32px
}

.index-module__arrowCommon--oAu8n:hover {
    opacity: .9
}

.index-module__infos--0Gurt {
    background-image: url(./images/bg-case.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: 4px 7px 20px rgba(0,33,98,.1);
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    width: 816px
}

.index-module__info--jV0UD {
    height: 100%;
    opacity: 0;
    padding: 45px 61px;
    position: absolute;
    transition: opacity 1s;
    width: 100%
}

.index-module__activeInfo--\+9ZkB {
    opacity: 1
}

.index-module__right--ITnQO {
    display: inline-block;
    height: 100%;
    margin-left: 28px;
    vertical-align: top;
    width: 32px
}

.index-module__logo--k6CWi {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 32px;
    width: 100%
}

.index-module__desc--KLPZ7 {
    margin-top: 28px;
    width: 689px
}

.index-module__comp--TQZ13,.index-module__desc--KLPZ7 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__comp--TQZ13 {
    bottom: 48px;
    position: absolute
}

.index-module__listWrap--U4UEf {
    height: 45px;
    margin-top: 48px;
    position: relative;
    width: 100%
}

.index-module__list--DFUXY {
    height: 100%;
    position: absolute;
    white-space: nowrap
}

.index-module__listItem--7qkLe {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: inline-block;
    height: 100%;
    opacity: .8;
    width: 220px
}

.index-module__listCoverLeft--tA866 {
    background: linear-gradient(90deg,#1c68ff 33.24%,rgba(32,106,254,0) 94.1%);
    height: 100%;
    position: absolute;
    width: 212px
}

@media screen and (max-width: 1023px) {
    .index-module__content--OLN3u {
        height:230px;
        width: 762px
    }

    .index-module__left--q8EOq {
        margin-right: 16px
    }

    .index-module__arrowCommon--oAu8n {
        margin-top: 99px
    }

    .index-module__infos--0Gurt {
        width: 666px
    }

    .index-module__info--jV0UD {
        padding: 37px 50px
    }

    .index-module__right--ITnQO {
        margin-left: 16px
    }

    .index-module__desc--KLPZ7 {
        margin-top: 18px;
        width: 562px
    }

    .index-module__comp--TQZ13,.index-module__desc--KLPZ7 {
        font-size: 14px;
        line-height: 20px
    }

    .index-module__listWrap--U4UEf {
        height: 34px
    }

    .index-module__listItem--7qkLe {
        width: 150px
    }

    .index-module__listCoverLeft--tA866 {
        width: 127px
    }
}

.index-module__moContent--xtvWl {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__content--OLN3u {
        display:none
    }

    .index-module__moContent--xtvWl {
        -ms-overflow-style: none;
        display: flex;
        height: 357px;
        margin-top: 32px;
        overflow-x: scroll;
        scrollbar-width: none;
        white-space: nowrap;
        width: 100%
    }

    .index-module__moContent--xtvWl::-webkit-scrollbar {
        display: none
    }

    .index-module__logo--k6CWi {
        height: 25px
    }

    .index-module__desc--KLPZ7 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
        white-space: pre-wrap;
        width: 218px
    }

    .index-module__comp--TQZ13 {
        bottom: 34px;
        font-size: 14px;
        line-height: 24px
    }

    .index-module__listWrap--U4UEf {
        height: 30px;
        margin-top: 32px
    }

    .index-module__listCoverLeft--tA866 {
        display: none
    }
}

.index-module__moInfo--kjq2L {
    background-image: url(./images/bg-case-mob.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: 4px 7px 20px rgba(0,33,98,.1);
    display: inline-block;
    height: 100%;
    margin-left: 20px;
    padding: 32px;
    position: relative;
    vertical-align: top;
    width: 280px
}

@font-face {
    font-family: Montserrat;
    src: url(./webfonts/ByteSans-Regular.ttf)
}

.index-module__content--F3Qpv {
    display: flex;
    justify-content: space-between;
    margin: 32px auto 0;
    width: 1200px
}

.index-module__questions--eCOaR {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    width: 542px
}

.index-module__question--Ho5uV {
    cursor: pointer;
    max-height: 72px;
    overflow: hidden;
    padding: 24px 0;
    transition: max-height .5s;
    width: 100%
}

.index-module__activeQuestion--oo5Yp {
    max-height: 300vh
}

.index-module__activeQuestion--oo5Yp .index-module__desc--9uarN {
    opacity: .8;
    transition: opacity .2s
}

.index-module__number--etad8 {
    color: #181818;
    display: inline-block;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 24px;
    opacity: .5;
    vertical-align: top;
    width: 24px
}

.index-module__info--h4DQ- {
    display: inline-block;
    margin-left: 24px;
    vertical-align: top;
    width: 494px
}

.index-module__cuttingLine--e2VSm {
    background-color: rgba(229,232,239,.5);
    height: 1px;
    width: 494px
}

.index-module__title--kixM8 {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 24px
}

.index-module__desc--9uarN,.index-module__title--kixM8 {
    color: #181818;
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__desc--9uarN {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 10px;
    opacity: 0
}

.index-module__moContent--ijyiM {
    display: none
}

@media screen and (max-width: 1023px) {
    .index-module__content--F3Qpv {
        display:none
    }

    .index-module__moContent--ijyiM {
        display: block;
        margin-top: 32px;
        padding: 0 24px;
        width: 100%
    }

    .index-module__questions--eCOaR {
        width: 100%
    }

    .index-module__question--Ho5uV {
        max-height: 56px;
        padding: 18px 0
    }

    .index-module__activeQuestion--oo5Yp {
        max-height: 300vh
    }

    .index-module__number--etad8 {
        font-size: 14px;
        line-height: 19px;
        width: 19px
    }

    .index-module__info--h4DQ- {
        margin-left: 16px;
        width: calc(100% - 35px)
    }

    .index-module__cuttingLine--e2VSm {
        width: calc(100% - 35px)
    }

    .index-module__desc--9uarN {
        font-size: 12px;
        line-height: 18px;
        margin-top: 8px;
        width: calc(100% - 35px)
    }
}

@media screen and (max-width: 767px) {
    .index-module__questions--eCOaR {
        margin-bottom:-24px;
        min-height: unset
    }

    .index-module__title--kixM8 {
        font-size: 14px
    }
}

.index-module__banner--XrAfl {
    background-color: #fff;
    display: none;
    padding-bottom: 24px;
    position: relative;
    width: 100%;
    z-index: 100
}

.index-module__bg--sfLKH {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 373px;
    width: 100%
}

.index-module__title--NVETJ {
    color: #1d2129;
    font-size: 24px;
    font-weight: 500;
    line-height: 39px;
    margin-top: 24px
}

.index-module__desc--jeBOm,.index-module__title--NVETJ {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    text-align: center
}

.index-module__desc--jeBOm {
    color: #4e5969;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    padding: 0 45px;
    width: 100%
}

.index-module__qrcode-container--spw6x {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.index-module__qrcode-container--spw6x:not(:first-child) {
    margin-top: 8px
}

.index-module__qrcode-container--spw6x:not(:last-child) {
    margin-bottom: 8px
}

.index-module__triangle--eL948 {
    align-self: center;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 4px 5px;
    height: 0;
    position: absolute;
    top: 47px;
    visibility: hidden;
    width: 0
}

.index-module__triangle--eL948.index-module__active--MG4b7 {
    visibility: visible
}

.index-module__qrcode-panel--QsnWb {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.07);
    display: flex;
    justify-content: center;
    position: absolute;
    top: 52px;
    visibility: hidden
}

.index-module__qrcode-panel--QsnWb.index-module__active--MG4b7 {
    visibility: visible
}

.index-module__line---ZYLB {
    background-color: rgba(80,80,80,.1);
    height: 100px;
    width: 1px
}

.index-module__qrcode-block--10fUQ {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 16px 16px
}

.index-module__qrcode-text--3dvxq {
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    letter-spacing: .2px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 4px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.index-module__qrcode-img--cOX0a {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    width: 100px
}

.index-module__buttons--ungbt {
    margin-top: 24px;
    padding: 0 24px;
    width: 100%
}

.index-module__buttons--ungbt .index-module__button--Qqtm0 {
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 44px;
    letter-spacing: .002em;
    line-height: 44px;
    text-align: center;
    width: 100%
}

.index-module__buttons--ungbt .index-module__button--Qqtm0+.index-module__button--Qqtm0 {
    margin-top: 8px
}

.index-module__buttons--ungbt .index-module__button-primary--pgVii {
    background: #1664ff;
    color: #fff
}

.index-module__buttons--ungbt .index-module__button-qrcode--RQ0AH,.index-module__buttons--ungbt .index-module__button-secondary--YJDXn {
    background: #f2f3f8;
    color: #1d2129
}

.index-module__buttons--ungbt .index-module__button-text--BGu9g {
    color: #181818
}

.index-module__buttons--ungbt .index-module__button-a-tag--2\+zOe {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__buttons--ungbt .index-module__button-a-tag--2\+zOe,.index-module__buttons--ungbt .index-module__button-a-tag--2\+zOe:active,.index-module__buttons--ungbt .index-module__button-a-tag--2\+zOe:hover,.index-module__buttons--ungbt .index-module__button-a-tag--2\+zOe:link,.index-module__buttons--ungbt .index-module__button-a-tag--2\+zOe:visited {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .index-module__banner--XrAfl {
        display:block
    }
}

@media screen and (max-width: 575px) {
    .index-module__qrcode-container--spw6x.index-module__contain-two-blocks--\+Wm5k {
        align-items:center
    }

    .index-module__qrcode-panel--QsnWb {
        flex-direction: column
    }

    .index-module__line---ZYLB {
        background-color: #d9d9d9;
        height: 1px;
        width: 74px
    }
}

.index-module__navigator--RLOW7 {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 99
}

.index-module__tabs--oU5rN {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #fff;
    box-shadow: 0 4px 11px rgba(0,0,0,.06);
    display: flex;
    height: 52px;
    position: absolute;
    top: -26px;
    width: 1200px
}

.index-module__tab--7E8f1 {
    align-items: center;
    color: #181818;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em
}

.index-module__tabNow--qh76g {
    background: #1664ff;
    color: #fff;
    font-weight: 500
}

@media (any-hover: hover) {
    .index-module__tab--7E8f1:hover {
        color:var(--color-primary);
        transition: color .5s
    }

    .index-module__tabNow--qh76g:hover {
        color: #fff;
        transition: unset
    }
}

@media screen and (max-width: 1200px) {
    .index-module__tabs--oU5rN {
        width:100vw!important
    }
}

.index-module__moNavi--SY51\+ {
    display: none;
    justify-content: center;
    position: fixed;
    top: 0;
    transition: top .5s;
    width: 100%;
    z-index: 99
}

.index-module__moNaviShow--jUUpl {
    top: 60px
}

.index-module__moTabs--vduRh {
    -ms-overflow-style: none;
    background-color: #fff;
    box-shadow: 0 4px 11px rgba(0,0,0,.06);
    display: flex;
    height: 44px;
    overflow-x: scroll;
    padding: 0 14px;
    scrollbar-width: none;
    width: 100%
}

.index-module__moTabs--vduRh::-webkit-scrollbar {
    display: none
}

.index-module__moTab--cxPF1 {
    align-items: center;
    color: #4e5969;
    display: flex;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__moTabScroll--6Bb\+9 {
    flex-grow: unset;
    padding: 0 10px;
    white-space: nowrap
}

.index-module__moTabNow--e1-0n {
    color: var(--color-primary)
}

@media screen and (max-width: 767px) {
    .index-module__navigator--RLOW7 {
        display:none
    }

    .index-module__moNavi--SY51\+ {
        display: flex
    }
}

@media screen and (max-width: 600px) {
    .index-module__moNaviShow--jUUpl {
        top:48px
    }
}

.index-module__banner--uy9Rf {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 540px;
    padding-top: 174px;
    width: 100%
}

.index-module__content--1ip2\+ {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    z-index: 100
}

.index-module__title--QY9Ul {
    font-size: 44px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 52px
}

.index-module__desc--Yj8as,.index-module__title--QY9Ul {
    color: #181818;
    font-family: PingFang SC;
    font-style: normal
}

.index-module__desc--Yj8as {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    margin-top: 12px;
    width: 500px
}

.index-module__qrcode-container--3VD6t {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    position: relative
}

.index-module__qrcode-container--3VD6t:not(:first-child) {
    margin-left: 12px
}

.index-module__qrcode-container--3VD6t:not(:last-child) {
    margin-right: 12px
}

.index-module__qrcode-container--3VD6t.index-module__contain-two-blocks--stnFn {
    align-items: flex-start
}

.index-module__triangle--uVhvy {
    align-self: center;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 4px 5px;
    height: 0;
    position: absolute;
    top: 47px;
    visibility: hidden;
    width: 0
}

.index-module__triangle--uVhvy.index-module__active--A9jY0 {
    visibility: visible
}

.index-module__qrcode-panel--gXhM8 {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.07);
    display: flex;
    justify-content: center;
    position: absolute;
    top: 52px;
    visibility: hidden
}

.index-module__qrcode-panel--gXhM8.index-module__active--A9jY0 {
    visibility: visible
}

.index-module__line--O4\+cJ {
    background-color: rgba(80,80,80,.1);
    height: 100px;
    width: 1px
}

.index-module__qrcode-block--aAxzv {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 16px 16px
}

.index-module__qrcode-text--19fsQ {
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    letter-spacing: .2px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 4px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.index-module__qrcode-img--wBA0W {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    width: 100px
}

.index-module__buttons--lE\+M6 {
    margin-top: 32px
}

.index-module__buttonATag--9K4y2 {
    display: inline-block
}

.index-module__buttonATag--9K4y2+.index-module__buttonATag--9K4y2 {
    margin-left: 12px
}

.index-module__buttonATag--9K4y2,.index-module__buttonATag--9K4y2:active,.index-module__buttonATag--9K4y2:hover,.index-module__buttonATag--9K4y2:link,.index-module__buttonATag--9K4y2:visited {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width: 1439px) {
    .index-module__banner--uy9Rf {
        height:484px;
        padding-top: 153px
    }

    .index-module__content--1ip2\+ {
        margin: unset;
        padding: 0 80px;
        width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .index-module__banner--uy9Rf {
        height:451px;
        padding-top: 137px
    }

    .index-module__content--1ip2\+ {
        padding: 0 62px
    }

    .index-module__desc--Yj8as {
        width: 420px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner--uy9Rf {
        display:none
    }
}

.index-module__wrap--RsYBR {
    justify-content: center;
    width: 100%
}

.index-module__wrap--RsYBR,.index-module__wrap--RsYBR .index-module__content--dDfCV {
    align-items: center;
    display: flex
}

.index-module__wrap--RsYBR .index-module__content--dDfCV img {
    height: 67px;
    width: 53px
}

.index-module__wrap--RsYBR .index-module__content--dDfCV .index-module__text--cV6CW {
    color: #2d3e5c;
    font-size: 40px;
    font-weight: 600
}

@media screen and (max-width: 732px) {
    .index-module__wrap--RsYBR .index-module__content--dDfCV img {
        height:67px;
        width: 53px
    }

    .index-module__wrap--RsYBR .index-module__content--dDfCV .index-module__text--cV6CW {
        font-size: 32px
    }
}

.index-module__merchandies--nJ1a\+ {
    background: #fff;
    border: 1px solid;
    border-image: linear-gradient(160deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 33.83%,hsla(0,0%,100%,0) 64.31%,hsla(0,0%,100%,.2)) 1;
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    box-sizing: border-box;
    display: inline-block;
    font-family: PingFang SC;
    height: 377px;
    position: relative;
    width: 584px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesCap--oBI6Y {
    background: linear-gradient(54.05deg,#5f87f8 24.09%,#3860f4 65.22%);
    height: 5px;
    margin-left: 60px;
    width: 70px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesTags--YHylG {
    display: none
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesTitle--2V9m6 {
    font-size: 28px;
    font-weight: 500;
    height: 36px;
    left: 60px;
    line-height: 36px;
    position: relative;
    top: 47px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesExplain--1sgQj {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    left: 60px;
    letter-spacing: .002em;
    line-height: 24px;
    position: relative;
    top: 59px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h {
    display: flex;
    height: 68px;
    justify-content: space-between;
    left: 60px;
    position: relative;
    top: 83px;
    width: 464px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentIcon--xfE6J {
    text-align: center
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentIcon--xfE6J img {
    height: 40px;
    width: 40px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentItemTitle--k8l6H {
    font-size: 24px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .002em;
    line-height: 44px;
    text-align: left
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentItemExplain--D1yUb {
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: left
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesPartition--94UpJ {
    background: #fafafa;
    height: 1px;
    left: 60px;
    position: relative;
    top: 111px;
    width: 464px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg {
    display: flex;
    height: 60px;
    left: 60px;
    position: relative;
    top: 139px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesPriceUnit--0yzrj {
    color: #3961f4;
    font-size: 14px;
    font-weight: 400;
    margin-right: 2px;
    padding-top: 6px;
    text-align: center;
    width: 9px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesPrice--Uvp-Y {
    color: #3961f4;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .002em;
    line-height: 60px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesTags--YHylG {
    display: flex;
    margin-left: 9px;
    margin-top: 6px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesSubmit--XLdbX {
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    left: 346px;
    letter-spacing: .002em;
    line-height: 48px;
    position: relative;
    text-align: center;
    top: 85px;
    transition: all .5s ease;
    width: 178px
}

.index-module__merchandies--nJ1a\+ .index-module__merchandiesSubmit--XLdbX span {
    transition: color .1s ease
}

@media screen and (max-width: 1439px) and (min-width:1024px) {
    .index-module__merchandies--nJ1a\+ {
        width:462px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesTags--YHylG {
        display: block;
        display: flex;
        left: 40px;
        position: absolute;
        top: 250px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesExplain--1sgQj,.index-module__merchandies--nJ1a\+ .index-module__merchandiesTitle--2V9m6 {
        left: 40px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h,.index-module__merchandies--nJ1a\+ .index-module__merchandiesPartition--94UpJ {
        left: 40px;
        width: 382px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg {
        left: 40px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesTags--YHylG {
        display: none
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSubmit--XLdbX {
        left: 249px;
        position: relative;
        top: 85px;
        width: 173px
    }
}

@media screen and (max-width: 1023px) and (min-width:733px) {
    .index-module__merchandies--nJ1a\+ {
        height:341px;
        width: 350px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesTags--YHylG {
        display: block;
        display: flex;
        left: 36px;
        position: absolute;
        top: 32px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesTitle--2V9m6 {
        font-size: 24px;
        height: 32px;
        left: 36px;
        top: 64px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesExplain--1sgQj {
        font-size: 14px;
        left: 36px;
        top: 72px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h {
        left: 36px;
        width: 278px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentIcon--xfE6J img {
        height: 32px;
        width: 32px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentItemTitle--k8l6H {
        font-size: 20px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentItemExplain--D1yUb {
        font-size: 14px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesPartition--94UpJ {
        left: 36px;
        width: 278px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg {
        height: 50px;
        left: 36px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesPrice--Uvp-Y {
        font-size: 42px;
        line-height: 50px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesTags--YHylG {
        display: none
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSubmit--XLdbX {
        left: 161px;
        position: relative;
        top: 85px;
        transition: all .5s ease;
        width: 153px
    }
}

@media screen and (max-width: 732px) {
    .index-module__merchandies--nJ1a\+ {
        height:341px;
        width: 327px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesTags--YHylG {
        display: block;
        display: flex;
        left: 36px;
        position: absolute;
        top: 32px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesTitle--2V9m6 {
        font-size: 24px;
        height: 32px;
        left: 36px;
        top: 64px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesExplain--1sgQj {
        font-size: 14px;
        left: 36px;
        top: 72px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h {
        left: 36px;
        top: 96px;
        width: 255px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentIcon--xfE6J img {
        height: 32px;
        width: 32px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentItemTitle--k8l6H {
        font-size: 18px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesContent--1G98h .index-module__mContentItem--DpVt5 .index-module__mContentItemExplain--D1yUb {
        font-size: 14px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesPartition--94UpJ {
        left: 36px;
        width: 255px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg {
        height: 50px;
        left: 36px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesPrice--Uvp-Y {
        font-size: 42px;
        line-height: 50px
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSales--HCSBg .index-module__merchandiesTags--YHylG {
        display: none
    }

    .index-module__merchandies--nJ1a\+ .index-module__merchandiesSubmit--XLdbX {
        background: linear-gradient(90deg,#5f87f8,#3860f4);
        border: 0;
        color: #fff;
        left: 161px;
        position: relative;
        top: 85px;
        width: 130px
    }
}

.modal-module__rule-modal--pncwv.arco-modal-simple {
    width: 550px
}

@media screen and (max-width: 600px) {
    .modal-module__rule-modal--pncwv.arco-modal-simple {
        width:calc(100vw - 30px)
    }
}

.modal-module__rule-modal--pncwv .arco-modal-header {
    display: none
}

.modal-module__modal-text-title--sG0BR {
    color: #1d2129;
    font-size: 18px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    margin-bottom: 12px;
    text-align: center
}

.modal-module__modal-text-body--qzL6D {
    max-height: 400px;
    overflow-y: scroll
}

.modal-module__modal-text-btn--z9Ojb {
    background: #eb5757;
    border-radius: 36px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-top: 36px;
    text-align: center;
    width: 106px
}

.modal-module__paragraph--MF13G {
    margin-bottom: 12px
}

.modal-module__modal-text-body--qzL6D .modal-module__paragraph--MF13G>div>.modal-module__paragraph--MF13G {
    margin: 0 0 0 2em
}

@media (hover: none) and (pointer:coarse) {
    .modal-module__rule-modal--pncwv.arco-modal-simple {
        padding:12px;
        width: calc(100vw - 20px)
    }
}

.modal-module__warning-modal--ijEdi.arco-modal-simple {
    padding: 32px 24px 24px 32px
}

.modal-module__warning-modal--ijEdi .arco-modal-title {
    font-size: 18px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    text-align: left
}

.modal-module__warning-modal--ijEdi .arco-modal-title svg {
    display: none
}

.modal-module__warning-modal--ijEdi .arco-modal-header {
    margin-bottom: 12px
}

.modal-module__warning-modal--ijEdi .modal-module__warning-modal-footer--U5Cey {
    margin-top: 42px;
    text-align: right
}

.modal-module__warning-modal--ijEdi .modal-module__warning-modal-btn--xQo-k {
    background: none;
    border-radius: 36px;
    color: #1d2129;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 24px
}

.modal-module__warning-modal--ijEdi .modal-module__warning-modal-btn--xQo-k.modal-module__warning-modal-btn-m--kK8sh {
    background-color: #eb5757;
    color: #fff
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs {
    border-radius: 0;
    padding: 0;
    width: 270px
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .arco-modal-header {
    margin-bottom: 6px
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .arco-modal-title {
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin-top: 20px;
    text-align: center
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .arco-modal-content {
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    margin: 0 6px;
    opacity: .8;
    text-align: center
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .arco-modal-footer,.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .modal-module__warning-modal-footer--U5Cey {
    margin-top: 20px
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .modal-module__warning-modal-footer--U5Cey {
    border-top: 1px solid #e5e6eb;
    display: flex
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .modal-module__warning-modal-btn--xQo-k {
    border-radius: 0;
    border-right: 1px solid #e5e6eb;
    flex: 1 1;
    text-align: center
}

.modal-module__warning-modal--ijEdi.modal-module__mobile--TAcfs .modal-module__warning-modal-btn-m--kK8sh {
    background: none;
    border-right: none;
    color: #eb5757
}

.cornerMark-module__cornerMarkBox--z8Tjd {
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 65px
}

.cornerMark-module__cornerMarkBefore--FpUu8 {
    height: 3px;
    position: absolute;
    right: 40px;
    width: 24px
}

.cornerMark-module__cornerMarkAfter--gBJCg {
    height: 24px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 3px
}

.cornerMark-module__cornerMark--arYV9 {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    right: -78px;
    text-align: center;
    top: 12px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 200px;
    z-index: 10
}

.drawer-module__drawer--w-z9J {
    background: #fff;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    transition: right .15s;
    width: 550px;
    z-index: 1000
}

.drawer-module__drawer--w-z9J .drawer-module__mask--NxXq0 {
    background-color: #181818;
    height: 100vh;
    left: 0;
    opacity: .25;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1
}

.drawer-module__drawerHidden--auX7r {
    right: -550px;
    transition: right .15s
}

@media screen and (max-width: 600px) {
    .drawer-module__drawer--w-z9J {
        height:545px;
        position: fixed;
        top: calc(100vh - 545px);
        transition: top .15s;
        width: 100%
    }

    .drawer-module__drawerHidden--auX7r {
        top: 100vh;
        transition: top .15s
    }
}

.index-module__merchandies--Lidxy {
    background: #fff;
    border: 1px solid;
    border-image: linear-gradient(160deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 33.83%,hsla(0,0%,100%,0) 64.31%,hsla(0,0%,100%,.2)) 1;
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    display: inline-block;
    font-family: PingFang SC;
    position: relative;
    width: 285px
}

.index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 95px;
    width: 100%
}

.index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__merchandiesCap--BrEwv {
    background: linear-gradient(54.05deg,#5f87f8 24.09%,#3860f4 65.22%);
    height: 5px;
    margin-left: 36px;
    width: 70px
}

.index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__merchandiesTitle--yAyDE {
    display: flex;
    font-size: 28px;
    font-weight: 500;
    height: 36px;
    left: 36px;
    line-height: 36px;
    position: relative;
    top: 36px
}

.index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__merchandiesTitle--yAyDE .index-module__merchandiesTags--KNCMf {
    display: flex;
    margin-left: 8px
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t {
    box-sizing: border-box;
    padding: 24px 36px 36px;
    width: 100%
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob {
    color: #2e4692
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 36px;
    margin-bottom: 7px
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentIcon--21GXS {
    align-items: center;
    display: flex;
    justify-content: center
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentIcon--21GXS img {
    height: 24px;
    width: 24px
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentText--kiU25 {
    margin-left: 10px
}

.index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentText--kiU25 em {
    font-size: 28px;
    font-style: normal
}

.index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 {
    display: flex;
    height: 40px;
    margin-top: 20px;
    position: relative
}

.index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 .index-module__merchandiesPriceUnit--PREae {
    color: #3961f4;
    font-size: 14px;
    font-weight: 400;
    margin-right: 2px;
    padding-top: 5px;
    text-align: center;
    width: 9px
}

.index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 .index-module__merchandiesPrice--AkGfk {
    color: #3961f4;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .002em;
    line-height: 40px
}

.index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 .index-module__priceUnit2--OQ42b {
    color: #3961f4;
    font-size: 16px;
    height: 25px;
    margin-top: 15px
}

.index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 .index-module__olderPrice--\+L2T\+ {
    color: #5468a6;
    font-size: 14px;
    height: 22px;
    margin-left: 4px;
    margin-top: 18px;
    text-decoration: line-through
}

.index-module__merchandies--Lidxy .index-module__merchandiesSubmit--8EoTu {
    border: 1px solid #3961f5;
    box-sizing: border-box;
    color: #3961f4;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    letter-spacing: .002em;
    line-height: 48px;
    margin-top: 35px;
    position: relative;
    text-align: center;
    transition: all .5s ease;
    width: 100%
}

.index-module__arrow--pwFrZ {
    display: none;
    transition: transform .2s
}

@media screen and (max-width: 1439px) and (min-width:1024px) {
    .index-module__merchandies--Lidxy {
        width:221px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S {
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 95px;
        width: 100%
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__merchandiesCap--BrEwv {
        margin-left: 12px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__merchandiesTitle--yAyDE {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        height: 36px;
        left: 12px;
        line-height: 36px;
        position: relative;
        top: 36px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__merchandiesTitle--yAyDE .index-module__merchandiesTags--KNCMf {
        display: flex;
        margin-left: 8px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t {
        box-sizing: border-box;
        padding: 30px 12px 16px;
        width: 100%
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob {
        color: #2e4692
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 {
        align-items: center;
        display: flex;
        font-size: 16px;
        height: 36px;
        margin-bottom: 7px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentIcon--21GXS {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentIcon--21GXS img {
        height: 24px;
        width: 24px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentText--kiU25 {
        margin-left: 6px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesBody--bfK9t .index-module__merchandiesContent--4h2Ob .index-module__contentItem--1CWa8 .index-module__contentText--kiU25 em {
        font-size: 16px
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 {
        flex-wrap: wrap
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesSales--Bm6\+8 .index-module__olderPrice--\+L2T\+ {
        align-items: flex-start;
        display: flex;
        flex-basis: 100%;
        height: 20px;
        margin-bottom: 18px;
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .index-module__merchandies--Lidxy {
        width:327px
    }
}

@media screen and (max-width: 732px) {
    .index-module__arrow--pwFrZ {
        display:block;
        left: 278px;
        position: absolute;
        top: 44px
    }

    .index-module__hidden--yzkQj {
        display: none
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesHeader--I1m\+S .index-module__hiddenCap--gGAnl {
        opacity: 0
    }

    .index-module__merchandies--Lidxy .index-module__merchandiesSubmit--8EoTu {
        background: linear-gradient(90deg,#5f87f8,#3860f4);
        border: 0;
        color: #fff
    }
}

.index-module__merchandies--mijwo {
    background: #fff;
    border: 1px solid;
    border-image: linear-gradient(160deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 33.83%,hsla(0,0%,100%,0) 64.31%,hsla(0,0%,100%,.2)) 1;
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    display: inline-block;
    font-family: PingFang SC;
    position: relative;
    width: 285px
}

.index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 133px;
    width: 100%
}

.index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesCap--4-TRW {
    background: linear-gradient(54.05deg,#5f87f8 24.09%,#3860f4 65.22%);
    height: 5px;
    margin-left: 36px;
    width: 70px
}

.index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesTitle--UtSg9 {
    display: flex;
    font-size: 28px;
    font-weight: 500;
    height: 36px;
    left: 36px;
    line-height: 36px;
    position: relative;
    top: 36px
}

.index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesTitle--UtSg9 .index-module__merchandiesTags--jAQ78 {
    display: flex;
    margin-left: 8px
}

.index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesExplain--lRCSi {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    left: 36px;
    letter-spacing: .002em;
    line-height: 24px;
    position: relative;
    top: 48px
}

.index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesPartition--7S3DB {
    background: #fafafa;
    height: 1px;
    left: 60px;
    position: relative;
    top: 72px;
    width: 213px
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z {
    box-sizing: border-box;
    padding: 24px 36px 36px
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z .index-module__merchandiesContent--fSVoN {
    color: #2e4692
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z .index-module__merchandiesContent--fSVoN .index-module__contentItem--ysOv8 {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 24px;
    margin-bottom: 8px
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z .index-module__merchandiesContent--fSVoN .index-module__contentItem--ysOv8 .index-module__contentIcon--2FG5J {
    align-items: center;
    display: flex;
    justify-content: center
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z .index-module__merchandiesContent--fSVoN .index-module__contentItem--ysOv8 .index-module__contentIcon--2FG5J img {
    height: 24px;
    width: 24px
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z .index-module__merchandiesContent--fSVoN .index-module__contentItem--ysOv8 .index-module__contentText--\+Kv-Q {
    margin-left: 10px
}

.index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z .index-module__merchandiesContent--fSVoN .index-module__contentItem--ysOv8 .index-module__contentText--\+Kv-Q em {
    font-size: 28px;
    font-style: normal
}

.index-module__merchandies--mijwo .index-module__merchandiesSales--w-\+eH {
    display: flex;
    height: 40px;
    margin-top: 45px;
    position: relative
}

.index-module__merchandies--mijwo .index-module__merchandiesSales--w-\+eH .index-module__merchandiesPriceUnit--XPEQM {
    color: #3961f4;
    font-size: 14px;
    font-weight: 400;
    margin-right: 2px;
    padding-top: 5px;
    text-align: center;
    width: 9px
}

.index-module__merchandies--mijwo .index-module__merchandiesSales--w-\+eH .index-module__merchandiesPrice--eQGFn {
    color: #3961f4;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .002em;
    line-height: 40px
}

.index-module__merchandies--mijwo .index-module__merchandiesSales--w-\+eH .index-module__priceUnit2--oifHL {
    color: #3961f4;
    font-size: 16px;
    height: 25px;
    margin-top: 15px
}

.index-module__merchandies--mijwo .index-module__merchandiesSales--w-\+eH .index-module__olderPrice--eq4N8 {
    color: #5468a6;
    font-size: 14px;
    height: 22px;
    margin-left: 4px;
    margin-top: 18px;
    text-decoration: line-through
}

.index-module__merchandies--mijwo .index-module__merchandiesSubmit--za\+uG {
    border: 1px solid #3961f5;
    box-sizing: border-box;
    color: #3961f4;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    letter-spacing: .002em;
    line-height: 48px;
    margin-top: 23px;
    position: relative;
    text-align: center;
    transition: all .5s ease;
    width: 100%
}

.index-module__arrow--X4q7Y {
    display: none;
    transition: transform .2s
}

@media screen and (max-width: 1439px) and (min-width:1024px) {
    .index-module__merchandies--mijwo {
        width:221px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesCap--4-TRW {
        background: linear-gradient(54.05deg,#5f87f8 24.09%,#3860f4 65.22%);
        height: 5px;
        margin-left: 20px;
        width: 70px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesTitle--UtSg9 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        height: 36px;
        left: 20px;
        line-height: 36px;
        position: relative;
        top: 36px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesTitle--UtSg9 .index-module__merchandiesTags--jAQ78 {
        display: flex;
        margin-left: 8px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesExplain--lRCSi {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        left: 20px;
        letter-spacing: .002em;
        line-height: 24px;
        position: relative;
        top: 48px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesPartition--7S3DB {
        background: #fafafa;
        height: 1px;
        left: 20px;
        position: relative;
        top: 72px;
        width: 181px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z {
        box-sizing: border-box;
        padding: 24px 20px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__merchandies--mijwo {
        width:327px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesCap--4-TRW {
        background: linear-gradient(54.05deg,#5f87f8 24.09%,#3860f4 65.22%);
        height: 5px;
        margin-left: 20px;
        width: 70px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesTitle--UtSg9 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        height: 36px;
        left: 20px;
        line-height: 36px;
        position: relative;
        top: 36px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesTitle--UtSg9 .index-module__merchandiesTags--jAQ78 {
        display: flex;
        margin-left: 8px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesExplain--lRCSi {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        left: 20px;
        letter-spacing: .002em;
        line-height: 24px;
        position: relative;
        top: 48px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesHeader--Dt3cg .index-module__merchandiesPartition--7S3DB {
        background: #fafafa;
        height: 1px;
        left: 20px;
        position: relative;
        top: 66px;
        width: 181px
    }

    .index-module__merchandies--mijwo .index-module__merchandiesBody--mJb-z {
        box-sizing: border-box;
        padding: 24px 20px
    }
}

@media screen and (max-width: 732px) {
    .index-module__arrow--X4q7Y {
        display:block;
        left: 278px;
        position: absolute;
        top: 44px
    }

    .index-module__hidden--WOCbE {
        display: none
    }

    .index-module__merchandies--mijwo .index-module__merchandiesSubmit--za\+uG {
        background: linear-gradient(90deg,#5f87f8,#3860f4);
        border: 0;
        color: #fff
    }
}

.index-module__list--tERIX {
    background: #f7f7fa;
    font-family: PingFang SC;
    margin: 0 auto;
    max-width: 1200px;
    position: relative
}

.index-module__list--tERIX .index-module__header--RrSpR {
    box-sizing: border-box;
    display: flex;
    font-style: normal;
    font-weight: 500;
    height: 64px;
    padding: 20px 0
}

.index-module__list--tERIX .index-module__header--RrSpR .index-module__headerItem--CHxY7 {
    color: #181818;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center
}

.index-module__list--tERIX .index-module__headerNav--V8har {
    background: #fbfcff;
    box-shadow: 0 8px 30px rgba(209,221,235,.4);
    height: 64px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 900
}

.index-module__list--tERIX .index-module__headerNav--V8har .index-module__headerNavContent--0zbsZ {
    margin: 0 auto;
    max-width: 1200px
}

.index-module__list--tERIX .index-module__items--gPQTZ {
    width: 100%
}

.index-module__list--tERIX .index-module__items--gPQTZ .index-module__itemsTitleWrap---sM6s {
    background: rgba(185,208,255,.15);
    height: 48px;
    padding: 12px 0;
    width: 100%
}

.index-module__list--tERIX .index-module__items--gPQTZ .index-module__itemsTitleWrap---sM6s .index-module__itemsTitle--FnCxz {
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 20%
}

.index-module__list--tERIX .index-module__items--gPQTZ .index-module__item--7rw8Y {
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    min-height: 44px;
    padding-bottom: 12px;
    padding-top: 12px
}

.index-module__list--tERIX .index-module__items--gPQTZ .index-module__item--7rw8Y .index-module__itemTitle--zBGHU {
    flex: 1 1;
    min-height: 20px;
    text-align: center
}

.index-module__list--tERIX .index-module__items--gPQTZ .index-module__item--7rw8Y .index-module__itemContents--mcW0i {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    min-height: 20px
}

.index-module__list--tERIX .index-module__items--gPQTZ .index-module__item--7rw8Y .index-module__itemContents--mcW0i .index-module__none--nD3oG {
    background: #c3cad9;
    height: 1px;
    margin-top: 10px;
    width: 20px
}

.index-module__list--tERIX .index-module__transition--l-Cg6 {
    background-image: linear-gradient(hsla(0,0%,100%,0),#fff);
    bottom: 0;
    height: 800px;
    left: 0;
    position: absolute;
    width: 100%
}

.index-module__list--tERIX .index-module__transition--l-Cg6 .index-module__transitionContent--13bap {
    align-items: center;
    bottom: 24px;
    color: #3961f4;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media screen and (max-width: 732px) {
    .index-module__list--tERIX .index-module__header--RrSpR .index-module__headerItem--CHxY7 {
        font-size:12px
    }

    .index-module__list--tERIX .index-module__items--gPQTZ .index-module__itemsTitleWrap---sM6s .index-module__itemsTitle--FnCxz {
        font-size: 12px;
        font-weight: 500
    }

    .index-module__list--tERIX .index-module__items--gPQTZ .index-module__item--7rw8Y {
        font-size: 12px
    }

    .index-module__list--tERIX .index-module__items--gPQTZ .index-module__item--7rw8Y .index-module__itemContents--mcW0i .index-module__itemText--YLHpr {
        text-align: center
    }

    .index-module__list--tERIX .index-module__transition--l-Cg6 .index-module__transitionContent--13bap {
        font-size: 14px
    }
}

.index-module__bannerWrap--z1\+3M {
    width: 100%
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 {
    height: 100%;
    height: 542px;
    position: relative;
    width: 100%
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 img {
    max-height: 108px
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 .index-module__bannerButtons--AQJz\+ {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 .index-module__bannerButtons--AQJz\+ .index-module__bannerButton--fvtit {
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    letter-spacing: .01em;
    text-align: center;
    width: 158px
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 .index-module__bannerButtons--AQJz\+ a {
    margin-left: 10px
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 .index-module__bannerButtons--AQJz\+ a:first-child {
    margin-left: 0
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerIndicators--g7etn {
    align-items: center;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.18));
    bottom: 0;
    display: flex;
    height: 60px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerIndicators--g7etn .index-module__indicatorWrap--UCYId {
    cursor: pointer;
    height: 10px;
    margin-right: 4px;
    padding: 4px 0;
    width: 48px
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerIndicators--g7etn .index-module__bannerIndicator--Qu8dA {
    background: hsla(0,0%,100%,.5);
    height: 2px;
    width: 48px
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerIndicators--g7etn .index-module__bannerIndicator--Qu8dA .index-module__bar--INCG2 {
    background-color: #fff;
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    transition: width 8s linear;
    width: 0
}

.index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerIndicators--g7etn .index-module__indicatorWrap--UCYId:first-child {
    margin-left: 0
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    height: 246px;
    width: 100%
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 .index-module__mobContentImg--Wu7W3 {
    display: block;
    height: 48px;
    margin: 80px auto 20px;
    width: 306px
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 .index-module__mobContentImg--Wu7W3>img {
    height: 100%;
    width: 100%
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 .index-module__moBannerButtons--JztVS {
    display: flex;
    justify-content: center;
    width: 100%
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 .index-module__moBannerButtons--JztVS a {
    margin-left: 32px
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 .index-module__moBannerButtons--JztVS a .index-module__moBannerButton--3UtGC {
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.05);
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    width: 85px
}

.index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 .index-module__moBannerButtons--JztVS a:first-child {
    margin-left: 0
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 img {
        height:88px
    }

    .index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 .index-module__bannerButtons--AQJz\+ {
        margin-top: 24px
    }

    .index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 .index-module__bannerItem--M0Hri .index-module__bannerContent--bja44 .index-module__bannerButtons--AQJz\+ .index-module__bannerButton--fvtit {
        font-size: 16px;
        font-weight: 600;
        height: 44px;
        width: 113px
    }
}

@media screen and (max-width: 767px) {
    .index-module__bannerWrap--z1\+3M {
        padding-top:48px
    }

    .index-module__bannerWrap--z1\+3M .index-module__banner--kyQU3 {
        display: none
    }

    .index-module__bannerWrap--z1\+3M .index-module__moBanner--AxgK1 {
        display: flex;
        flex-direction: column
    }
}

.index-module__navWrap--1bVSh {
    background: #fff;
    height: 50px;
    width: 100%
}

.index-module__navWrap--1bVSh .index-module__nav--wayuA {
    background: #fff;
    box-shadow: 0 0 32px rgba(205,213,222,.42);
    display: flex;
    height: 50px;
    justify-content: space-between;
    top: 0;
    width: 100%;
    z-index: 600
}

.index-module__navWrap--1bVSh .index-module__nav--wayuA .index-module__navItem--x4glG {
    color: #41464f;
    cursor: pointer;
    flex: 1 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: .003em;
    line-height: 50px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.index-module__navWrap--1bVSh .index-module__nav--wayuA .index-module__navItemTag--gWGA6 {
    background: #1664ff;
    bottom: 0;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 57px;
    z-index: 100
}

@media screen and (max-width: 767px) {
    .index-module__navWrap--1bVSh {
        height:0;
        overflow: hidden
    }

    .index-module__navWrap--1bVSh .index-module__nav--wayuA {
        -ms-overflow-style: none;
        box-sizing: border-box;
        display: block;
        height: 48px;
        overflow-x: auto;
        padding: 0 12px;
        scrollbar-width: none;
        white-space: nowrap;
        width: 100vw
    }

    .index-module__navWrap--1bVSh .index-module__nav--wayuA .index-module__navItem--x4glG {
        box-sizing: border-box;
        color: #020814;
        display: inline-block;
        font-weight: 400;
        line-height: 48px;
        padding: 0 12px
    }

    .index-module__navWrap--1bVSh .index-module__nav--wayuA .index-module__navItemTag--gWGA6 {
        display: none
    }

    .index-module__navWrap--1bVSh .index-module__nav--wayuA::-webkit-scrollbar {
        display: none
    }
}

.index-module__titleWrap--WzIID {
    background-color: #fff;
    font-family: PingFang SC;
    padding: 80px 0 60px;
    width: 100%
}

.index-module__titleWrap--WzIID .index-module__title--z1FtC {
    color: #181818;
    font-size: 40px;
    font-weight: 600;
    height: 48px;
    letter-spacing: .002em;
    line-height: 48px;
    text-align: center
}

.index-module__titleWrap--WzIID .index-module__des--D82Br {
    color: #4e5969;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    letter-spacing: .002em;
    line-height: 24px;
    margin-top: 16px;
    text-align: center
}

.index-module__titleWrap--WzIID .index-module__link--aLBJv {
    align-items: center;
    display: inline-flex
}

@media (any-hover: hover) {
    .index-module__titleWrap--WzIID .index-module__link--aLBJv:hover .index-module__arrow--SgKnB {
        right:-5px
    }
}

.index-module__titleWrap--WzIID .index-module__arrow--SgKnB {
    border-right: 2px solid;
    border-top: 2px solid;
    color: #1664ff;
    display: inline-block;
    height: 1em;
    position: relative;
    right: 0;
    transform: rotate(45deg) scale(.5);
    transition: right .3s;
    width: 1em
}

@media screen and (max-width: 1023px) {
    .index-module__titleWrap--WzIID {
        padding:48px 0 32px
    }

    .index-module__titleWrap--WzIID .index-module__title--z1FtC {
        color: #282828;
        font-size: 24px;
        height: 34px;
        line-height: 34px
    }

    .index-module__titleWrap--WzIID .index-module__des--D82Br {
        color: #4e5969;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        margin-top: 8px
    }
}

@media screen and (max-width: 767px) {
    .index-module__des--D82Br.index-module__desLink--1wYpk {
        height:44px
    }
}

.index-module__des--D82Br.index-module__desLink--1wYpk .index-module__link--aLBJv {
    color: #1664ff;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 5px;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .index-module__des--D82Br.index-module__desLink--1wYpk .index-module__link--aLBJv {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

@media screen and (min-width: 1023px) {
    .index-module__titleWrap--WzIID.index-module__whitebook_title--BGf1L {
        padding-bottom:24px
    }
}

.index-module__yearlyMeetWrap--by7fD {
    background: #fff;
    font-family: PingFang SC;
    margin: 0 auto;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 80px;
    width: 1440px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR {
    flex-basis: 50%;
    height: 511px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__title--YoB5h {
    color: #181818;
    font-size: 32px;
    font-weight: 500;
    height: 45px;
    letter-spacing: .003em;
    line-height: 45px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__des--GK0Hl {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #4e5969;
    display: -moz-box;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
    width: 695px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__line--6LMqq {
    background-color: #dde2e9;
    height: 1px;
    margin-top: 28px;
    width: 695px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT {
    margin-top: 28px;
    width: 695px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT .index-module__feature--k1XvI {
    align-items: center;
    color: #80838a;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    letter-spacing: .003em;
    line-height: 22px;
    margin-bottom: 16px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT .index-module__feature--k1XvI svg {
    display: inline-block;
    flex: 0 0 20px;
    margin-right: 6px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT .index-module__feature--k1XvI>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__buttons--7SzIl {
    margin-top: 32px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__buttons--7SzIl .index-module__button--wP37q {
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    line-height: 22px;
    margin-right: 20px;
    width: 114px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__buttons--7SzIl a:nth-child(2) .index-module__button--wP37q {
    background: #fff;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px rgba(46,70,146,.05);
    color: #020814;
    letter-spacing: .003em;
    text-align: center
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__buttons--7SzIl a:nth-child(2) .index-module__button--wP37q:hover {
    background-color: #f6f8fa;
    border: 1px solid #4281fd
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- {
    border: 1px solid #eaedf1;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-basis: 681px;
    height: 511px;
    justify-content: flex-end;
    overflow: hidden;
    position: relative
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- .index-module__rightVideo--HceYa {
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- .index-module__cover---BP\+6 {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- .index-module__tag--sZwwS {
    background-image: url(./images/0wcvn7edg12n_badge.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 78px;
    z-index: 100
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- .index-module__play--92Bbo {
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    z-index: 99
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e {
    box-sizing: border-box;
    color: #181818;
    cursor: pointer;
    flex: 1 1;
    margin-top: 48px;
    padding-right: 20px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemNum--ysDGn {
    height: 22px
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemTitle--\+j\+n1 {
    height: 22px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemBar--Nl7sx {
    background: #f6f8fa;
    height: 4px;
    margin-top: 8px;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemBar--Nl7sx span {
    background: linear-gradient(270deg,rgba(0,229,229,.5) -25.97%,rgba(98,51,255,.5) 109.85%);
    display: block;
    height: 4px;
    transition: width 8s linear;
    width: 0
}

.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e:last-child {
    padding-right: 0
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs {
    box-sizing: border-box;
    display: none;
    padding: 0 24px 48px;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 {
    background: #f8f9fe;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 8px;
    padding: 0 16px;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetHeader--G5JWM {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetHeader--G5JWM .index-module__moMeetTitle--lF9fL {
    color: #181818;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .002em
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetHeader--G5JWM svg {
    transition: transform .15s linear
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx {
    padding-bottom: 20px;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetImg--0KkJj {
    border-radius: 4px;
    display: block;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetDes--vhuEB {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #4e5969;
    display: -moz-box;
    display: -webkit-box;
    font-size: 16px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px;
    overflow: hidden;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetButtons--T6Dk- {
    display: flex;
    height: 36px;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetButtons--T6Dk- a {
    flex: 1 1;
    margin-right: 16px
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetButtons--T6Dk- a .index-module__moButton--gWOyP {
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 22px;
    width: 100%
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetButtons--T6Dk- a:nth-child(2) {
    margin-right: 0
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21 .index-module__moMeetContent--nbPNx .index-module__moMeetButtons--T6Dk- a:nth-child(2) .index-module__moButton--gWOyP {
    background: #fff;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px rgba(46,70,146,.05);
    color: #020814;
    letter-spacing: .003em;
    text-align: center
}

.index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs .index-module__moMeetItem--ISy21:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1679px) {
    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 {
        width:1200px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR {
        height: 441px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__title--YoB5h {
        font-size: 30px;
        font-weight: 500;
        height: 38px;
        line-height: 38px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__des--GK0Hl {
        width: 564px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT,.index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__line--6LMqq {
        margin-top: 24px;
        width: 564px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- {
        flex-basis: 588px;
        height: 441px
    }
}

@media screen and (max-width: 1280px) {
    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__yearlyMeetWrap--by7fD {
        width:100%
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        padding-bottom: 48px;
        padding-top: 16px;
        width: 720px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR {
        height: 262px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__title--YoB5h {
        font-size: 18px;
        font-weight: 500;
        height: 26px;
        line-height: 26px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__des--GK0Hl {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .002em;
        line-height: 22px;
        margin-top: 8px;
        width: 346px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__line--6LMqq {
        margin-top: 16px;
        width: 346px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT {
        height: 82px;
        margin-top: 16px;
        overflow: hidden;
        width: 346px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT .index-module__feature--k1XvI {
        font-size: 13px;
        height: 22px;
        line-height: 22px;
        margin-bottom: 8px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__features--vkwXT .index-module__feature--k1XvI svg {
        display: inline-block;
        margin-right: 8px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__buttons--7SzIl {
        margin-top: 16px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__left--vKzRR .index-module__buttons--7SzIl .index-module__button--wP37q {
        height: 36px;
        margin-right: 16px;
        width: 114px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- {
        border-radius: 8px;
        flex-basis: 350px;
        height: 216px;
        overflow: hidden
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__rightBox--4YvX- .index-module__play--92Bbo {
        height: 40px;
        width: 40px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL {
        display: flex;
        flex-basis: 100%
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e {
        box-sizing: border-box;
        color: #181818;
        cursor: pointer;
        margin-top: 32px;
        padding-right: 16px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemNum--ysDGn {
        font-size: 12px;
        height: 20px;
        line-height: 20px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemTitle--\+j\+n1 {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        margin-top: 0;
        width: 180px
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemBar--Nl7sx {
        height: 3px;
        margin-top: 4px;
        width: 100%
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 .index-module__meetList--ne\+ZL .index-module__meetItem--qOL5e .index-module__meetItemBar--Nl7sx span {
        background: linear-gradient(270deg,rgba(0,229,229,.5) -25.97%,rgba(98,51,255,.5) 109.85%);
        display: block;
        height: 3px;
        transition: width 8s linear;
        width: 0
    }
}

@media screen and (max-width: 767px) {
    .index-module__yearlyMeetWrap--by7fD .index-module__yearlyMeet--h08e3 {
        display:none
    }

    .index-module__yearlyMeetWrap--by7fD .index-module__moYearlyMeet--eHkOs {
        display: block
    }
}

.index-module__mask--GpEh8 {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000
}

.index-module__mask--GpEh8 .index-module__player--QYLC9 {
    left: 50%;
    max-width: 100vw;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%)
}

.index-module__mask--GpEh8 .index-module__player--QYLC9 .index-module__close--id6rY {
    stroke: #f0f0f0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: -20px;
    z-index: 10
}

.index-module__summit_meet2--i8h5C {
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .index-module__summit_meet2--i8h5C {
        padding:0 24px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__summit_meet2--i8h5C.index-module__off--x49ky {
        padding-bottom:48px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__summit_meet2--i8h5C.index-module__off--x49ky {
        padding-bottom:80px
    }
}

.index-module__meet_card_box--smnsg {
    background: #fff;
    border: .5px solid #e5e6eb;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 288px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1440px
}

.index-module__meet_card_box--smnsg:hover {
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05)
}

.index-module__meet_card_box--smnsg:not(:last-child) {
    margin-bottom: 30px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg {
        height:240px;
        width: 1200px
    }

    .index-module__meet_card_box--smnsg:not(:last-child) {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg {
        height:180px;
        width: 720px
    }

    .index-module__meet_card_box--smnsg:not(:last-child) {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg {
        background:#f8f9fe;
        border: none;
        box-shadow: none;
        display: block;
        height: auto;
        width: 100%
    }

    .index-module__meet_card_box--smnsg:not(:last-child) {
        margin-bottom: 16px
    }
}

.index-module__meet_card_box--smnsg .index-module__top_tag--wN9XH {
    background-image: url(./images/card-badge.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    line-height: 26px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 95px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__top_tag--wN9XH {
        height:22px;
        line-height: 22px;
        width: 80px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__meet_card_box--smnsg .index-module__top_tag--wN9XH {
        font-size:10px;
        height: 20px;
        line-height: 20px;
        width: 67px
    }
}

.index-module__meet_card_box--smnsg .index-module__img_box--unoFQ {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 509px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__img_box--unoFQ {
        width:424px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg .index-module__img_box--unoFQ {
        width:319px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__img_box--unoFQ {
        height:36.8vw;
        width: 100%
    }
}

.index-module__meet_card_box--smnsg .index-module__img_box--unoFQ>img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__meet_card_box--smnsg .index-module__right_content--A3ZZq {
    height: 100%;
    padding: 38px 32px 34px 50px;
    position: relative;
    width: 930px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__right_content--A3ZZq {
        padding:32px 27px 28px 42px;
        width: 774px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg .index-module__right_content--A3ZZq {
        padding:24px 19px 20px 20px;
        width: 400px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__right_content--A3ZZq {
        padding:20px;
        width: 100%
    }
}

.index-module__meet_card_box--smnsg .index-module__title--spNZH {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #181818;
    display: -webkit-box;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__title--spNZH {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg .index-module__title--spNZH {
        font-size:14px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__title--spNZH {
        -webkit-line-clamp:2;
        font-size: 16px;
        line-height: 24px
    }
}

.index-module__meet_card_box--smnsg .index-module__desc_box--GO1WO {
    margin: 16px 0
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__desc_box--GO1WO {
        margin:14px 0 12px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg .index-module__desc_box--GO1WO {
        margin:8px 0
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__desc_box--GO1WO {
        margin:8px 0 12px
    }

    .index-module__meet_card_box--smnsg .index-module__desc_box_pc--x1Yh7 {
        display: none
    }
}

.index-module__meet_card_box--smnsg .index-module__desc_box_mob--C4ZOV {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__desc_box_mob--C4ZOV {
        display:block
    }
}

.index-module__meet_card_box--smnsg .index-module__description--C9qU4 {
    color: #41464f;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__description--C9qU4 {
        font-size:14px;
        line-height: 22px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg .index-module__description--C9qU4 {
        font-size:12px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__description--C9qU4 {
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 14px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal
    }
}

.index-module__meet_card_box--smnsg .index-module__btn--UoqM4 {
    bottom: 34px;
    color: #1664ff;
    font-size: 16px;
    font-weight: 500;
    left: 50px;
    line-height: 24px;
    position: absolute
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_box--smnsg .index-module__btn--UoqM4 {
        bottom:28px;
        font-size: 14px;
        left: 42px;
        line-height: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_box--smnsg .index-module__btn--UoqM4 {
        bottom:18px;
        font-size: 12px;
        left: 20px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_box--smnsg .index-module__btn--UoqM4 {
        font-size:14px;
        line-height: 20px;
        margin-top: 20px;
        position: static
    }
}

.index-module__meet_card_box--smnsg .index-module__btn--UoqM4>svg {
    margin-left: 8px
}

.index-module__meet_card_box--smnsg:hover .index-module__btn--UoqM4 {
    color: #4281ff
}

.index-module__meet_card_box--smnsg:hover .index-module__btn--UoqM4>svg path {
    stroke: #4281ff
}

.index-module__tag_box--CXKsz {
    background: #f6f8fa;
    border-radius: 4px;
    display: inline-block;
    line-height: 20px;
    margin-right: 8px;
    padding: 0 8px
}

.index-module__tag_box--CXKsz>div {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .index-module__tag_box--CXKsz.index-module__white--szQKO {
        background-color:#fff
    }
}

.index-module__tag_icon--WZY6S {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.index-module__tag_text--6fgpg {
    color: #80838a;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.index-module__more_activity--rOdz9 {
    color: #737a87;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

@media screen and (max-width: 1023px) {
    .index-module__more_activity--rOdz9 {
        margin-bottom:48px;
        margin-top: 32px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__more_activity--rOdz9 {
        margin-bottom:80px;
        margin-top: 48px
    }
}

.index-module__more_activity--rOdz9>svg {
    margin-left: 8px;
    transform: rotate(90deg);
    transform-origin: center;
    transition: .5s
}

.index-module__more_activity--rOdz9:hover {
    color: #4281ff
}

.index-module__more_activity--rOdz9:hover>svg path {
    stroke: #4281ff
}

.index-module__more_activity--rOdz9.index-module__on--8O1jl>svg {
    transform: rotate(270deg)
}

.index-module__container_wrap--ey6BH {
    background-color: #fff;
    position: relative
}

.index-module__container--cFxkS {
    background-color: transparent;
    overflow: hidden;
    position: relative
}

.index-module__container--cFxkS .index-module__logos-mobile--2eCpb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 65px
}

.index-module__container--cFxkS .index-module__logos-mobile--2eCpb>div {
    align-items: center;
    display: flex;
    flex: 50% 1;
    justify-content: center;
    margin-top: 16px
}

.index-module__container--cFxkS .index-module__logos-mobile--2eCpb img {
    height: 47px;
    width: 152px
}

.index-module__container--cFxkS .index-module__earth-container--VLqJi {
    display: none;
    height: 240px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.index-module__container--cFxkS .index-module__cloud--9Q\+sg {
    bottom: -50px;
    display: none;
    height: 200px;
    justify-content: center;
    overflow: hidden;
    position: absolute
}

.index-module__container--cFxkS .index-module__cloud--9Q\+sg img {
    height: 100%;
    left: 50%;
    object-fit: cover
}

@media (min-width: 768px) {
    .index-module__container--cFxkS {
        display:flex;
        flex-direction: column
    }

    .index-module__container--cFxkS .index-module__mobile-wrap--h-RV0 {
        display: none
    }

    .index-module__container--cFxkS .index-module__cloud--9Q\+sg,.index-module__container--cFxkS .index-module__earth-container--VLqJi,.index-module__container--cFxkS .index-module__title-wrap--NAutX {
        display: flex
    }

    .index-module__container--cFxkS .index-module__logos-mobile--2eCpb {
        display: none
    }
}

@media (min-width: 1024px) {
    .index-module__container--cFxkS .index-module__earth-container--VLqJi {
        height:450px
    }

    .index-module__container--cFxkS .index-module__cloud--9Q\+sg {
        height: 400px
    }
}

.volc_market_activity_partner .pc {
    display: none
}

@media screen and (min-width: 768px) {
    .volc_market_activity_partner {
        height:280px;
        left: 50%;
        position: absolute;
        top: -30px;
        transform: translateX(-50%);
        width: 100%;
        z-index: 1
    }

    .volc_market_activity_partner .pc {
        display: block
    }

    .volc_market_activity_partner .img_box {
        align-items: center;
        display: flex;
        height: 36px;
        justify-content: center;
        position: absolute!important;
        width: 125px
    }

    .volc_market_activity_partner .img_box img {
        height: 100%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%
    }

    .volc_market_activity_partner .img0 {
        height: 32px;
        left: calc(50% - 80px);
        top: 40px;
        width: 104px
    }

    .volc_market_activity_partner .img1 {
        height: 20px;
        left: calc(50% + 120px);
        top: 70px;
        width: 70px
    }

    .volc_market_activity_partner .img2 {
        height: 27px;
        left: calc(50% + 10px);
        top: 80px;
        width: 96px
    }

    .volc_market_activity_partner .img3 {
        height: 26px;
        left: calc(50% - 200px);
        top: 70px;
        width: 86px
    }

    .volc_market_activity_partner .img4 {
        height: 30px;
        right: calc(50% + 60px);
        top: 100px;
        width: 94px
    }

    .volc_market_activity_partner .img5 {
        height: 40px;
        right: calc(50% - 40px);
        top: 140px;
        width: 132px
    }

    .volc_market_activity_partner .img6 {
        height: 32px;
        left: calc(50% + 40px);
        top: 130px;
        width: 104px
    }

    .volc_market_activity_partner .img7 {
        height: 26px;
        left: calc(50% - 280px);
        top: 120px;
        width: 86px
    }

    .volc_market_activity_partner .img8 {
        height: 38px;
        right: calc(50% - 280px);
        top: 110px;
        width: 124px
    }

    .volc_market_activity_partner .img9 {
        height: 38px;
        left: calc(50% - 190px);
        top: 160px;
        width: 124px
    }

    .volc_market_activity_partner .img10 {
        height: 50px;
        right: calc(50% - 200px);
        top: 160px;
        width: 134px
    }
}

@media (min-width: 1024px) {
    .volc_market_activity_partner {
        top:-50px;
        transform: translateX(-50%) scale(.9)
    }

    .volc_market_activity_partner .img_box {
        height: 76px;
        position: absolute!important;
        width: 247px
    }

    .volc_market_activity_partner .img0 {
        height: 49.4px;
        left: calc(50% - 160px);
        top: 40px;
        width: 160.5px
    }

    .volc_market_activity_partner .img1 {
        height: 49.4px;
        left: calc(50% + 160px);
        top: 80px;
        width: 160.5px
    }

    .volc_market_activity_partner .img2 {
        height: 49.4px;
        left: calc(50% + 10px);
        top: 100px;
        width: 160.5px
    }

    .volc_market_activity_partner .img3 {
        height: 49.4px;
        left: calc(50% - 380px);
        top: 100px;
        width: 160.5px
    }

    .volc_market_activity_partner .img4 {
        height: 68.5px;
        right: calc(50% + 100px);
        top: 140px;
        width: 222.3px
    }

    .volc_market_activity_partner .img5 {
        height: 68.5px;
        right: calc(50% - 80px);
        top: 200px;
        width: 222.3px
    }

    .volc_market_activity_partner .img6 {
        height: 68.5px;
        left: calc(50% + 100px);
        top: 180px;
        width: 222.3px
    }

    .volc_market_activity_partner .img7 {
        height: 68.5px;
        left: calc(50% - 500px);
        top: 190px;
        width: 222.3px
    }

    .volc_market_activity_partner .img8 {
        height: 68.5px;
        right: calc(50% - 480px);
        top: 150px;
        width: 222.3px
    }

    .volc_market_activity_partner .img9 {
        left: calc(50% - 380px);
        top: 240px
    }

    .volc_market_activity_partner .img10 {
        right: calc(50% - 360px);
        top: 260px
    }
}

@media (min-width: 1440px) {
    .volc_market_activity_partner {
        transform:translateX(-50%)
    }
}

.index-module__footer--yrXko {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 325px;
    text-align: center;
    width: 100%
}

.index-module__title--oe-8z {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 7.3px;
    line-height: 40px;
    margin-top: 85px
}

.index-module__desc--a67\+Y,.index-module__title--oe-8z {
    color: #fff;
    font-family: PingFang SC;
    font-style: normal;
    white-space: nowrap
}

.index-module__desc--a67\+Y {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px
}

.index-module__contact--ztDWn {
    margin-top: 28px
}

.index-module__contactInput--uCLCe {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px 0 0 4px;
    color: #86909c;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 56px;
    line-height: 24px;
    padding: 16px;
    width: 288px!important
}

.index-module__contactInput--uCLCe:hover {
    background-color: #fff!important
}

.index-module__contactInput--uCLCe:focus {
    border: 1px solid #e5e6eb!important
}

.index-module__contactButton--hPST5 {
    background: #1664ff;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    padding: 0 34px;
    text-align: center;
    vertical-align: top
}

.index-module__contactButton--hPST5,.index-module__contactButton--hPST5:active,.index-module__contactButton--hPST5:hover,.index-module__contactButton--hPST5:link,.index-module__contactButton--hPST5:visited {
    text-decoration: none
}

.index-module__moFooter---r6VZ {
    align-items: center;
    background-color: #1664ff;
    box-sizing: border-box;
    display: none;
    flex-wrap: nowrap;
    height: 58px;
    justify-content: space-between;
    padding: 13px 20px;
    width: 100%
}

.index-module__moFooter---r6VZ>.index-module__moText--vEsNc {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.index-module__moButton--xxgH6 {
    background: #fbfcff;
    border-radius: 2px;
    box-sizing: border-box;
    color: #1664ff;
    font-family: PingFang SC;
    font-size: 15.75px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 23px;
    text-align: center;
    width: 109px
}

@media screen and (max-width: 1023px) {
    .index-module__footer--yrXko {
        display:none
    }

    .index-module__moFooter---r6VZ {
        display: flex
    }
}

.arco-message {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    padding: 10px 16px
}

.arco-message-closable {
    padding-right: 38px
}

.arco-message-icon {
    color: var(--color-text-1);
    font-size: 20px
}

.arco-message-content {
    color: var(--color-text-1);
    font-size: 14px
}

.arco-message-info {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-message-close-btn,.arco-message-info .arco-message-content {
    color: var(--color-text-1)
}

.arco-message-close-btn {
    font-size: 12px;
    right: 12px;
    top: 14px
}

.arco-message .arco-icon-hover.arco-message-icon-hover:before {
    height: 20px;
    width: 20px
}

html .volcfe-salesV2-modal {
    max-width: 85vw;
    padding: 0;
    width: 520px
}

html .volcfe-salesV2-modal .arco-modal-header {
    margin: 0;
    padding: 12px 0
}

html .volcfe-salesV2-modal .arco-modal-content {
    border-bottom: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef;
    max-height: 50vh;
    overflow-y: auto;
    padding: 24px 20px
}

html .volcfe-salesV2-modal .arco-modal-footer {
    display: flex;
    height: 65px;
    justify-content: flex-end;
    margin: 0;
    padding: 16px 20px
}

html .volcfe-salesV2-modal .arco-modal-title .arco-icon {
    display: none
}

body[arco-theme=dark] {
    --color-white: hsla(0,0%,100%,.9)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body,html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif,Helvetica Neue;
    line-height: 1.5
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

th,tr {
    margin: 0;
    padding: 0
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,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
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

* {
    outline: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

.arco-icon {
    stroke: currentColor;
    color: inherit;
    display: inline-block;
    font-style: normal;
    height: 1em;
    vertical-align: -2px;
    width: 1em
}

.arco-icon[fill=currentColor] {
    fill: currentColor;
    stroke: none
}

.arco-icon[stroke=currentColor] {
    stroke: currentColor;
    fill: none
}

.arco-icon[fill=currentColor][stroke=currentColor] {
    fill: currentColor;
    stroke: currentColor
}

.arco-icon-loading {
    -webkit-animation: arco-loading-circle 1s linear infinite;
    animation: arco-loading-circle 1s linear infinite
}

@-webkit-keyframes arco-loading-circle {
    to {
        transform: rotate(1turn)
    }
}

@keyframes arco-loading-circle {
    to {
        transform: rotate(1turn)
    }
}

.arco-icon-hover {
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    position: relative
}

.arco-icon-hover .arco-icon {
    position: relative;
    vertical-align: -.09em
}

.arco-icon-hover:before {
    background-color: transparent;
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    transition: background-color .1s linear
}

.arco-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.arco-icon-hover.arco-icon-hover-disabled:before {
    opacity: 0
}

.arco-icon-hover-size-mini:before,.arco-icon-hover-size-small:before,.arco-icon-hover:before {
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px
}

.arco-icon-hover-size-huge:before,.arco-icon-hover-size-large:before {
    height: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 24px
}

.fadeInStandard-appear,.fadeInStandard-enter {
    opacity: 0
}

.fadeInStandard-appear-active,.fadeInStandard-enter-active {
    opacity: 1;
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.fadeInStandard-exit {
    opacity: 1
}

.fadeInStandard-exit-active {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.fadeIn-appear,.fadeIn-enter {
    opacity: 0
}

.fadeIn-appear-active,.fadeIn-enter-active {
    opacity: 1;
    transition: opacity .1s linear
}

.fadeIn-exit {
    opacity: 1
}

.fadeIn-exit-active {
    opacity: 0;
    transition: opacity .1s linear
}

.slideDynamicOrigin-appear,.slideDynamicOrigin-enter {
    opacity: 0;
    transform: scaleY(.9) translateZ(0);
    transform-origin: 0 0
}

.slideDynamicOrigin-appear-active,.slideDynamicOrigin-enter-active,.slideDynamicOrigin-exit {
    opacity: 1;
    transform: scaleY(1) translateZ(0);
    transform-origin: 0 0;
    transition: transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)
}

.slideDynamicOrigin-exit-active {
    opacity: 0;
    transform: scaleY(.9) translateZ(0);
    transform-origin: 0 0;
    transition: transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)
}

.slideLeft-appear,.slideLeft-enter {
    transform: translateX(-100%)
}

.slideLeft-appear-active,.slideLeft-enter-active {
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideLeft-exit {
    transform: translateX(0)
}

.slideLeft-exit-active {
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideRight-appear,.slideRight-enter {
    transform: translateX(100%)
}

.slideRight-appear-active,.slideRight-enter-active {
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideRight-exit {
    transform: translateX(0)
}

.slideRight-exit-active {
    transform: translateX(100%);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideTop-appear,.slideTop-enter {
    transform: translateY(-100%)
}

.slideTop-appear-active,.slideTop-enter-active {
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideTop-exit {
    transform: translateY(0)
}

.slideTop-exit-active {
    transform: translateY(-100%);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideBottom-appear,.slideBottom-enter {
    transform: translateY(100%)
}

.slideBottom-appear-active,.slideBottom-enter-active {
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slideBottom-exit {
    transform: translateY(0)
}

.slideBottom-exit-active {
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.zoomIn-appear,.zoomIn-enter {
    opacity: 0;
    transform: scale(.5)
}

.zoomIn-appear-active,.zoomIn-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)
}

.zoomIn-exit {
    opacity: 1;
    transform: scale(1)
}

.zoomIn-exit-active {
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoomIn-exit-active,.zoomInFadeOut-appear,.zoomInFadeOut-enter {
    opacity: 0;
    transform: scale(.5)
}

.zoomInFadeOut-appear-active,.zoomInFadeOut-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity .2s cubic-bezier(.34,.69,.1,1),transform .2s cubic-bezier(.34,.69,.1,1)
}

.zoomInFadeOut-exit {
    opacity: 1;
    transform: scale(1)
}

.zoomInFadeOut-exit-active {
    transition: opacity .2s cubic-bezier(.3,1.3,.3,1),transform .2s cubic-bezier(.3,1.3,.3,1)
}

.zoomInBig-appear,.zoomInBig-enter,.zoomInFadeOut-exit-active {
    opacity: 0;
    transform: scale(.5)
}

.zoomInBig-appear-active,.zoomInBig-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity .2s linear,transform .2s linear
}

.zoomInBig-exit {
    opacity: 1;
    transform: scale(1)
}

.zoomInBig-exit-active {
    opacity: 0;
    transform: scale(.2);
    transition: opacity .2s linear,transform .2s linear
}

.zoomInLeft-appear,.zoomInLeft-enter {
    opacity: .1;
    transform: scale(.1);
    transform-origin: 0 50%
}

.zoomInLeft-appear-active,.zoomInLeft-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s linear,transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoomInLeft-exit {
    opacity: 1;
    transform: scale(1);
    transform-origin: 0 50%
}

.zoomInLeft-exit-active {
    opacity: .1;
    transform: scale(.1);
    transition: opacity .3s linear,transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoomInTop-appear,.zoomInTop-enter {
    opacity: 0;
    transform: scaleY(.8) translateZ(0);
    transform-origin: 0 0
}

.zoomInTop-appear-active,.zoomInTop-enter-active {
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.zoomInTop-appear-active,.zoomInTop-enter-active,.zoomInTop-exit {
    opacity: 1;
    transform: scaleY(1) translateZ(0);
    transform-origin: 0 0
}

.zoomInTop-exit-active {
    opacity: 0;
    transform: scaleY(.8) translateZ(0);
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.zoomInBottom-appear,.zoomInBottom-enter {
    opacity: 0;
    transform: scaleY(.8) translateZ(0);
    transform-origin: 100% 100%
}

.zoomInBottom-appear-active,.zoomInBottom-enter-active {
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.zoomInBottom-appear-active,.zoomInBottom-enter-active,.zoomInBottom-exit {
    opacity: 1;
    transform: scaleY(1) translateZ(0);
    transform-origin: 100% 100%
}

.zoomInBottom-exit-active {
    opacity: 0;
    transform: scaleY(.8) translateZ(0);
    transform-origin: 100% 100%;
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

body {
    font-size: 14px
}

.arco-picker {
    align-items: center;
    background-color: #f2f3f8;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-flex;
    line-height: 1.5715;
    padding: 4px 11px 4px 4px;
    position: relative;
    transition: all .1s linear
}

.arco-picker-input {
    display: inline-flex;
    flex: 1 1
}

.arco-picker input {
    background-color: transparent;
    border: none;
    color: var(--color-neutral-10);
    line-height: 1.5715;
    padding: 0 0 0 8px;
    text-align: left;
    transition: all .1s linear;
    width: 100%
}

.arco-picker input::-webkit-input-placeholder {
    color: var(--color-text-3)
}

.arco-picker input::-moz-placeholder {
    color: var(--color-text-3)
}

.arco-picker input::-ms-input-placeholder {
    color: var(--color-text-3)
}

.arco-picker input::placeholder {
    color: var(--color-text-3)
}

.arco-picker-input-placeholder input {
    color: var(--color-text-3)
}

.arco-picker-has-prefix {
    padding-left: 12px
}

.arco-picker-prefix {
    color: #4e5969;
    font-size: 16px;
    padding-right: 4px
}

.arco-picker-suffix {
    margin-left: 4px;
    text-align: center;
    width: 14px
}

.arco-picker-suffix-icon {
    color: #4e5969
}

.arco-picker .arco-picker-clear-icon {
    color: var(--color-text-2);
    display: none;
    font-size: 12px
}

.arco-picker:hover {
    background-color: #e5e8ef;
    border-color: transparent
}

.arco-picker:not(.arco-picker-disabled):hover .arco-picker-clear-icon {
    display: inline-block
}

.arco-picker:not(.arco-picker-disabled):hover .arco-picker-suffix .arco-picker-clear-icon+span {
    display: none
}

.arco-picker-focused {
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-picker-focused,.arco-picker-focused:hover {
    background-color: #fff;
    border-color: rgb(var(--primary-6))
}

.arco-picker-focused .arco-picker-input-active input,.arco-picker-focused:hover .arco-picker-input-active input {
    background: #f2f3f8
}

.arco-picker-error:not(.arco-picker-disabled) {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-picker-error:not(.arco-picker-disabled):hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled),.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-picker-warning:not(.arco-picker-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-picker-warning:not(.arco-picker-disabled):hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled),.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled):hover {
    background-color: #fff;
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-picker input[disabled] {
    -webkit-text-fill-color: var(--color-neutral-4);
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-picker input[disabled]::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-picker input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-picker input[disabled]::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-picker input[disabled]::placeholder {
    color: var(--color-text-4)
}

.arco-picker-disabled,.arco-picker-disabled:hover {
    background-color: #f6f7fb;
    border-color: transparent;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-picker-disabled input[disabled],.arco-picker-disabled:hover input[disabled] {
    -webkit-text-fill-color: var(--color-neutral-4);
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-picker-disabled input[disabled]::-webkit-input-placeholder,.arco-picker-disabled:hover input[disabled]::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-picker-disabled input[disabled]::-moz-placeholder,.arco-picker-disabled:hover input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-picker-disabled input[disabled]::-ms-input-placeholder,.arco-picker-disabled:hover input[disabled]::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-picker-disabled input[disabled]::placeholder,.arco-picker-disabled:hover input[disabled]::placeholder {
    color: var(--color-text-4)
}

.arco-picker-separator {
    color: var(--color-text-3);
    min-width: 10px;
    padding: 0 8px
}

.arco-picker-disabled .arco-picker-separator {
    color: var(--color-text-4)
}

.arco-picker-disabled .arco-picker-suffix-icon {
    color: var(--color-neutral-4)
}

.arco-picker-size-mini {
    height: 24px
}

.arco-picker-size-mini input {
    font-size: 12px
}

.arco-picker-size-small {
    height: 28px
}

.arco-picker-size-small input {
    font-size: 12px
}

.arco-picker-size-default {
    height: 32px
}

.arco-picker-size-default input {
    font-size: 12px
}

.arco-picker-size-large {
    height: 36px
}

.arco-picker-size-large input {
    font-size: 14px
}

.arco-picker-rtl {
    direction: rtl;
    padding: 4px 4px 4px 11px
}

.arco-picker-rtl input {
    padding-left: 0;
    padding-right: 8px;
    text-align: right
}

.arco-picker-rtl .arco-picker-suffix {
    margin-left: 0;
    margin-right: 4px
}

.arco-affix {
    position: fixed;
    z-index: 999
}

.arco-alert {
    align-items: center;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    font-size: 12px;
    line-height: 1.5715;
    overflow: hidden;
    padding: 6px 16px;
    text-align: left;
    width: 100%
}

.arco-alert-with-title {
    align-items: flex-start;
    padding: 16px
}

.arco-alert-info {
    background-color: rgb(var(--primary-1));
    border: 0 solid transparent
}

.arco-alert-success {
    background-color: rgb(var(--success-1));
    border: 0 solid transparent
}

.arco-alert-warning {
    background-color: rgb(var(--warning-1));
    border: 0 solid transparent
}

.arco-alert-error {
    background-color: rgb(var(--danger-1));
    border: 0 solid transparent
}

.arco-alert-banner {
    border: none;
    border-radius: 0
}

.arco-alert-content-wrapper {
    flex: 1 1;
    position: relative
}

.arco-alert-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 4px
}

.arco-alert-info .arco-alert-content,.arco-alert-info .arco-alert-title {
    color: var(--color-neutral-10)
}

.arco-alert-info.arco-alert-with-title .arco-alert-content {
    color: var(--color-neutral-8)
}

.arco-alert-success .arco-alert-title {
    color: var(--color-text-1)
}

.arco-alert-success .arco-alert-content {
    color: var(--color-neutral-10)
}

.arco-alert-success.arco-alert-with-title .arco-alert-content {
    color: var(--color-neutral-8)
}

.arco-alert-warning .arco-alert-content,.arco-alert-warning .arco-alert-title {
    color: var(--color-neutral-10)
}

.arco-alert-warning.arco-alert-with-title .arco-alert-content {
    color: var(--color-neutral-8)
}

.arco-alert-error .arco-alert-title {
    color: var(--color-text-1)
}

.arco-alert-error .arco-alert-content {
    color: var(--color-neutral-10)
}

.arco-alert-error.arco-alert-with-title .arco-alert-content {
    color: var(--color-text-2)
}

.arco-alert-icon-wrapper {
    align-items: center;
    display: flex;
    height: 18.858px;
    margin-right: 8px
}

.arco-alert-icon-wrapper svg {
    font-size: 16px
}

.arco-alert-with-title .arco-alert-icon-wrapper {
    height: 21px
}

.arco-alert-with-title .arco-alert-icon-wrapper svg {
    font-size: 18px
}

.arco-alert-info .arco-alert-icon-wrapper svg {
    color: rgb(var(--primary-6))
}

.arco-alert-success .arco-alert-icon-wrapper svg {
    color: rgb(var(--success-6))
}

.arco-alert-warning .arco-alert-icon-wrapper svg {
    color: rgb(var(--warning-6))
}

.arco-alert-error .arco-alert-icon-wrapper svg {
    color: rgb(var(--danger-6))
}

.arco-alert-close-btn {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--color-neutral-8);
    cursor: pointer;
    font-size: 16px;
    margin-left: 8px;
    outline: none;
    padding: 0;
    right: 0;
    top: 4px;
    transition: color .1s linear
}

.arco-alert-close-btn:hover {
    color: var(--color-neutral-10)
}

.arco-alert-action+.arco-alert-close-btn {
    margin-left: 8px
}

.arco-alert-action {
    margin-left: 0
}

.arco-alert-with-title .arco-alert-close-btn {
    margin-right: 0;
    margin-top: 0
}

.arco-alert-rtl {
    direction: rtl;
    text-align: right
}

.arco-alert-rtl .arco-alert-with-title {
    align-items: flex-end
}

.arco-alert-rtl .arco-alert-icon-wrapper {
    margin-left: 8px;
    margin-right: 0
}

.arco-alert-rtl .arco-alert-close-btn {
    left: 0;
    right: auto
}

.arco-alert-rtl .arco-alert-action {
    margin-left: 0;
    margin-right: 0
}

.arco-alert-rtl .arco-alert-action+.arco-alert-close-btn {
    margin-left: 0;
    margin-right: 8px
}

.arco-anchor {
    overflow: auto;
    position: relative;
    width: 128px
}

.arco-anchor-line-slider {
    background-color: rgb(var(--primary-6));
    height: 12px;
    left: 0;
    margin-top: 6.429px;
    position: absolute;
    top: 0;
    transition: all .2s cubic-bezier(.34,.69,.1,1);
    width: 2px;
    z-index: 1
}

.arco-anchor-list {
    margin-left: 6px;
    position: relative
}

.arco-anchor-list:before {
    background-color: #e5e8ef;
    content: "";
    height: 100%;
    left: -6px;
    position: absolute;
    width: 2px
}

.arco-anchor-link {
    margin-bottom: 2px
}

.arco-anchor-link-title {
    border-radius: 2px;
    color: var(--color-neutral-10);
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 1.5715;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 3px 8px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-anchor-link-title:hover {
    background-color: #f2f3f8;
    color: var(--color-text-1);
    font-weight: 500
}

.arco-anchor-link-title:focus-visible {
    box-shadow: inset 0 0 0 2px rgb(var(--primary-6))
}

.arco-anchor-link-active>.arco-anchor-link-title {
    color: rgb(var(--primary-6));
    font-weight: 500;
    transition: all .1s linear
}

.arco-anchor-link .arco-anchor-link {
    margin-left: 16px
}

.arco-anchor-lineless .arco-anchor-list {
    margin-left: 0
}

.arco-anchor-lineless .arco-anchor-list:before {
    display: none
}

.arco-anchor-lineless .arco-anchor-link-active>.arco-anchor-link-title {
    background-color: var(--color-fill-2);
    color: rgb(var(--primary-6));
    font-weight: 500
}

.arco-anchor-rtl {
    direction: rtl
}

.arco-anchor-rtl .arco-anchor-list {
    margin-left: 0;
    margin-right: 6px
}

.arco-anchor-rtl .arco-anchor-list:before {
    left: auto;
    right: -6px
}

.arco-anchor-rtl .arco-anchor-link .arco-anchor-link {
    margin-left: 0;
    margin-right: 16px
}

.arco-anchor-rtl.arco-anchor-lineless .arco-anchor-list {
    margin-right: 0
}

.arco-anchor-rtl .arco-anchor-line-slider {
    left: auto;
    right: 0
}

.arco-anchor.arco-anchor-horizontal {
    width: 100%
}

.arco-anchor-horizontal .arco-anchor-list {
    display: flex;
    margin: 0;
    width: 100%
}

.arco-anchor-horizontal .arco-anchor-list:before {
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    width: 100%
}

.arco-anchor-horizontal .arco-anchor-link-title:hover {
    font-weight: 400
}

.arco-anchor-horizontal .arco-anchor-link-active .arco-anchor-link-title:hover {
    font-weight: 500
}

.arco-anchor-horizontal .arco-anchor-link:not(:first-of-type) {
    margin-left: 16px
}

.arco-anchor-rtl.arco-anchor-horizontal .arco-anchor-link:not(:first-of-type) {
    margin-left: unset;
    margin-right: 16px
}

.arco-anchor-horizontal .arco-anchor-line-slider {
    background-color: transparent;
    bottom: 0;
    height: 2px;
    margin: 0;
    right: unset;
    top: unset;
    width: 0
}

.arco-anchor-horizontal .arco-anchor-line-slider:before {
    background-color: rgb(var(--primary-6));
    content: "";
    display: block;
    height: 100%;
    left: 8px;
    position: absolute;
    right: 8px
}

.arco-anchor.arco-anchor-lineless .arco-anchor-link,.arco-anchor.arco-anchor-lineless .arco-anchor-link-title {
    margin-bottom: 0
}

.arco-autocomplete-popup .arco-select-popup {
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner {
    max-height: 240px
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option {
    background-color: #fff;
    color: var(--color-neutral-10);
    font-size: 12px
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
    background-color: #fff;
    color: var(--color-neutral-10)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover {
    background-color: #f2f3f8;
    color: var(--color-neutral-10)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled {
    background-color: #fff
}

.arco-avatar {
    align-items: center;
    background-color: var(--color-neutral-4);
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 32px
}

.arco-avatar-circle {
    border-radius: 100%
}

.arco-avatar-circle .arco-avatar-image {
    border-radius: 100%;
    overflow: hidden
}

.arco-avatar-square {
    border-radius: 2px
}

.arco-avatar-square .arco-avatar-image {
    border-radius: 2px;
    overflow: hidden
}

.arco-avatar-text {
    font-weight: 500;
    left: 50%;
    line-height: 1;
    position: absolute;
    transform: translateX(-50%);
    transform-origin: 0 center
}

.arco-avatar-image {
    display: inline-block
}

.arco-avatar-image,.arco-avatar-image img,.arco-avatar-image picture {
    height: 100%;
    width: 100%
}

.arco-avatar-trigger-icon-button {
    align-items: center;
    background-color: rgb(var(--primary-1));
    border-radius: var(--border-radius-circle);
    bottom: -4px;
    color: var(--color-fill-4);
    display: inline-flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    position: absolute;
    right: -4px;
    transition: background-color .1s linear;
    width: 20px;
    z-index: 1
}

.arco-avatar-trigger-icon-mask {
    align-items: center;
    background-color: rgba(29,33,41,.6);
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .1s linear;
    width: 100%;
    z-index: 0
}

.arco-avatar-circle .arco-avatar-trigger-icon-mask {
    border-radius: 100%
}

.arco-avatar-with-trigger-icon {
    cursor: pointer
}

.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-mask {
    opacity: 1;
    z-index: 2
}

.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-button {
    background-color: rgb(var(--primary-2))
}

.arco-avatar-rtl {
    direction: rtl
}

.arco-avatar-rtl .arco-avatar-trigger-icon-button {
    left: -4px;
    right: unset
}

.arco-avatar-group {
    display: inline-block;
    line-height: 0
}

.arco-avatar-group-max-count-avatar {
    color: var(--color-neutral-10);
    cursor: default;
    font-size: 12px
}

.arco-avatar-group-rtl {
    direction: rtl
}

.arco-avatar-group .arco-avatar {
    border: 2px solid var(--color-bg-2)
}

.arco-avatar-group .arco-avatar:not(:first-child) {
    margin-left: -10px
}

.arco-avatar-group-popover .arco-avatar:not(:first-child) {
    margin-left: 4px
}

.arco-backtop {
    bottom: 24px;
    cursor: pointer;
    position: fixed;
    right: 24px;
    z-index: 100
}

.arco-backtop-button {
    background-color: rgb(var(--primary-6));
    border: none;
    border-radius: var(--border-radius-circle);
    color: var(--color-white);
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    outline: none;
    text-align: center;
    transition: all .2s linear;
    width: 40px
}

.arco-backtop-button:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-backtop-button:hover {
    background-color: rgb(var(--primary-5))
}

.arco-backtop-button svg {
    font-size: 14px
}

.arco-badge {
    display: inline-block;
    line-height: 1;
    position: relative
}

.arco-badge-rtl {
    direction: rtl
}

.arco-badge-custom-dot,.arco-badge-dot,.arco-badge-number,.arco-badge-text {
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
    transform: translate(50%,-50%);
    transform-origin: 100% 0;
    z-index: 2
}

.arco-badge-rtl .arco-badge-custom-dot,.arco-badge-rtl .arco-badge-dot,.arco-badge-rtl .arco-badge-number,.arco-badge-rtl .arco-badge-text {
    right: unset
}

.arco-badge-custom-dot {
    background-color: var(--color-bg-2)
}

.arco-badge-number,.arco-badge-text {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 6px
}

.arco-badge-dot,.arco-badge-number,.arco-badge-text {
    background-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 2px var(--color-bg-2)
}

.arco-badge-dot {
    border-radius: var(--border-radius-circle);
    height: 6px;
    width: 6px
}

.arco-badge-no-children .arco-badge-dot,.arco-badge-no-children .arco-badge-number,.arco-badge-no-children .arco-badge-text {
    display: inline-block;
    position: relative;
    right: unset;
    top: unset;
    transform: none
}

.arco-badge-status-wrapper {
    align-items: center;
    display: inline-flex
}

.arco-badge-status-dot {
    border-radius: var(--border-radius-circle);
    display: inline-block;
    height: 6px;
    width: 6px
}

.arco-badge-status-default {
    background-color: var(--color-fill-4)
}

.arco-badge-status-processing {
    background-color: rgb(var(--primary-6))
}

.arco-badge-status-success {
    background-color: rgb(var(--success-6))
}

.arco-badge-status-warning {
    background-color: rgb(var(--warning-6))
}

.arco-badge-color-red,.arco-badge-status-error {
    background-color: rgb(var(--danger-6))
}

.arco-badge-color-orangered {
    background-color: #f77234
}

.arco-badge-color-orange {
    background-color: rgb(var(--orange-6))
}

.arco-badge-color-gold {
    background-color: rgb(var(--gold-6))
}

.arco-badge-color-lime {
    background-color: rgb(var(--lime-6))
}

.arco-badge-color-green {
    background-color: rgb(var(--success-6))
}

.arco-badge-color-cyan {
    background-color: rgb(var(--cyan-6))
}

.arco-badge-color-arcoblue {
    background-color: rgb(var(--primary-6))
}

.arco-badge-color-purple {
    background-color: rgb(var(--purple-6))
}

.arco-badge-color-pinkpurple {
    background-color: rgb(var(--pinkpurple-6))
}

.arco-badge-color-magenta {
    background-color: rgb(var(--magenta-6))
}

.arco-badge-color-gray {
    background-color: rgb(var(--gray-4))
}

.arco-badge-status-text {
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 1.5715;
    margin-left: 8px
}

.arco-badge-rtl .arco-badge-status-text {
    margin-left: 0;
    margin-right: 8px
}

.arco-badge-number-text {
    -webkit-animation: arco-badge-scale .5s cubic-bezier(.3,1.3,.3,1);
    animation: arco-badge-scale .5s cubic-bezier(.3,1.3,.3,1);
    display: inline-block
}

@-webkit-keyframes arco-badge-scale {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes arco-badge-scale {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.badge-zoom-appear,.badge-zoom-enter {
    transform: translate(50%,-50%) scale(.2);
    transform-origin: center
}

.badge-zoom-appear-active,.badge-zoom-enter-active {
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}

.badge-zoom-appear-active,.badge-zoom-enter-active,.badge-zoom-exit {
    opacity: 1;
    transform: translate(50%,-50%) scale(1);
    transform-origin: center
}

.badge-zoom-exit-active {
    opacity: 0;
    transform: translate(50%,-50%) scale(.2);
    transform-origin: center;
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}

.arco-breadcrumb {
    display: inline-block;
    font-size: 12px
}

.arco-breadcrumb,.arco-breadcrumb-icon {
    color: var(--color-text-2)
}

.arco-breadcrumb-item {
    align-items: center;
    display: inline-flex;
    line-height: 24px;
    padding: 0 4px;
    vertical-align: middle
}

.arco-breadcrumb-item,.arco-breadcrumb-item>.arco-icon {
    color: var(--color-neutral-8)
}

.arco-breadcrumb-item a,.arco-breadcrumb-item[href] {
    background-color: transparent;
    border-radius: 2px;
    color: var(--color-text-2);
    display: inline-block;
    margin: 0 -4px;
    padding: 0 4px;
    text-decoration: none
}

.arco-breadcrumb-item a:hover,.arco-breadcrumb-item[href]:hover {
    background-color: var(--color-fill-2);
    color: var(--color-neutral-8)
}

.arco-breadcrumb-item a:focus-visible,.arco-breadcrumb-item[href]:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-breadcrumb-item:last-child {
    color: var(--color-neutral-10);
    font-weight: 500
}

.arco-breadcrumb-item-ellipses {
    color: var(--color-text-2);
    display: inline-block;
    padding: 0 4px;
    position: relative;
    top: -3px
}

.arco-breadcrumb-item-separator {
    color: var(--color-neutral-4);
    display: inline-block;
    line-height: 24px;
    margin: 0;
    vertical-align: middle
}

.arco-breadcrumb-item-with-dropdown {
    cursor: pointer
}

.arco-breadcrumb-item-dropdown-icon {
    color: var(--color-text-2);
    font-size: 12px;
    margin-left: 4px
}

.arco-breadcrumb-item-dropdown-icon-active svg {
    transform: rotate(180deg)
}

.arco-breadcrumb-rtl .arco-breadcrumb-item-dropdown-icon {
    margin-left: 0;
    margin-right: 4px
}

.arco-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5715;
    outline: none;
    position: relative;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.arco-btn>a:only-child {
    color: currentColor
}

.arco-btn:active {
    transition: none
}

.arco-btn:empty {
    display: inline-block;
    vertical-align: bottom
}

.arco-btn-long {
    display: block;
    width: 100%
}

.arco-btn-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-decoration: none
}

.arco-btn-link:not([href]) {
    color: var(--color-text-4)
}

.arco-btn-link:hover {
    text-decoration: none
}

.arco-btn-loading {
    cursor: default;
    position: relative
}

.arco-btn-loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    display: block;
    left: -1px;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .1s linear;
    z-index: 1
}

.arco-btn-loading-fixed-width {
    transition: none
}

.arco-btn-two-chinese-chars>:not(svg) {
    letter-spacing: .3em;
    margin-right: -.3em
}

a.arco-btn-icon-only {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    vertical-align: top
}

.arco-btn-outline:not(.arco-btn-disabled) {
    background-color: transparent;
    border: 1px solid rgb(var(--primary-6));
    color: rgb(var(--primary-6))
}

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: transparent;
    border-color: rgb(var(--primary-5));
    color: rgb(var(--primary-5))
}

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: transparent;
    border-color: rgb(var(--primary-7));
    color: rgb(var(--primary-7))
}

.arco-btn-outline:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-3))
}

.arco-btn-outline.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid rgb(var(--primary-3));
    color: rgb(var(--primary-3));
    cursor: not-allowed
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: transparent;
    border-color: rgb(var(--warning-6));
    color: rgb(var(--warning-6))
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: transparent;
    border-color: rgb(var(--warning-5));
    color: rgb(var(--warning-5))
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: transparent;
    border-color: rgb(var(--warning-7));
    color: rgb(var(--warning-7))
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid var(--color-warning-light-3);
    color: rgb(var(--warning-3))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: transparent;
    border-color: rgb(var(--danger-6));
    color: rgb(var(--danger-6))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: transparent;
    border-color: rgb(var(--danger-5));
    color: rgb(var(--danger-5))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: transparent;
    border-color: rgb(var(--danger-7));
    color: rgb(var(--danger-7))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid rgb(var(--danger-3));
    color: rgb(var(--danger-3))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: transparent;
    border-color: rgb(var(--success-6));
    color: rgb(var(--success-6))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: transparent;
    border-color: rgb(var(--success-5));
    color: rgb(var(--success-5))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: transparent;
    border-color: rgb(var(--success-7));
    color: rgb(var(--success-7))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-outline.arco-btn-status-success.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid var(--color-success-light-3);
    color: rgb(var(--success-3))
}

.arco-btn-primary:not(.arco-btn-disabled) {
    background-color: rgb(var(--link-6));
    border: 1px dotted transparent;
    color: #fff
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--primary-5));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--primary-7));
    border-color: var(--color-neutral-10);
    color: #fff
}

.arco-btn-primary:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-3))
}

.arco-btn-primary.arco-btn-disabled {
    background-color: rgb(var(--primary-3));
    border: 1px dotted transparent;
    color: #fff;
    cursor: not-allowed
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: rgb(var(--warning-6));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--warning-5));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--warning-7));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled {
    background-color: rgb(var(--warning-3));
    border: 1px dotted transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: rgb(var(--danger-6));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--danger-5));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--danger-7));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled {
    background-color: rgb(var(--danger-3));
    border: 1px dotted transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: rgb(var(--success-6));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--success-5));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--success-7));
    border-color: transparent;
    color: #fff
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-primary.arco-btn-status-success.arco-btn-disabled {
    background-color: rgb(var(--success-3));
    border: 1px dotted transparent;
    color: #fff
}

.arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #f2f3f8;
    border: 1px solid transparent;
    color: var(--color-neutral-10)
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #e5e8ef;
    border-color: transparent;
    color: var(--color-neutral-10)
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-neutral-4);
    border-color: transparent;
    color: var(--color-neutral-10)
}

.arco-btn-secondary:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px var(--color-neutral-4)
}

.arco-btn-secondary.arco-btn-disabled {
    background-color: #f6f7fb;
    border: 1px solid transparent;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: rgb(var(--warning-1));
    border-color: transparent;
    color: rgb(var(--warning-6))
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--warning-2));
    border-color: transparent;
    color: rgb(var(--warning-6))
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--warning-4));
    border-color: transparent;
    color: rgb(var(--warning-7))
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled {
    background-color: rgb(var(--warning-1));
    border: 1px solid transparent;
    color: rgb(var(--warning-3))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: rgb(var(--danger-1));
    border-color: transparent;
    color: rgb(var(--danger-6))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--danger-2));
    border-color: transparent;
    color: rgb(var(--danger-6))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--danger-3));
    border-color: transparent;
    color: rgb(var(--danger-7))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled {
    background-color: rgb(var(--danger-1));
    border: 1px solid transparent;
    color: rgb(var(--danger-3))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: rgb(var(--success-1));
    border-color: transparent;
    color: rgb(var(--success-6))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--success-2));
    border-color: transparent;
    color: rgb(var(--success-6))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--success-3));
    border-color: transparent;
    color: rgb(var(--success-7))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled {
    background-color: var(--color-success-light-1);
    border: 1px solid transparent;
    color: rgb(var(--success-3))
}

.arco-btn-dashed:not(.arco-btn-disabled) {
    background-color: #f2f3f8;
    border: 1px dashed #c9cdd4;
    color: var(--color-neutral-10)
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #f2f3f8;
    border-color: #c9cdd4;
    color: var(--color-neutral-10)
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-neutral-4);
    border-color: var(--color-neutral-6);
    color: var(--color-neutral-10)
}

.arco-btn-dashed:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px var(--color-neutral-4)
}

.arco-btn-dashed.arco-btn-disabled {
    background-color: #f6f7fb;
    border: 1px dashed #e5e8ef;
    color: #e5e8ef;
    cursor: not-allowed
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: var(--color-warning-light-2);
    color: rgb(var(--warning-6))
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-warning-light-2);
    border-color: var(--color-warning-light-3);
    color: rgb(var(--warning-6))
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-warning-light-3);
    border-color: var(--color-warning-light-4);
    color: rgb(var(--warning-6))
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled {
    background-color: var(--color-warning-light-1);
    border: 1px dashed var(--color-warning-light-2);
    color: var(--color-warning-light-3)
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: var(--color-danger-light-1);
    border-color: var(--color-danger-light-2);
    color: rgb(var(--danger-6))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-danger-light-2);
    border-color: var(--color-danger-light-3);
    color: rgb(var(--danger-6))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-danger-light-3);
    border-color: var(--color-danger-light-4);
    color: rgb(var(--danger-6))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled {
    background-color: var(--color-danger-light-1);
    border: 1px dashed var(--color-danger-light-2);
    color: var(--color-danger-light-3)
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: var(--color-success-light-1);
    border-color: var(--color-success-light-2);
    color: rgb(var(--success-6))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: var(--color-success-light-2);
    border-color: var(--color-success-light-3);
    color: rgb(var(--success-6))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: var(--color-success-light-3);
    border-color: var(--color-success-light-4);
    color: rgb(var(--success-6))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled {
    background-color: var(--color-success-light-1);
    border: 1px dashed var(--color-success-light-2);
    color: var(--color-success-light-3)
}

.arco-btn-text:not(.arco-btn-disabled) {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--primary-6))
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #f2f3f8;
    border-color: transparent;
    color: rgb(var(--primary-5))
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: #e5e8ef;
    border-color: transparent;
    color: rgb(var(--primary-7))
}

.arco-btn-text:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px var(--color-neutral-4)
}

.arco-btn-text.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--primary-3));
    cursor: not-allowed
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--warning-6))
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--warning-2));
    border-color: transparent;
    color: rgb(var(--warning-6))
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--warning-3));
    border-color: transparent;
    color: rgb(var(--warning-7))
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-text.arco-btn-status-warning.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--warning-3))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--danger-6))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--danger-2));
    border-color: transparent;
    color: rgb(var(--danger-6))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--danger-3));
    border-color: transparent;
    color: rgb(var(--danger-7))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-text.arco-btn-status-danger.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--danger-3))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--success-6))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: rgb(var(--success-2));
    border-color: transparent;
    color: rgb(var(--success-6))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: rgb(var(--success-3));
    border-color: transparent;
    color: rgb(var(--success-6))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-text.arco-btn-status-success.arco-btn-disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--success-3))
}

.arco-btn-size-mini {
    border-radius: 2px;
    font-size: 12px;
    height: 24px;
    padding: 0 11px
}

.arco-btn-size-mini>span+svg,.arco-btn-size-mini>svg+span {
    margin-left: 8px
}

.arco-btn-size-mini svg {
    vertical-align: -2px
}

.arco-btn-size-mini.arco-btn-rtl>span+svg,.arco-btn-size-mini.arco-btn-rtl>svg+span {
    margin-left: 0;
    margin-right: 8px
}

.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 1px;
    padding-right: 1px
}

.arco-btn-size-mini.arco-btn-icon-only {
    height: 24px;
    padding: 0;
    width: 24px
}

.arco-btn-size-mini.arco-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 24px;
    padding: 0;
    text-align: center;
    width: 24px
}

.arco-btn-size-mini.arco-btn-shape-round {
    border-radius: 12px
}

.arco-btn-group .arco-btn-size-mini:first-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-size-mini:last-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child {
    border-radius: 12px 0 0 12px
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:last-child {
    border-radius: 0 12px 12px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child {
    border-radius: 0 12px 12px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:last-child {
    border-radius: 12px 0 0 12px
}

.arco-btn-size-small {
    border-radius: 2px;
    font-size: 12px;
    height: 28px;
    padding: 0 15px
}

.arco-btn-size-small>span+svg,.arco-btn-size-small>svg+span {
    margin-left: 8px
}

.arco-btn-size-small svg {
    vertical-align: -2px
}

.arco-btn-size-small.arco-btn-rtl>span+svg,.arco-btn-size-small.arco-btn-rtl>svg+span {
    margin-left: 0;
    margin-right: 8px
}

.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 5px;
    padding-right: 5px
}

.arco-btn-size-small.arco-btn-icon-only {
    height: 28px;
    padding: 0;
    width: 28px
}

.arco-btn-size-small.arco-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 28px;
    padding: 0;
    text-align: center;
    width: 28px
}

.arco-btn-size-small.arco-btn-shape-round {
    border-radius: 14px
}

.arco-btn-group .arco-btn-size-small:first-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-size-small:last-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child {
    border-radius: 14px 0 0 14px
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:last-child {
    border-radius: 0 14px 14px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child {
    border-radius: 0 14px 14px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:last-child {
    border-radius: 14px 0 0 14px
}

.arco-btn-size-default {
    border-radius: 2px;
    font-size: 12px;
    height: 32px;
    padding: 0 15px
}

.arco-btn-size-default>span+svg,.arco-btn-size-default>svg+span {
    margin-left: 8px
}

.arco-btn-size-default svg {
    vertical-align: -2px
}

.arco-btn-size-default.arco-btn-rtl>span+svg,.arco-btn-size-default.arco-btn-rtl>svg+span {
    margin-left: 0;
    margin-right: 8px
}

.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 5px;
    padding-right: 5px
}

.arco-btn-size-default.arco-btn-icon-only {
    height: 32px;
    padding: 0;
    width: 32px
}

.arco-btn-size-default.arco-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 32px;
    padding: 0;
    text-align: center;
    width: 32px
}

.arco-btn-size-default.arco-btn-shape-round {
    border-radius: 16px
}

.arco-btn-group .arco-btn-size-default:first-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-size-default:last-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child {
    border-radius: 16px 0 0 16px
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:last-child {
    border-radius: 0 16px 16px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child {
    border-radius: 0 16px 16px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:last-child {
    border-radius: 16px 0 0 16px
}

.arco-btn-size-large {
    border-radius: 2px;
    font-size: 14px;
    height: 36px;
    padding: 0 16px
}

.arco-btn-size-large>span+svg,.arco-btn-size-large>svg+span {
    margin-left: 8px
}

.arco-btn-size-large svg {
    vertical-align: -2px
}

.arco-btn-size-large.arco-btn-rtl>span+svg,.arco-btn-size-large.arco-btn-rtl>svg+span {
    margin-left: 0;
    margin-right: 8px
}

.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 5px;
    padding-right: 5px
}

.arco-btn-size-large.arco-btn-icon-only {
    height: 36px;
    padding: 0;
    width: 36px
}

.arco-btn-size-large.arco-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 36px;
    padding: 0;
    text-align: center;
    width: 36px
}

.arco-btn-size-large.arco-btn-shape-round {
    border-radius: 18px
}

.arco-btn-group .arco-btn-size-large:first-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-size-large:last-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child {
    border-radius: 18px 0 0 18px
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:last-child {
    border-radius: 0 18px 18px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child {
    border-radius: 0 2px 2px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child {
    border-radius: 2px 0 0 2px
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child {
    border-radius: 0 18px 18px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:last-child {
    border-radius: 18px 0 0 18px
}

.arco-btn-group {
    display: inline-block
}

.arco-btn-group .arco-btn-dashed:not(:first-child),.arco-btn-group .arco-btn-outline:not(:first-child) {
    margin-left: -1px
}

.arco-btn-group .arco-btn-primary:not(:last-child) {
    border-right: 1px solid rgb(var(--primary-5))
}

.arco-btn-group .arco-btn-secondary:not(:last-child) {
    border-right: 1px solid #e5e8ef
}

.arco-btn-group .arco-btn-text:not(:last-child) {
    border-right: 1px solid transparent
}

.arco-btn-group .arco-btn-status-warning:not(:last-child) {
    border-right: 1px solid rgb(var(--warning-5))
}

.arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text {
    border-right: 1px solid rgb(var(--warning-2))
}

.arco-btn-group .arco-btn-status-danger:not(:last-child) {
    border-right: 1px solid rgb(var(--danger-5))
}

.arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text {
    border-right: 1px solid rgb(var(--danger-2))
}

.arco-btn-group .arco-btn-status-success:not(:last-child) {
    border-right: 1px solid rgb(var(--success-5))
}

.arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text {
    border-right: 1px solid rgb(var(--success-2))
}

.arco-btn-group .arco-btn-rtl.arco-btn-dashed:not(:first-child),.arco-btn-group .arco-btn-rtl.arco-btn-outline:not(:first-child) {
    margin-left: 0;
    margin-right: -1px
}

.arco-btn-group .arco-btn-rtl.arco-btn-primary:not(:last-child) {
    border-left: 1px solid rgb(var(--primary-5));
    border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) {
    border-left: 1px solid #e5e8ef;
    border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-text:not(:last-child) {
    border-left: 1px solid transparent;
    border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child) {
    border-left: 1px solid rgb(var(--warning-5));
    border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text {
    border-left: 1px solid rgb(var(--warning-2))
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child) {
    border-left: 1px solid rgb(var(--danger-5));
    border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text {
    border-left: 1px solid rgb(var(--danger-2))
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child) {
    border-left: 1px solid rgb(var(--success-5));
    border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text {
    border-left: 1px solid rgb(var(--success-2))
}

.arco-btn-group .arco-btn-dashed:active,.arco-btn-group .arco-btn-dashed:hover,.arco-btn-group .arco-btn-outline:active,.arco-btn-group .arco-btn-outline:hover {
    z-index: 2
}

.arco-btn-group .arco-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.arco-btn-rtl {
    direction: rtl
}

body[arco-theme=dark] .arco-btn-primary.arco-btn-disabled {
    color: hsla(0,0%,100%,.3)
}

.arco-calendar {
    border: 1px solid var(--color-neutral-3);
    box-sizing: border-box
}

.arco-calendar-header {
    display: flex;
    padding: 24px
}

.arco-calendar-header-left {
    align-items: center;
    display: flex;
    flex: 1 1;
    line-height: 28px
}

.arco-calendar-header-left,.arco-calendar-header-right {
    height: 28px;
    position: relative
}

.arco-calendar-header-value {
    color: var(--color-text-1);
    font-size: 20px;
    font-weight: 500
}

.arco-calendar-header-icon {
    background-color: var(--color-bg-5);
    border-radius: 50%;
    color: var(--color-text-2);
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 28px
}

.arco-calendar-header-icon:not(:first-child) {
    margin: 0 12px
}

.arco-calendar-header-icon:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden) {
    cursor: pointer
}

.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover {
    background-color: var(--color-fill-3)
}

.arco-calendar .arco-calendar-header-value-year {
    margin-right: 8px;
    width: 100px
}

.arco-calendar .arco-calendar-header-value-month {
    margin-right: 32px;
    width: 76px
}

.arco-calendar-month {
    width: 100%
}

.arco-calendar-month-row {
    display: flex;
    height: 100px
}

.arco-calendar-month-row .arco-calendar-cell {
    border-bottom: 1px solid var(--color-neutral-3);
    flex: 1 1;
    overflow: hidden
}

.arco-calendar-month-row:last-child .arco-calendar-cell {
    border-bottom: unset
}

.arco-calendar-month-cell-body {
    box-sizing: border-box
}

.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-calendar-week-list {
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    padding: 0;
    width: 100%
}

.arco-calendar-week-list-item {
    color: #7d7d7f;
    flex: 1 1;
    padding: 20px 16px;
    text-align: left
}

.arco-calendar-cell .arco-calendar-date {
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    padding: 10px;
    width: 100%
}

.arco-calendar-cell .arco-calendar-date-circle {
    border-radius: 50%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px
}

.arco-calendar-date-content {
    height: 70px;
    overflow-y: auto
}

.arco-calendar-cell-today .arco-calendar-date-circle {
    border: 1px solid rgb(var(--primary-6));
    box-sizing: border-box
}

.arco-calendar-date-value {
    color: var(--color-text-4);
    font-size: 16px;
    font-weight: 500
}

.arco-calendar-cell-in-view .arco-calendar-date-value {
    color: var(--color-text-1)
}

.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle {
    background-color: rgb(var(--primary-6));
    border: 1px solid rgb(var(--primary-6));
    color: #fff
}

.arco-calendar-mode-year:not(.arco-calendar-panel) {
    min-width: 820px
}

.arco-calendar-mode-year .arco-calendar-header {
    border-bottom: 1px solid var(--color-neutral-3)
}

.arco-calendar-mode-year .arco-calendar-body {
    padding: 12px
}

.arco-calendar-mode-year .arco-calendar-year-row {
    display: flex
}

.arco-calendar-year-row>.arco-calendar-cell {
    flex: 1 1;
    padding: 20px 8px
}

.arco-calendar-year-row>.arco-calendar-cell:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell {
    border-bottom: 1px solid var(--color-neutral-3)
}

.arco-calendar-month-with-days .arco-calendar-month-row {
    height: 26px
}

.arco-calendar-month-with-days .arco-calendar-cell {
    border-bottom: 0
}

.arco-calendar-month-with-days .arco-calendar-month-cell-body {
    padding: 0
}

.arco-calendar-month-with-days .arco-calendar-month-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 6px
}

.arco-calendar-month-cell {
    font-size: 12px;
    width: 100%
}

.arco-calendar-month-cell .arco-calendar-week-list {
    border-bottom: unset;
    padding: 0
}

.arco-calendar-month-cell .arco-calendar-week-list-item {
    color: #7d7d7f;
    padding: 6px;
    text-align: center
}

.arco-calendar-month-cell .arco-calendar-cell {
    text-align: center
}

.arco-calendar-month-cell .arco-calendar-date {
    padding: 2px
}

.arco-calendar-month-cell .arco-calendar-date-value {
    font-size: 14px
}

.arco-calendar-month-cell .arco-calendar-date-circle {
    border-radius: 50%;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 22px
}

.arco-calendar-panel {
    background-color: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3)
}

.arco-calendar-panel .arco-calendar-header {
    border-bottom: 1px solid var(--color-neutral-3);
    padding: 8px 16px
}

.arco-calendar-panel .arco-calendar-header-value {
    flex: 1 1;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.arco-calendar-panel .arco-calendar-header-icon {
    height: 24px;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    width: 24px
}

.arco-calendar-panel .arco-calendar-body {
    padding: 14px 16px
}

.arco-calendar-panel .arco-calendar-month-cell-body {
    padding: 0
}

.arco-calendar-panel .arco-calendar-month-row {
    height: unset
}

.arco-calendar-panel .arco-calendar-week-list {
    border-bottom: unset;
    padding: 0
}

.arco-calendar-panel .arco-calendar-week-list-item {
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center
}

.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell {
    border-bottom: 0;
    border-right: 0;
    box-sizing: border-box;
    padding: 2px 0;
    text-align: center
}

.arco-calendar-panel .arco-calendar-cell .arco-calendar-date {
    display: flex;
    justify-content: center;
    padding: 4px 0
}

.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value {
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell {
    padding: 4px 0
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date {
    padding: 4px
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value {
    border-radius: 12px;
    width: 100%
}

.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    color: var(--color-white)
}

.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover {
    background-color: var(--color-primary-light-1);
    border-radius: 50%;
    color: rgb(var(--primary-6))
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover {
    border-radius: 12px
}

.arco-calendar-panel .arco-calendar-cell-today {
    position: relative
}

.arco-calendar-panel .arco-calendar-cell-today:after {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 4px
}

.arco-calendar-cell-in-range .arco-calendar-date {
    background-color: var(--color-primary-light-1)
}

.arco-calendar-cell-range-start .arco-calendar-date {
    border-radius: 16px 0 0 16px
}

.arco-calendar-cell-range-end .arco-calendar-date {
    border-radius: 0 16px 16px 0
}

.arco-calendar-cell-in-range-near-hover .arco-calendar-date {
    border-radius: 0
}

.arco-calendar-cell-range-end .arco-calendar-date-value,.arco-calendar-cell-range-start .arco-calendar-date-value {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    color: var(--color-white)
}

.arco-calendar-cell-hover-in-range .arco-calendar-date {
    background-color: var(--color-primary-light-1)
}

.arco-calendar-cell-hover-range-start .arco-calendar-date {
    border-radius: 16px 0 0 16px
}

.arco-calendar-cell-hover-range-end .arco-calendar-date {
    border-radius: 0 16px 16px 0
}

.arco-calendar-cell-hover-range-end .arco-calendar-date-value,.arco-calendar-cell-hover-range-start .arco-calendar-date-value {
    background-color: var(--color-primary-light-2);
    border-radius: 50%;
    color: var(--color-text-1)
}

.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date {
    background-color: var(--color-fill-1);
    cursor: not-allowed
}

.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value {
    background-color: var(--color-fill-1);
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-calendar-panel .arco-calendar-footer-btn-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    text-align: center
}

.arco-calendar-rtl {
    direction: rtl
}

.arco-calendar-rtl .arco-calendar-header-icon {
    margin-left: 12px;
    margin-right: 0;
    transform: scaleX(-1)
}

.arco-calendar-rtl .arco-calendar-week-list-item {
    text-align: right
}

.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) {
    border-left: 1px solid var(--color-neutral-3);
    border-right: 0
}

.arco-calendar-rtl .arco-calendar-header-value-year {
    margin-left: 8px;
    margin-right: 0
}

.arco-calendar-rtl .arco-calendar-header-value-month {
    margin-left: 32px;
    margin-right: 0
}

.arco-card {
    background: var(--color-bg-2);
    border-radius: 2px;
    position: relative;
    transition: box-shadow .2s linear
}

.arco-card-header {
    align-items: center;
    border-bottom: 0 solid #e5e8ef;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.arco-card-header-no-title:before {
    content: " ";
    display: block
}

.arco-card-header-title {
    color: var(--color-text-1);
    flex: 1 1;
    font-weight: 500
}

.arco-card-header-extra,.arco-card-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-card-header-extra {
    color: #4e5969
}

.arco-card-body {
    color: var(--color-text-2)
}

.arco-card-cover {
    overflow: hidden
}

.arco-card-cover>* {
    display: block;
    width: 100%
}

.arco-card-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

.arco-card-actions:before {
    content: "";
    visibility: hidden
}

.arco-card-actions-item,.arco-card-actions-right {
    align-items: center;
    display: flex
}

.arco-card-actions-item {
    color: var(--color-text-2);
    cursor: pointer;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s linear;
    white-space: nowrap
}

.arco-card-actions-item:hover {
    color: rgb(var(--primary-6))
}

.arco-card-actions-item:not(:last-child) {
    margin-right: 12px
}

.arco-card-meta-footer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.arco-card-meta-footer:last-child {
    margin-top: 16px
}

.arco-card-meta-footer-only-actions:before {
    content: "";
    visibility: hidden
}

.arco-card-meta-footer .arco-card-actions {
    margin-top: 0
}

.arco-card-meta-title {
    color: var(--color-text-1);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-card-meta-description:not(:first-child) {
    margin-top: 4px
}

.arco-card-grid {
    box-shadow: 1px 0 0 0 #e5e8ef,0 1px 0 0 #e5e8ef,1px 1px 0 0 #e5e8ef,inset 1px 0 0 0 #e5e8ef,inset 0 1px 0 0 #e5e8ef;
    box-sizing: border-box;
    position: relative;
    width: 33.33%
}

.arco-card-grid:before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow .2s linear
}

.arco-card-grid-hoverable:hover {
    z-index: 1
}

.arco-card-grid-hoverable:hover:before {
    box-shadow: 0 4px 10px rgb(var(--gray-2))
}

.arco-card-grid .arco-card {
    background: none;
    box-shadow: none
}

.arco-card-contain-grid:not(.arco-card-loading)>.arco-card-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px;
    padding: 0
}

.arco-card-hoverable:hover {
    box-shadow: 0 4px 10px rgb(var(--gray-2))
}

.arco-card-bordered {
    border: 1px solid #e5e8ef;
    border-radius: 2px
}

.arco-card-bordered .arco-card-cover {
    border-radius: 2px 2px 0 0
}

.arco-card-loading .arco-card-body {
    overflow: hidden;
    text-align: center
}

.arco-card-size-default {
    font-size: 12px
}

.arco-card-size-default .arco-card-header {
    height: 54px;
    padding-left: 20px;
    padding-right: 20px
}

.arco-card-size-default .arco-card-header-title,.arco-card-size-default .arco-card-meta-title {
    font-size: 14px
}

.arco-card-size-default .arco-card-header-extra {
    font-size: 16px
}

.arco-card-size-default .arco-card-body {
    padding: 16px 20px
}

.arco-card-size-small {
    font-size: 12px
}

.arco-card-size-small .arco-card-header {
    height: 54px;
    padding-left: 16px;
    padding-right: 16px
}

.arco-card-size-small .arco-card-header-extra,.arco-card-size-small .arco-card-header-title,.arco-card-size-small .arco-card-meta-title {
    font-size: 14px
}

.arco-card-size-small .arco-card-body {
    padding: 16px
}

.arco-card-rtl .arco-card-actions-item:not(:last-child) {
    margin-left: 12px;
    margin-right: 0
}

body[arco-theme=dark] .arco-card-grid-hoverable:hover:before,body[arco-theme=dark] .arco-card-hoverable:hover {
    box-shadow: 0 4px 10px rgba(var(--gray-1),40%)
}

@-webkit-keyframes arco-carousel-slide-x-in {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes arco-carousel-slide-x-in {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes arco-carousel-slide-x-out {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes arco-carousel-slide-x-out {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes arco-carousel-slide-x-in-reverse {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes arco-carousel-slide-x-in-reverse {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes arco-carousel-slide-x-out-reverse {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes arco-carousel-slide-x-out-reverse {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes arco-carousel-slide-y-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes arco-carousel-slide-y-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes arco-carousel-slide-y-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes arco-carousel-slide-y-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes arco-carousel-slide-y-in-reverse {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes arco-carousel-slide-y-in-reverse {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes arco-carousel-slide-y-out-reverse {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes arco-carousel-slide-y-out-reverse {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@-webkit-keyframes arco-carousel-card-bottom-to-middle {
    0% {
        opacity: 0;
        transform: translateX(0) translateZ(-400px)
    }

    to {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }
}

@keyframes arco-carousel-card-bottom-to-middle {
    0% {
        opacity: 0;
        transform: translateX(0) translateZ(-400px)
    }

    to {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-bottom {
    0% {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }

    to {
        opacity: 0;
        transform: translateX(-100%) translateZ(-400px)
    }
}

@keyframes arco-carousel-card-middle-to-bottom {
    0% {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }

    to {
        opacity: 0;
        transform: translateX(-100%) translateZ(-400px)
    }
}

@-webkit-keyframes arco-carousel-card-top-to-middle {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }

    to {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }
}

@keyframes arco-carousel-card-top-to-middle {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }

    to {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-top {
    0% {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }
}

@keyframes arco-carousel-card-middle-to-top {
    0% {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }
}

@-webkit-keyframes arco-carousel-card-bottom-to-middle-reverse {
    0% {
        opacity: 0;
        transform: translateX(-100%) translateZ(-400px)
    }

    to {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }
}

@keyframes arco-carousel-card-bottom-to-middle-reverse {
    0% {
        opacity: 0;
        transform: translateX(-100%) translateZ(-400px)
    }

    to {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-bottom-reverse {
    0% {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateZ(-400px)
    }
}

@keyframes arco-carousel-card-middle-to-bottom-reverse {
    0% {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateZ(-400px)
    }
}

@-webkit-keyframes arco-carousel-card-top-to-middle-reverse {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }

    to {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }
}

@keyframes arco-carousel-card-top-to-middle-reverse {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }

    to {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-top-reverse {
    0% {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }
}

@keyframes arco-carousel-card-middle-to-top-reverse {
    0% {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }
}

.arco-carousel {
    position: relative
}

.arco-carousel-indicator-position-outer {
    margin-bottom: 30px
}

.arco-carousel-card,.arco-carousel-fade,.arco-carousel-slide {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.arco-carousel-card>*,.arco-carousel-fade>*,.arco-carousel-slide>* {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-carousel-item-current {
    position: relative;
    z-index: 1
}

.arco-carousel-slide>:not(.arco-carousel-item-current) {
    visibility: hidden
}

.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out {
    -webkit-animation: arco-carousel-slide-x-out;
    animation: arco-carousel-slide-x-out;
    display: block
}

.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in {
    -webkit-animation: arco-carousel-slide-x-in;
    animation: arco-carousel-slide-x-in;
    display: block
}

.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out {
    -webkit-animation: arco-carousel-slide-x-out-reverse;
    animation: arco-carousel-slide-x-out-reverse
}

.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in {
    -webkit-animation: arco-carousel-slide-x-in-reverse;
    animation: arco-carousel-slide-x-in-reverse
}

.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out {
    -webkit-animation: arco-carousel-slide-y-out;
    animation: arco-carousel-slide-y-out;
    display: block
}

.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in {
    -webkit-animation: arco-carousel-slide-y-in;
    animation: arco-carousel-slide-y-in;
    display: block
}

.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out {
    -webkit-animation: arco-carousel-slide-y-out-reverse;
    animation: arco-carousel-slide-y-out-reverse
}

.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in {
    -webkit-animation: arco-carousel-slide-y-in-reverse;
    animation: arco-carousel-slide-y-in-reverse
}

.arco-carousel-card {
    perspective: 800px
}

.arco-carousel-card>* {
    -webkit-animation: arco-carousel-card-middle-to-bottom;
    animation: arco-carousel-card-middle-to-bottom;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateZ(-400px)
}

.arco-carousel-card .arco-carousel-item-prev {
    -webkit-animation: arco-carousel-card-top-to-middle;
    animation: arco-carousel-card-top-to-middle;
    opacity: .4;
    transform: translateX(-100%) translateZ(-200px)
}

.arco-carousel-card .arco-carousel-item-next {
    -webkit-animation: arco-carousel-card-bottom-to-middle;
    animation: arco-carousel-card-bottom-to-middle;
    opacity: .4;
    transform: translateX(0) translateZ(-200px)
}

.arco-carousel-card .arco-carousel-item-current {
    -webkit-animation: arco-carousel-card-middle-to-top;
    animation: arco-carousel-card-middle-to-top;
    opacity: 1;
    transform: translateX(-50%) translateZ(0)
}

.arco-carousel-card.arco-carousel-negative>* {
    -webkit-animation: arco-carousel-card-middle-to-bottom-reverse;
    animation: arco-carousel-card-middle-to-bottom-reverse
}

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev {
    -webkit-animation: arco-carousel-card-bottom-to-middle-reverse;
    animation: arco-carousel-card-bottom-to-middle-reverse
}

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next {
    -webkit-animation: arco-carousel-card-top-to-middle-reverse;
    animation: arco-carousel-card-top-to-middle-reverse
}

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current {
    -webkit-animation: arco-carousel-card-middle-to-top-reverse;
    animation: arco-carousel-card-middle-to-top-reverse
}

.arco-carousel-fade>* {
    left: 50%;
    opacity: 0;
    transform: translateX(-50%)
}

.arco-carousel-fade .arco-carousel-item-current {
    opacity: 1
}

.arco-carousel-indicator {
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute
}

.arco-carousel-indicator-wrapper {
    position: absolute;
    z-index: 2
}

.arco-carousel-indicator-wrapper-top {
    background: linear-gradient(180deg,rgba(0,0,0,.15),transparent 87%);
    height: 48px;
    left: 0;
    right: 0;
    top: 0
}

.arco-carousel-indicator-wrapper-bottom {
    background: linear-gradient(180deg,transparent 13%,rgba(0,0,0,.15));
    bottom: 0;
    height: 48px;
    left: 0;
    right: 0
}

.arco-carousel-indicator-wrapper-left {
    background: linear-gradient(90deg,rgba(0,0,0,.15),transparent 87%);
    height: 100%;
    left: 0;
    top: 0;
    width: 48px
}

.arco-carousel-indicator-wrapper-right {
    background: linear-gradient(90deg,transparent 13%,rgba(0,0,0,.15));
    height: 100%;
    right: 0;
    top: 0;
    width: 48px
}

.arco-carousel-indicator-wrapper-outer {
    background: none;
    left: 0;
    right: 0
}

.arco-carousel-indicator-bottom {
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%)
}

.arco-carousel-indicator-top {
    left: 50%;
    top: 12px;
    transform: translateX(-50%)
}

.arco-carousel-indicator-left {
    left: 12px;
    top: 50%;
    transform: translate(-50%,-50%) rotate(90deg)
}

.arco-carousel-indicator-right {
    right: 12px;
    top: 50%;
    transform: translate(50%,-50%) rotate(90deg)
}

.arco-carousel-indicator-outer {
    background-color: transparent;
    border-radius: 20px;
    left: 50%;
    padding: 4px;
    transform: translateX(-50%)
}

.arco-carousel-indicator-outer.arco-carousel-indicator-dot {
    bottom: -22px
}

.arco-carousel-indicator-outer.arco-carousel-indicator-line {
    bottom: -20px
}

.arco-carousel-indicator-outer.arco-carousel-indicator-slider {
    background-color: rgba(var(--gray-4),.5);
    bottom: -16px;
    padding: 0
}

.arco-carousel-indicator-outer .arco-carousel-indicator-item {
    background-color: rgba(var(--gray-4),.5)
}

.arco-carousel-indicator-outer .arco-carousel-indicator-item-active,.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover {
    background-color: var(--color-fill-4)
}

.arco-carousel-indicator-item {
    background-color: hsla(0,0%,100%,.3);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    display: inline-block
}

.arco-carousel-indicator-item-active,.arco-carousel-indicator-item:hover {
    background-color: var(--color-white)
}

.arco-carousel-indicator-dot .arco-carousel-indicator-item {
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) {
    margin-right: 8px
}

.arco-carousel-indicator-line .arco-carousel-indicator-item {
    height: 4px;
    width: 12px
}

.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) {
    margin-right: 8px
}

.arco-carousel-indicator-slider {
    background-color: hsla(0,0%,100%,.3);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    height: 4px;
    width: 48px
}

.arco-carousel-indicator-slider .arco-carousel-indicator-item {
    height: 100%;
    position: absolute;
    top: 0;
    transition: left .3s
}

.arco-carousel-arrow>div {
    align-items: center;
    background-color: hsla(0,0%,100%,.3);
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    z-index: 2
}

.arco-carousel-arrow>div:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-carousel-arrow>div>svg {
    color: var(--color-white);
    font-size: 14px
}

.arco-carousel-arrow>div:hover {
    background-color: hsla(0,0%,100%,.5)
}

.arco-carousel-arrow-left {
    left: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-carousel-arrow-right {
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-carousel-arrow-top {
    left: 50%;
    top: 12px;
    transform: translateX(-50%)
}

.arco-carousel-arrow-bottom {
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%)
}

.arco-carousel-arrow-hover div {
    opacity: 0;
    transition: all .3s
}

.arco-carousel:hover .arco-carousel-arrow-hover div {
    opacity: 1
}

.arco-carousel-rtl .arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child),.arco-carousel-rtl .arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) {
    margin-left: 8px;
    margin-right: 0
}

body[arco-theme=dark] .arco-carousel-arrow>div {
    background-color: rgba(var(--gray-1),.3)
}

body[arco-theme=dark] .arco-carousel-arrow>div:hover {
    background-color: rgba(var(--gray-1),.5)
}

body[arco-theme=dark] .arco-carousel-indicator-item,body[arco-theme=dark] .arco-carousel-indicator-slider {
    background-color: rgba(var(--gray-1),.3)
}

body[arco-theme=dark] .arco-carousel-indicator-item-active,body[arco-theme=dark] .arco-carousel-indicator-item:hover {
    background-color: var(--color-white)
}

body[arco-theme=dark] .arco-carousel-indicator-outer.arco-carousel-indicator-slider {
    background-color: rgba(var(--gray-4),.5)
}

body[arco-theme=dark] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active,body[arco-theme=dark] .arco-carousel-indicator-outer .arco-carousel-indicator-item:hover {
    background-color: var(--color-fill-4)
}

.arco-cascader .arco-cascader-view {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    color: var(--color-neutral-10)
}

.arco-cascader:hover .arco-cascader-view {
    background-color: #e5e8ef;
    border-color: transparent
}

.arco-cascader.arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 rgb(var(--primary-1));
    color: var(--color-neutral-10)
}

.arco-cascader .arco-cascader-arrow-icon,.arco-cascader .arco-cascader-clear-icon,.arco-cascader .arco-cascader-expand-icon,.arco-cascader .arco-cascader-loading-icon,.arco-cascader .arco-cascader-search-icon,.arco-cascader .arco-cascader-suffix-icon {
    color: var(--color-text-2)
}

.arco-cascader-error .arco-cascader-view {
    background-color: rgb(var(--danger-1));
    border: 1px solid transparent
}

.arco-cascader-error:hover .arco-cascader-view {
    background-color: rgb(var(--danger-2));
    border-color: transparent
}

.arco-cascader-error.arco-cascader-focused .arco-cascader-view {
    background-color: #fff;
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 rgb(var(--danger-1));
    color: var(--color-neutral-10)
}

.arco-cascader-warning .arco-cascader-view {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent
}

.arco-cascader-warning:hover .arco-cascader-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-cascader-warning.arco-cascader-focused .arco-cascader-view {
    background-color: #fff;
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
    color: var(--color-neutral-10)
}

.arco-cascader-disabled .arco-cascader-view {
    background-color: #f6f7fb;
    border: 1px solid transparent;
    color: var(--color-neutral-4)
}

.arco-cascader-disabled:hover .arco-cascader-view {
    background-color: #f6f7fb;
    border-color: transparent
}

.arco-cascader-disabled .arco-cascader-arrow-icon,.arco-cascader-disabled .arco-cascader-clear-icon,.arco-cascader-disabled .arco-cascader-expand-icon,.arco-cascader-disabled .arco-cascader-loading-icon,.arco-cascader-disabled .arco-cascader-search-icon,.arco-cascader-disabled .arco-cascader-suffix-icon {
    color: var(--color-text-4)
}

.arco-cascader-no-border .arco-cascader-view {
    background: none!important;
    border: none!important
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 8px
}

.arco-cascader-size-mini.arco-cascader-multiple input {
    font-size: 12px
}

.arco-cascader-size-mini.arco-cascader-single .arco-cascader-view {
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    padding: 0 11px
}

.arco-cascader-size-mini.arco-cascader-single input {
    font-size: 12px
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 11px
}

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 8px
}

.arco-cascader-size-small.arco-cascader-multiple input {
    font-size: 12px
}

.arco-cascader-size-small.arco-cascader-single .arco-cascader-view {
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    padding: 0 11px
}

.arco-cascader-size-small.arco-cascader-single input {
    font-size: 12px
}

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 11px
}

.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 8px
}

.arco-cascader-size-default.arco-cascader-multiple input {
    font-size: 12px
}

.arco-cascader-size-default.arco-cascader-single .arco-cascader-view {
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding: 0 11px
}

.arco-cascader-size-default.arco-cascader-single input {
    font-size: 12px
}

.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 11px
}

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view {
    font-size: 14px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 8px
}

.arco-cascader-size-large.arco-cascader-multiple input {
    font-size: 14px
}

.arco-cascader-size-large.arco-cascader-single .arco-cascader-view {
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    padding: 0 11px
}

.arco-cascader-size-large.arco-cascader-single input {
    font-size: 14px
}

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 11px
}

.arco-cascader {
    cursor: pointer;
    display: inline-block
}

.arco-cascader,.arco-cascader-view {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.arco-cascader-view {
    border-radius: var(--border-radius-small);
    display: flex;
    outline: none;
    text-align: left;
    transition: all .1s linear,padding 0s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-cascader-view input {
    color: inherit;
    cursor: inherit
}

.arco-cascader-view input::-webkit-input-placeholder {
    color: var(--color-neutral-6)
}

.arco-cascader-view input::-moz-placeholder {
    color: var(--color-neutral-6)
}

.arco-cascader-view input::-ms-input-placeholder {
    color: var(--color-neutral-6)
}

.arco-cascader-view input::placeholder {
    color: var(--color-neutral-6)
}

.arco-cascader-view input[disabled] {
    pointer-events: none
}

.arco-cascader-multiple,.arco-cascader-show-search {
    cursor: text
}

.arco-cascader-disabled {
    cursor: not-allowed
}

.arco-cascader-disabled .arco-cascader-view input::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-cascader-disabled .arco-cascader-view input::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-cascader-disabled .arco-cascader-view input::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-cascader-disabled .arco-cascader-view input::placeholder {
    color: var(--color-text-4)
}

.arco-cascader-single .arco-cascader-view-input {
    background: transparent;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-cascader-single .arco-cascader-view-selector {
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-input {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-value-mirror {
    opacity: 0
}

.arco-cascader-single .arco-cascader-view-value,.arco-cascader-single .arco-cascader-view-value-mirror {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-cascader-single .arco-cascader-view-value-mirror:after,.arco-cascader-single .arco-cascader-view-value:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.arco-cascader-single .arco-cascader-view .arco-cascader-hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.arco-cascader-multiple {
    vertical-align: top
}

.arco-cascader-multiple .arco-cascader-view {
    line-height: 0;
    padding: 0 4px
}

.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 12px
}

.arco-cascader-multiple .arco-input-tag {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    flex: 1 1;
    overflow: hidden;
    padding: 0
}

.arco-cascader-multiple .arco-tag {
    max-width: 100%
}

.arco-cascader-multiple:not(.arco-cascader-focused) .arco-input-tag input:not(:first-child)[value=""] {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.arco-cascader-prefix {
    align-items: center;
    color: var(--color-text-2);
    display: flex;
    margin-right: 12px;
    white-space: nowrap
}

.arco-cascader-suffix {
    align-items: center;
    display: flex;
    margin-left: 4px
}

.arco-cascader-clear-icon,.arco-cascader-expand-icon,.arco-cascader-loading-icon,.arco-cascader-search-icon,.arco-cascader-suffix-icon {
    font-size: 12px;
    transition: all .1s linear
}

.arco-cascader-arrow-icon {
    font-size: 12px
}

.arco-cascader-open .arco-cascader-arrow-icon svg {
    transform: rotate(180deg)
}

.arco-cascader .arco-cascader-clear-icon {
    cursor: pointer;
    display: none
}

.arco-cascader .arco-cascader-clear-icon>svg {
    position: relative;
    transition: all .1s linear
}

.arco-cascader:hover .arco-cascader-clear-icon {
    display: block
}

.arco-cascader:hover .arco-cascader-clear-icon~* {
    display: none
}

.arco-cascader-wrapper {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.arco-cascader-wrapper .arco-cascader {
    min-width: 0
}

.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:first-child) .arco-cascader-view {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:last-child) .arco-cascader-view {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.arco-cascader-addbefore {
    align-items: center;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-bottom-left-radius: var(--border-radius-small);
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    color: var(--color-text-1);
    display: flex;
    padding: 0 12px;
    white-space: nowrap
}

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-cascader-wrapper-rtl .arco-cascader-addbefore {
    border-left: 1px solid var(--color-border-2);
    border-right: unset
}

.arco-cascader-rtl .arco-cascader-view {
    text-align: right
}

.arco-cascader-rtl .arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 12px
}

.arco-cascader-rtl .arco-cascader-prefix {
    margin-left: 12px;
    margin-right: 0
}

.arco-cascader-rtl .arco-cascader-suffix {
    margin-left: 0;
    margin-right: 4px
}

.arco-cascader-popup {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    box-sizing: border-box;
    overflow: hidden;
    top: 4px
}

.arco-cascader-popup-trigger-hover .arco-cascader-list-item {
    transition: font-weight 0s
}

.arco-cascader-popup .arco-cascader-popup-inner {
    height: 200px;
    list-style: none;
    white-space: nowrap;
    width: 100%
}

.arco-cascader-highlight {
    font-weight: 500
}

.arco-cascader-list-column {
    background-color: var(--color-bg-popup);
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top
}

.arco-cascader-list-column-virtual {
    width: 120px
}

.arco-cascader-list-column:not(:last-of-type) {
    border-right: 1px solid var(--color-fill-3)
}

.arco-cascader-list-wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 6px 0;
    position: relative;
    white-space: nowrap
}

.arco-cascader-list-wrapper-with-footer {
    padding-bottom: 0
}

.arco-cascader-list-empty {
    align-items: center;
    display: flex;
    height: 100%
}

.arco-cascader-list {
    box-sizing: border-box;
    flex: 1 1;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 0
}

.arco-cascader-list-item,.arco-cascader-list-search-item {
    background-color: transparent;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    min-width: 100px;
    position: relative
}

.arco-cascader-list-item-label,.arco-cascader-list-search-item-label {
    flex-grow: 1;
    padding-left: 12px;
    padding-right: 34px
}

.arco-cascader-list-item .arco-icon-check,.arco-cascader-list-item .arco-icon-right,.arco-cascader-list-search-item .arco-icon-check,.arco-cascader-list-search-item .arco-icon-right {
    color: var(--color-neutral-8);
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-cascader-list-item .arco-icon-check,.arco-cascader-list-search-item .arco-icon-check {
    color: rgb(var(--primary-6))
}

.arco-cascader-list-item .arco-icon-loading,.arco-cascader-list-search-item .arco-icon-loading {
    color: rgb(var(--primary-6));
    font-size: 12px;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%
}

.arco-cascader-list-item:hover,.arco-cascader-list-search-item-hover {
    background-color: var(--color-fill-2);
    color: var(--color-neutral-10)
}

.arco-cascader-list-item:hover .arco-checkbox input,.arco-cascader-list-search-item-hover .arco-checkbox input {
    display: none
}

.arco-cascader-list-item:hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover:before,.arco-cascader-list-search-item-hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover:before {
    background-color: #f2f3f8
}

.arco-cascader-list-item-disabled,.arco-cascader-list-item-disabled:hover,.arco-cascader-list-search-item-disabled,.arco-cascader-list-search-item-disabled:hover {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-cascader-list-item-disabled .arco-icon-right,.arco-cascader-list-item-disabled:hover .arco-icon-right,.arco-cascader-list-search-item-disabled .arco-icon-right,.arco-cascader-list-search-item-disabled:hover .arco-icon-right {
    color: inherit
}

.arco-cascader-list-item-disabled .arco-icon-check,.arco-cascader-list-item-disabled:hover .arco-icon-check,.arco-cascader-list-search-item-disabled .arco-icon-check,.arco-cascader-list-search-item-disabled:hover .arco-icon-check {
    color: var(--color-primary-light-3)
}

.arco-cascader-list-item-active {
    transition: all .2s linear
}

.arco-cascader-list-item-active,.arco-cascader-list-item-active:hover {
    background-color: var(--color-fill-2);
    color: var(--color-neutral-10);
    font-weight: 500
}

.arco-cascader-list-item-active.arco-cascader-list-item-disabled,.arco-cascader-list-item-active.arco-cascader-list-item-disabled:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
    font-weight: 500
}

.arco-cascader-list-multiple .arco-cascader-list-item-label {
    padding-left: 0
}

.arco-cascader-list-multiple .arco-cascader-list-item,.arco-cascader-list-multiple .arco-cascader-list-search-item {
    padding-left: 12px
}

.arco-cascader-list-multiple .arco-cascader-list-item .arco-checkbox,.arco-cascader-list-multiple .arco-cascader-list-search-item .arco-checkbox {
    margin-right: 8px;
    padding-left: 0
}

.arco-cascader-list-search.arco-cascader-list-multiple .arco-cascader-list-item-label {
    padding-right: 12px
}

.arco-cascader-list-footer {
    border-top: 1px solid var(--color-fill-3);
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding-left: 12px
}

.cascaderSlide-appear-active,.cascaderSlide-enter-active {
    transition: margin .3s cubic-bezier(.34,.69,.1,1)
}

.arco-cascader-list-column-rtl {
    direction: rtl
}

.arco-cascader-list-column-rtl:not(:last-of-type) {
    border-left: 1px solid var(--color-fill-3);
    border-right: none
}

.arco-cascader-list-rtl .arco-cascader-list-item-label,.arco-cascader-list-rtl .arco-cascader-list-search-item-label {
    padding-left: 34px;
    padding-right: 12px
}

.arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-check,.arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-left,.arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-check,.arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-left {
    color: var(--color-neutral-8);
    font-size: 12px;
    left: 10px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.arco-cascader-list-rtl .arco-cascader-list-footer {
    padding-left: 0;
    padding-right: 12px
}

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item-label {
    padding-right: 0
}

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item,.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item {
    padding-right: 12px
}

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item .arco-checkbox,.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item .arco-checkbox {
    margin-left: 8px;
    padding-right: 0
}

.arco-cascader-list-rtl.arco-cascader-multiple.arco-cascader-list-search .arco-cascader-list-item-label {
    padding-left: 12px;
    padding-right: 0
}

.arco-checkbox {
    font-size: 12px
}

.arco-checkbox>input[type=checkbox]:focus-visible+.arco-checkbox-icon-hover:before {
    background-color: #e5e8ef
}

.arco-checkbox:hover .arco-checkbox-icon-hover:before {
    background-color: #e5e8ef
}

.arco-checkbox-mask {
    background-color: #fff;
    border: 2px solid var(--color-neutral-4);
    border-radius: 2px
}

.arco-checkbox-mask:after {
    background: #fff
}

.arco-checkbox-mask-icon {
    color: #fff
}

.arco-checkbox:hover .arco-checkbox-mask {
    border-color: var(--color-neutral-4)
}

.arco-checkbox-disabled.arco-checkbox-checked .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    background-color: rgb(var(--primary-3))
}

.arco-checkbox-disabled .arco-checkbox-mask-icon {
    color: #e5e8ef
}

.arco-checkbox-group .arco-checkbox {
    margin-right: 24px
}

.arco-checkbox-group-direction-vertical .arco-checkbox {
    line-height: 20px
}

.arco-checkbox-group-rtl .arco-checkbox {
    margin-left: 24px
}

.arco-icon-hover.arco-collapse-item-icon-hover:before {
    height: 16px;
    width: 16px
}

.arco-icon-hover.arco-collapse-item-icon-hover:hover:before {
    background-color: #f2f3f8
}

.arco-collapse {
    border: 0 solid #f6f7fb;
    border-radius: 2px;
    line-height: 1.5715;
    overflow: hidden
}

.arco-collapse-rtl {
    direction: rtl
}

.arco-collapse-item {
    border-bottom: 1px solid #e5e8ef;
    box-sizing: border-box
}

.arco-collapse-item-active>.arco-collapse-item-header {
    background-color: #fff;
    border-color: #e5e8ef;
    transition: border-color 0s ease 0s
}

.arco-collapse-item-active>.arco-collapse-item-header .arco-collapse-item-header-title {
    font-weight: 500
}

.arco-collapse-item-header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    transition: border-color 0s ease .19s
}

.arco-collapse-item-header[data-active-region=header] {
    cursor: unset
}

.arco-collapse-item-header[data-active-region=header]>.arco-collapse-item-header-title,.arco-collapse-item-header[data-active-region=header]>.arco-icon-hover {
    cursor: pointer
}

.arco-collapse-item-header[data-active-region=icon] {
    cursor: unset
}

.arco-collapse-item-header[data-active-region=icon]>.arco-icon-hover {
    cursor: pointer
}

.arco-collapse-item-header:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-collapse-item-header-left {
    padding-left: 32px;
    padding-right: 12px
}

.arco-collapse-item-header-right {
    padding-left: 12px;
    padding-right: 32px
}

.arco-collapse-item-header-disabled {
    background-color: var(--color-bg-2);
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-collapse-item-header-disabled .arco-collapse-item-header-icon {
    color: var(--color-neutral-4)
}

.arco-collapse-item-header-title {
    display: inline
}

.arco-collapse-item-header-extra {
    float: right
}

.arco-collapse-item .arco-collapse-item-icon-hover {
    left: 12px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.arco-collapse-item .arco-collapse-item-icon-hover-right {
    left: unset;
    right: 12px
}

.arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-90deg)
}

.arco-collapse-item-header-icon {
    color: #4e5969;
    display: block;
    font-size: 16px;
    position: relative;
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    vertical-align: middle
}

.arco-collapse-item-header-icon-down {
    transform: rotate(90deg)
}

.arco-collapse-item-content {
    background-color: #f6f7fb;
    color: var(--color-text-1);
    display: none;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.arco-collapse-item-content-expanded {
    display: block;
    height: auto
}

.arco-collapse-item-content-box {
    padding: 10px 12px 10px 32px
}

.arco-collapse-item.arco-collapse-item-disabled>.arco-collapse-item-content {
    color: var(--color-text-1)
}

.arco-collapse-item-no-icon>.arco-collapse-item-header {
    padding-left: 12px;
    padding-right: 12px
}

.arco-collapse-item:last-of-type {
    border-bottom: none
}

.arco-collapse.arco-collapse-borderless {
    border: none
}

.arco-collapse:after {
    clear: both;
    content: "";
    display: table
}

.arco-comment {
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.5715
}

.arco-comment-inner-comment,.arco-comment:not(:first-of-type) {
    margin-top: 20px
}

.arco-comment-inner {
    flex: 1 1
}

.arco-comment-avatar {
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 12px
}

.arco-comment-avatar>img {
    border-radius: var(--border-radius-circle);
    height: 32px;
    width: 32px
}

.arco-comment-author {
    color: var(--color-neutral-8);
    font-size: 12px;
    margin-right: 8px
}

.arco-comment-datetime {
    color: var(--color-neutral-6);
    font-size: 12px
}

.arco-comment-content {
    color: var(--color-text-1);
    font-size: 12px
}

.arco-comment-title-align-right {
    display: flex;
    justify-content: space-between
}

.arco-comment-actions {
    color: var(--color-neutral-8);
    font-size: 12px;
    margin-top: 8px
}

.arco-comment-actions>:not(:last-child) {
    margin-right: 16px
}

.arco-comment-actions-align-right {
    display: flex;
    justify-content: flex-end
}

.arco-comment-rtl {
    direction: rtl
}

.arco-comment-rtl .arco-comment-title {
    align-items: center;
    display: flex
}

.arco-comment-rtl .arco-comment-avatar {
    margin-left: 12px;
    margin-right: 0
}

.arco-comment-rtl .arco-comment-author {
    margin-left: 8px;
    margin-right: 0
}

.arco-comment-rtl .arco-comment-actions>:not(:last-child) {
    margin-left: 16px;
    margin-right: 0
}

.arco-picker-container,.arco-picker-range-container {
    background-color: var(--color-bg-popup);
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-sizing: border-box;
    min-height: 60px;
    overflow: hidden
}

.arco-picker-container-shortcuts-placement-left,.arco-picker-range-container-shortcuts-placement-left {
    align-items: flex-start;
    display: flex
}

.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts,.arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 8px
}

.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts>*,.arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts>* {
    margin: 5px 0
}

.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper,.arco-picker-container-shortcuts-placement-left .arco-picker-range-panel-wrapper,.arco-picker-range-container-shortcuts-placement-left .arco-picker-panel-wrapper,.arco-picker-range-container-shortcuts-placement-left .arco-picker-range-panel-wrapper {
    border-left: 1px solid #e5e8ef
}

.arco-picker-panel-only,.arco-picker-range-panel-only {
    box-shadow: none
}

.arco-picker-panel-only .arco-panel-date-inner,.arco-picker-range-panel-only .arco-panel-date,.arco-picker-range-panel-only .arco-panel-date-inner,.arco-picker-range-panel-only .arco-panel-month,.arco-picker-range-panel-only .arco-panel-year {
    width: 100%
}

.arco-picker-header {
    border-bottom: 1px solid #e5e8ef;
    display: flex;
    padding: 8px 16px
}

.arco-picker-header-value {
    color: var(--color-text-1);
    flex: 1 1;
    font-size: 14px;
    font-weight: 500
}

.arco-picker-header-icon,.arco-picker-header-value {
    box-sizing: border-box;
    line-height: 24px;
    text-align: center
}

.arco-picker-header-icon {
    background-color: var(--color-bg-popup);
    border-radius: 50%;
    color: #4e5969;
    font-size: 12px;
    height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px
}

.arco-picker-header-icon:not(.arco-picker-header-icon-hidden) {
    cursor: pointer
}

.arco-picker-header-icon:not(.arco-picker-header-icon-hidden):hover {
    background-color: #f2f3f8
}

.arco-picker-header-label {
    border-radius: 2px;
    cursor: pointer;
    padding: 2px;
    transition: all .1s
}

.arco-picker-header-label:hover {
    background-color: var(--color-fill-3)
}

.arco-picker-body {
    padding: 14px 16px
}

.arco-picker-week-list {
    box-sizing: border-box;
    display: flex;
    padding: 14px 16px 0;
    width: 100%
}

.arco-picker-week-list-item {
    color: var(--color-text-2);
    flex: 1 1;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center
}

.arco-picker-row {
    display: flex
}

.arco-picker-cell {
    cursor: pointer;
    flex: 1 1;
    padding: 2px 0;
    position: relative
}

.arco-picker-cell .arco-picker-date {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 4px 0;
    width: 100%
}

.arco-picker-date-value {
    border-radius: 24px;
    color: var(--color-neutral-4);
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    text-align: center
}

.arco-picker-cell-in-view .arco-picker-date-value {
    color: var(--color-neutral-10);
    font-weight: 400
}

.arco-picker-cell:hover .arco-picker-date-value {
    background-color: #f2f3f8;
    color: var(--color-text-1)
}

.arco-picker-cell-today {
    position: relative
}

.arco-picker-cell-today:after {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    bottom: -2px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 4px
}

.arco-picker-cell-in-range .arco-picker-date {
    background-color: var(--color-primary-light-1)
}

.arco-picker-cell-hover-range-start .arco-picker-date,.arco-picker-cell-range-start .arco-picker-date {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.arco-picker-cell-hover-range-end .arco-picker-date,.arco-picker-cell-range-end .arco-picker-date {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.arco-picker-cell-range-end:hover .arco-picker-date-value,.arco-picker-cell-range-start:hover .arco-picker-date-value {
    background-color: unset
}

.arco-picker-cell-disabled .arco-picker-date {
    background-color: #f6f7fb;
    cursor: not-allowed
}

.arco-picker-cell-disabled .arco-picker-date-value,.arco-picker-cell-disabled:hover .arco-picker-date-value {
    background-color: transparent;
    color: var(--color-neutral-4)
}

.arco-picker-cell-selected .arco-picker-date-value,.arco-picker-cell-selected:hover .arco-picker-date-value {
    background-color: rgb(var(--primary-6));
    color: #fff;
    transition: background-color .1s linear
}

.arco-picker-cell-hover-in-range .arco-picker-date,.arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value,.arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value {
    background-color: var(--color-primary-light-2)
}

.arco-picker-cell-hover-range-edge-in-range .arco-picker-date,.arco-picker-cell-range-edge-in-hover-range .arco-picker-date {
    border-radius: 0
}

.arco-picker-cell-hidden .arco-picker-date {
    display: none
}

.arco-picker-footer {
    min-width: 100%;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.arco-picker-footer-btn-wrapper {
    align-items: center;
    border-top: 1px solid #e5e8ef;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 3px 8px
}

.arco-picker-footer-extra-wrapper {
    border-top: 1px solid #e5e8ef;
    box-sizing: border-box;
    color: var(--color-text-1);
    font-size: 12px;
    padding: 8px 24px
}

.arco-picker-footer-now-wrapper {
    border-top: 1px solid #e5e8ef;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.arco-picker-btn-select-date,.arco-picker-btn-select-time {
    margin-right: 8px
}

.arco-picker-btn-confirm {
    margin: 5px 0
}

.arco-picker-shortcuts {
    flex: 1 1
}

.arco-picker-shortcuts>* {
    margin: 5px 10px 5px 0
}

.arco-panel-date {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.arco-panel-date-inner {
    width: 265px
}

.arco-panel-date-inner .arco-picker-body {
    padding-top: 0
}

.arco-panel-date-timepicker {
    display: flex;
    flex-direction: column
}

.arco-panel-date-timepicker-title {
    border-bottom: 1px solid #e5e8ef;
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

.arco-panel-date-timepicker .arco-timepicker {
    height: 276px;
    overflow: hidden;
    padding: 0 6px;
    width: 265px
}

.arco-panel-date-timepicker .arco-timepicker-list {
    box-sizing: border-box;
    height: 100%;
    padding: 0 4px;
    width: 100%
}

.arco-panel-date-timepicker .arco-timepicker-list:not(:last-child) {
    border-right: 0
}

.arco-panel-date-timepicker .arco-timepicker ul:after {
    height: 244px
}

.arco-panel-date-timepicker .arco-timepicker-cell {
    width: 100%
}

.arco-panel-date-holder {
    border-top: 1px solid #e5e8ef;
    display: flex;
    width: 100%
}

.arco-panel-date-holder-btn {
    align-items: center;
    box-sizing: border-box;
    color: var(--color-text-3);
    cursor: pointer;
    display: flex;
    flex: 1 1;
    font-size: 16px;
    height: 50px;
    justify-content: center;
    transition: color .2s
}

.arco-panel-date-holder-btn:first-child {
    border-right: 1px solid #e5e8ef
}

.arco-panel-date-holder-btn-active,.arco-panel-date-holder-btn:active,.arco-panel-date-holder-btn:hover {
    color: var(--color-text-1)
}

.arco-panel-date-holder-btn-value {
    margin-left: 8px
}

.arco-panel-date:first-child .arco-panel-date-holder {
    border-right: 1px solid #e5e8ef
}

.arco-panel-month,.arco-panel-quarter,.arco-panel-year {
    box-sizing: border-box;
    width: 265px
}

.arco-panel-month .arco-picker-date,.arco-panel-quarter .arco-picker-date,.arco-panel-year .arco-picker-date {
    padding: 4px
}

.arco-panel-month .arco-picker-date-value,.arco-panel-quarter .arco-picker-date-value,.arco-panel-year .arco-picker-date-value {
    border-radius: 24px;
    width: 100%
}

.arco-panel-month .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,.arco-panel-quarter .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,.arco-panel-year .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover {
    border-radius: 24px
}

.arco-panel-year {
    width: 265px
}

.arco-panel-week,.arco-panel-year {
    box-sizing: border-box
}

.arco-panel-week-wrapper {
    display: flex
}

.arco-panel-week-inner {
    width: 298px
}

.arco-panel-week-inner .arco-picker-body {
    padding-top: 0
}

.arco-panel-week .arco-picker-row-week {
    cursor: pointer
}

.arco-panel-week .arco-picker-row-week .arco-picker-date-value {
    border-radius: 0;
    width: 100%
}

.arco-panel-week .arco-picker-cell .arco-picker-date {
    border-radius: 0
}

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    padding-left: 4px
}

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    padding-right: 4px
}

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.arco-panel-week .arco-picker-row-week:hover .arco-picker-cell:not(.arco-picker-cell-week):not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-in-range):not(.arco-picker-cell-hover-in-range) .arco-picker-date-value {
    background-color: #f2f3f8
}

.arco-panel-quarter {
    box-sizing: border-box;
    width: 265px
}

.arco-picker-range-wrapper {
    display: flex
}

.arco-datepicker-shortcuts-wrapper {
    box-sizing: border-box;
    height: 100%;
    list-style: none;
    margin: 10px 0 0;
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
    width: 106px
}

.arco-datepicker-shortcuts-wrapper>li {
    box-sizing: border-box;
    cursor: pointer;
    padding: 6px 16px;
    width: 100%
}

.arco-datepicker-shortcuts-wrapper>li:hover {
    color: rgb(var(--primary-6))
}

.arco-picker-container-rtl,.arco-picker-range-container-rtl {
    direction: rtl
}

.arco-picker-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date,.arco-picker-container-rtl .arco-picker-cell-range-start .arco-picker-date,.arco-picker-range-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date,.arco-picker-range-container-rtl .arco-picker-cell-range-start .arco-picker-date {
    border-radius: 0 24px 24px 0
}

.arco-picker-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date,.arco-picker-container-rtl .arco-picker-cell-range-end .arco-picker-date,.arco-picker-range-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date,.arco-picker-range-container-rtl .arco-picker-cell-range-end .arco-picker-date {
    border-radius: 24px 0 0 24px
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date,.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date {
    border-radius: 0 24px 24px 0;
    padding-left: 0;
    padding-right: 4px
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value,.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value {
    border-radius: 0 24px 24px 0
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date,.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date {
    border-radius: 24px 0 0 24px;
    padding-left: 4px;
    padding-right: 0
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value,.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value {
    border-radius: 24px 0 0 24px
}

.arco-descriptions-table {
    border-collapse: collapse;
    width: 100%
}

.arco-descriptions-table-layout-fixed table {
    table-layout: fixed
}

.arco-descriptions-title {
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5715;
    margin-bottom: 16px
}

.arco-descriptions-item,.arco-descriptions-item-label,.arco-descriptions-item-value {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5715;
    padding: 0 4px 12px 0;
    text-align: left
}

.arco-descriptions-item-label {
    color: var(--color-neutral-8);
    font-weight: 500;
    white-space: nowrap;
    width: 1px
}

.arco-descriptions-table-layout-fixed .arco-descriptions-item-label {
    width: auto
}

.arco-descriptions-item-value {
    color: var(--color-text-1);
    font-weight: 400
}

.arco-descriptions-item-label-inline,.arco-descriptions-item-value-inline {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5715;
    text-align: left
}

.arco-descriptions-item-label-inline {
    color: var(--color-neutral-8);
    font-weight: 500;
    margin-bottom: 2px
}

.arco-descriptions-item-value-inline {
    color: var(--color-text-1);
    font-weight: 400
}

.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline {
    margin-right: 4px
}

.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline,.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-value-inline {
    display: inline-block;
    margin-bottom: 0
}

.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 12px 20px
}

.arco-descriptions-border .arco-descriptions-body {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    overflow: hidden
}

.arco-descriptions-border .arco-descriptions-row:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-3)
}

.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item,.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-label,.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-value {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-descriptions-border .arco-descriptions-item,.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-border .arco-descriptions-item-value {
    padding: 7px 20px
}

.arco-descriptions-border .arco-descriptions-item-label {
    background-color: var(--color-fill-1)
}

.arco-descriptions-border .arco-descriptions-item-value:last-child,.arco-descriptions-border .arco-descriptions-item:last-child,.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child {
    border-right: none
}

.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value:first-child {
    padding-left: 0
}

.arco-descriptions-size-mini .arco-descriptions-title {
    margin-bottom: 6px
}

.arco-descriptions-size-mini .arco-descriptions-item-label,.arco-descriptions-size-mini .arco-descriptions-item-value {
    font-size: 12px;
    padding-bottom: 2px;
    padding-right: 20px
}

.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-value {
    padding: 3px 20px
}

.arco-descriptions-size-mini.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 8px 20px
}

.arco-descriptions-size-small .arco-descriptions-title {
    margin-bottom: 8px
}

.arco-descriptions-size-small .arco-descriptions-item-label,.arco-descriptions-size-small .arco-descriptions-item-value {
    font-size: 12px;
    padding-bottom: 4px;
    padding-right: 20px
}

.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-value {
    padding: 3px 20px
}

.arco-descriptions-size-small.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 8px 20px
}

.arco-descriptions-size-medium .arco-descriptions-title {
    margin-bottom: 12px
}

.arco-descriptions-size-medium .arco-descriptions-item-label,.arco-descriptions-size-medium .arco-descriptions-item-value {
    font-size: 14px;
    padding-bottom: 8px;
    padding-right: 20px
}

.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-value {
    padding: 5px 20px
}

.arco-descriptions-size-medium.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 10px 20px
}

.arco-descriptions-size-large .arco-descriptions-title {
    margin-bottom: 20px
}

.arco-descriptions-size-large .arco-descriptions-item-label,.arco-descriptions-size-large .arco-descriptions-item-value {
    font-size: 14px;
    padding-bottom: 16px;
    padding-right: 20px
}

.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-value {
    padding: 9px 20px
}

.arco-descriptions-size-large.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 14px 20px
}

.arco-descriptions-rtl {
    direction: rtl
}

.arco-descriptions-rtl .arco-descriptions-item,.arco-descriptions-rtl .arco-descriptions-item-label,.arco-descriptions-rtl .arco-descriptions-item-value {
    padding: 0 0 12px 4px;
    text-align: right
}

.arco-descriptions-rtl .arco-descriptions-item-label-inline,.arco-descriptions-rtl .arco-descriptions-item-value-inline {
    text-align: right
}

.arco-descriptions-rtl.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline {
    margin-left: 4px;
    margin-right: 0
}

.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item,.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value {
    border-left: 1px solid var(--color-neutral-3);
    padding: 7px 20px
}

.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value:last-child,.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item:last-child,.arco-descriptions-rtl.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child {
    border-left: none
}

.arco-descriptions-rtl.arco-descriptions-layout-vertical:not(.arco-descriptions-rtl.arco-descriptions-border) .arco-descriptions-item-value:first-child {
    padding-right: 0
}

.arco-divider-horizontal {
    border-bottom: 1px solid #e5e8ef;
    clear: both;
    margin: 16px 0;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%
}

.arco-divider-horizontal.arco-divider-with-text {
    align-items: center;
    border-bottom-width: 0;
    display: flex;
    margin: 22px 0
}

.arco-divider-horizontal.arco-divider-with-text:after,.arco-divider-horizontal.arco-divider-with-text:before {
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    content: "";
    flex: 1 1;
    height: 0
}

.arco-divider-horizontal.arco-divider-with-text-left:before,.arco-divider-horizontal.arco-divider-with-text-right:after {
    flex-basis: 24px;
    flex-grow: 0
}

.arco-divider-vertical {
    border-left: 1px solid #e5e8ef;
    display: inline-block;
    height: 1em;
    margin: 0 12px;
    max-width: 1px;
    min-width: 1px;
    vertical-align: middle
}

.arco-divider-text {
    box-sizing: border-box;
    color: var(--color-neutral-6);
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    padding: 0 16px
}

.arco-drawer-header {
    border-bottom: 1px solid #e5e8ef;
    padding: 0 20px
}

.arco-drawer-header-title {
    color: var(--color-neutral-10);
    font-size: 14px
}

.arco-drawer-footer {
    border-top: 1px solid #e5e8ef;
    padding: 16px 20px
}

.arco-drawer .arco-drawer-close-icon {
    color: var(--color-neutral-10);
    font-size: 16px;
    right: 22px;
    top: 16px
}

.arco-drawer-content {
    color: var(--color-neutral-8);
    padding: 16px 20px
}

.arco-drawer-rtl .arco-drawer-close-icon {
    left: 22px
}

.arco-dropdown-menu {
    background-color: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    max-height: 192px
}

.arco-dropdown-menu-item,.arco-dropdown-menu-pop-header {
    color: var(--color-neutral-10);
    font-size: 12px
}

.arco-dropdown-menu-item:hover,.arco-dropdown-menu-pop-header:hover {
    background-color: #f2f3f8;
    color: var(--color-neutral-10)
}

.arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
    color: var(--color-neutral-4)
}

.arco-dropdown-menu-group-title {
    color: var(--color-neutral-6)
}

.arco-dropdown-menu+.arco-trigger-arrow {
    background-color: #fff
}

.arco-empty .arco-empty-description,.arco-form-size-small .arco-form-label-item>label {
    font-size: 12px
}

.arco-form-extra,.arco-form-message-help {
    color: var(--color-neutral-6)
}

.arco-form-message+.arco-form-extra {
    margin-bottom: 8px
}

.arco-form-layout-vertical>.arco-form-label-item {
    margin-bottom: 4px
}

.arco-form-layout-inline {
    margin-right: 32px
}

.arco-form-label-item>label {
    color: var(--color-neutral-8)
}

.arco-form-rtl .arco-form-layout-inline {
    margin-left: 32px
}

.arco-image-trigger {
    background: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3);
    border-radius: 4px;
    padding: 6px 4px
}

.arco-image-trigger .arco-trigger-arrow {
    background-color: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3)
}

.arco-image {
    border-radius: var(--border-radius-small);
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.arco-image-img {
    border-radius: inherit;
    vertical-align: middle
}

.arco-image-img:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-image-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image-footer {
    display: flex;
    max-width: 100%;
    width: 100%
}

.arco-image-footer-block {
    flex: auto
}

.arco-image-caption-title {
    font-size: 14px;
    font-weight: 500
}

.arco-image-caption-description {
    font-size: 12px
}

.arco-image-actions {
    padding-left: 12px
}

.arco-image-actions-list {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.arco-image-actions-item {
    border-radius: var(--border-radius-small);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    margin-left: 12px;
    padding: 0
}

.arco-image-actions-item:first-child {
    margin-left: 0
}

.arco-image-actions-item-trigger {
    display: inline-block;
    padding: 5px 4px
}

.arco-image-with-footer-inner .arco-image-footer {
    align-items: center;
    background: linear-gradient(1turn,rgba(0,0,0,.3),transparent);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    box-sizing: border-box;
    color: var(--color-white);
    left: 0;
    padding: 9px 16px;
    position: absolute
}

.arco-image-with-footer-inner .arco-image-caption-description,.arco-image-with-footer-inner .arco-image-caption-title {
    color: var(--color-white)
}

.arco-image-with-footer-inner .arco-image-actions-item:hover {
    background: rgba(0,0,0,.5)
}

.arco-image-with-footer-outer .arco-image-footer {
    color: var(--color-neutral-8);
    margin-top: 4px
}

.arco-image-with-footer-outer .arco-image-caption-title {
    color: var(--color-text-1)
}

.arco-image-with-footer-outer .arco-image-caption-description {
    color: var(--color-neutral-6)
}

.arco-image-with-footer-outer .arco-image-actions-item:hover {
    background: var(--color-neutral-2)
}

.arco-image-with-preview:hover {
    cursor: zoom-in
}

.arco-image-error {
    align-items: center;
    background-color: var(--color-neutral-1);
    box-sizing: border-box;
    color: var(--color-neutral-4);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.arco-image-error-icon {
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.arco-image-error-icon>svg {
    height: 100%;
    width: 100%
}

.arco-image-error-alt {
    font-size: 12px;
    line-height: 1.6667;
    padding: 8px 16px;
    text-align: center
}

.arco-image-loader {
    background-color: var(--color-neutral-1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image-loader-spin {
    color: rgb(var(--primary-6));
    font-size: 32px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%)
}

.arco-image-loader-spin-text {
    color: var(--color-neutral-6);
    font-size: 12px
}

.arco-image-simple.arco-image-with-footer-inner .arco-image-footer {
    padding: 12px 16px
}

.arco-image-loading .arco-image-img,.arco-image-loading-error .arco-image-img {
    visibility: hidden
}

.arco-image-trigger .arco-image-actions-list {
    flex-direction: column
}

.arco-image-trigger .arco-image-actions-item {
    color: var(--color-neutral-8);
    margin-left: 0
}

.arco-image-trigger .arco-image-actions-item:hover {
    background: var(--color-neutral-2)
}

.arco-image-preview {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.arco-image-preview-hide {
    display: none
}

.arco-image-preview-mask,.arco-image-preview-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image-preview-mask {
    background-color: var(--color-mask-bg)
}

.arco-image-preview-img-container {
    height: 100%;
    text-align: center;
    width: 100%
}

.arco-image-preview-img-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.arco-image-preview-img-container .arco-image-preview-img {
    cursor: -webkit-grab;
    cursor: grab;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.arco-image-preview-scale-value {
    background-color: hsla(0,0%,100%,.08);
    box-sizing: border-box;
    color: var(--color-white);
    font-size: 12px;
    left: 50%;
    line-height: normal;
    padding: 7px 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.arco-image-preview-toolbar {
    align-items: flex-start;
    background-color: var(--color-bg-2);
    border-radius: var(--border-radius-medium);
    bottom: 46px;
    display: flex;
    left: 50%;
    padding: 4px 16px;
    position: absolute;
    transform: translateX(-50%)
}

.arco-image-preview-toolbar-action {
    align-items: center;
    background-color: transparent;
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-8);
    cursor: pointer;
    display: flex;
    font-size: 14px
}

.arco-image-preview-toolbar-action:not(:last-of-type) {
    margin-right: 0
}

.arco-image-preview-toolbar-action:hover {
    background-color: var(--color-neutral-2);
    color: rgb(var(--primary-6))
}

.arco-image-preview-toolbar-action-disabled,.arco-image-preview-toolbar-action-disabled:hover {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-image-preview-toolbar-action-name {
    font-size: 12px;
    padding-right: 12px
}

.arco-image-preview-toolbar-action-content {
    line-height: 1;
    padding: 13px
}

.arco-image-preview-toolbar-simple {
    padding: 4px
}

.arco-image-preview-toolbar-simple .arco-image-preview-toolbar-action {
    margin-right: 0
}

.arco-image-preview-trigger.arco-image-trigger {
    padding: 12px 16px
}

.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action {
    margin-right: 0;
    text-align: left
}

.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action:not(:last-of-type) {
    margin-bottom: 0
}

.arco-image-preview-loading {
    align-items: center;
    background-color: #232324;
    border-radius: var(--border-radius-medium);
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    display: flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 48px
}

.arco-image-preview-close-btn {
    background: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 32px;
    right: 36px;
    text-align: center;
    top: 36px
}

.arco-image-preview-arrow-left,.arco-image-preview-arrow-right,.arco-image-preview-close-btn {
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    height: 32px;
    position: absolute;
    width: 32px
}

.arco-image-preview-arrow-left,.arco-image-preview-arrow-right {
    align-items: center;
    background-color: hsla(0,0%,100%,.3);
    display: flex;
    justify-content: center;
    z-index: 2
}

.arco-image-preview-arrow-left>svg,.arco-image-preview-arrow-right>svg {
    color: var(--color-white);
    font-size: 16px
}

.arco-image-preview-arrow-left:hover,.arco-image-preview-arrow-right:hover {
    background-color: hsla(0,0%,100%,.5)
}

.arco-image-preview-arrow-left {
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-image-preview-arrow-right {
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-image-preview-arrow-disabled {
    background-color: hsla(0,0%,100%,.2);
    color: hsla(0,0%,100%,.3);
    cursor: not-allowed
}

.arco-image-preview-arrow-disabled>svg {
    color: hsla(0,0%,100%,.3)
}

.arco-image-preview-arrow-disabled:hover {
    background-color: hsla(0,0%,100%,.2)
}

.fadeImage-appear,.fadeImage-enter {
    opacity: 0
}

.fadeImage-appear-active,.fadeImage-enter-active {
    opacity: 1;
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.fadeImage-exit {
    opacity: 1
}

.fadeImage-exit-active {
    opacity: 0;
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.arco-image-rtl {
    direction: rtl
}

.arco-image-rtl .arco-image-actions-item {
    margin-left: 0;
    margin-right: 12px
}

.arco-image-rtl .arco-image-actions-item:first-child {
    margin-right: 0
}

.arco-input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f2f3f8;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    font-size: 12px;
    line-height: 1.5715;
    outline: none;
    padding: 6px 12px;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.arco-input::-webkit-input-placeholder {
    color: #86909c
}

.arco-input::-moz-placeholder {
    color: #86909c
}

.arco-input::-ms-input-placeholder {
    color: #86909c
}

.arco-input::placeholder {
    color: #86909c
}

.arco-input:hover {
    background-color: #e5e8ef;
    border-color: transparent
}

.arco-input.arco-input-focus,.arco-input:focus {
    background-color: #fff;
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-input-error {
    background-color: rgb(var(--danger-1));
    border-color: transparent
}

.arco-input-error:hover {
    background-color: rgb(var(--danger-2));
    border-color: transparent
}

.arco-input-error .arco-input,.arco-input-error .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-input-error.arco-input-focus,.arco-input-error.arco-input-focus:hover,.arco-input-error:focus,.arco-input-error:focus:hover {
    background-color: #fff;
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 rgb(var(--danger-2))
}

.arco-input-warning {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-input-warning:hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-input-warning .arco-input,.arco-input-warning .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-input-warning.arco-input-focus,.arco-input-warning.arco-input-focus:hover,.arco-input-warning:focus,.arco-input-warning:focus:hover {
    background-color: #fff;
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-input-disabled {
    -webkit-text-fill-color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-input-disabled,.arco-input-disabled:hover {
    background-color: #f6f7fb;
    border-color: transparent;
    color: var(--color-neutral-4)
}

.arco-input-disabled::-webkit-input-placeholder {
    color: var(--color-neutral-4)
}

.arco-input-disabled::-moz-placeholder {
    color: var(--color-neutral-4)
}

.arco-input-disabled::-ms-input-placeholder {
    color: var(--color-neutral-4)
}

.arco-input-disabled::placeholder {
    color: var(--color-neutral-4)
}

.arco-input input:disabled {
    -webkit-text-fill-color: var(--color-neutral-4);
    color: var(--color-neutral-4);
    opacity: 1
}

.arco-input-word-limit {
    color: var(--color-neutral-6);
    font-size: 12px;
    padding-left: 8px
}

.arco-input-word-limit-error {
    color: rgb(var(--danger-6))
}

.arco-input-size-mini {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 1px;
    padding-top: 1px
}

.arco-input-size-small {
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 4px
}

.arco-input-size-large {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px
}

.arco-input-group-wrapper-mini .arco-input-group-addafter,.arco-input-group-wrapper-mini .arco-input-group-addbefore,.arco-input-inner-wrapper.arco-input-inner-wrapper-mini,.arco-input-size-mini {
    padding-left: 8px;
    padding-right: 8px
}

.arco-input-group-wrapper-small .arco-input-group-addafter,.arco-input-group-wrapper-small .arco-input-group-addbefore,.arco-input-inner-wrapper.arco-input-inner-wrapper-small,.arco-input-size-small {
    padding-left: 12px;
    padding-right: 12px
}

.arco-input-group-wrapper-large .arco-input-group-addafter,.arco-input-group-wrapper-large .arco-input-group-addbefore,.arco-input-inner-wrapper.arco-input-inner-wrapper-large,.arco-input-size-large {
    padding-left: 16px;
    padding-right: 16px
}

.arco-input-clear-icon {
    color: #4e5969;
    cursor: pointer;
    font-size: 12px
}

.arco-input-clear-icon:focus-visible:before {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-input-clear-icon>svg {
    position: relative;
    transition: color .1s linear
}

.arco-input-inner-wrapper {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f2f3f8;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    display: inline-flex;
    font-size: 12px;
    outline: none;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.arco-input-inner-wrapper::-webkit-input-placeholder {
    color: #86909c
}

.arco-input-inner-wrapper::-moz-placeholder {
    color: #86909c
}

.arco-input-inner-wrapper::-ms-input-placeholder {
    color: #86909c
}

.arco-input-inner-wrapper::placeholder {
    color: #86909c
}

.arco-input-inner-wrapper:hover {
    background-color: #e5e8ef;
    border-color: transparent
}

.arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper:focus {
    background-color: #fff;
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-input-inner-wrapper-error {
    background-color: rgb(var(--danger-1));
    border-color: transparent
}

.arco-input-inner-wrapper-error:hover {
    background-color: rgb(var(--danger-2));
    border-color: transparent
}

.arco-input-inner-wrapper-error .arco-input,.arco-input-inner-wrapper-error .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus:hover,.arco-input-inner-wrapper-error:focus,.arco-input-inner-wrapper-error:focus:hover {
    background-color: #fff;
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 rgb(var(--danger-2))
}

.arco-input-inner-wrapper-warning {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-input-inner-wrapper-warning:hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-input-inner-wrapper-warning .arco-input,.arco-input-inner-wrapper-warning .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus:hover,.arco-input-inner-wrapper-warning:focus,.arco-input-inner-wrapper-warning:focus:hover {
    background-color: #fff;
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-input-inner-wrapper .arco-input {
    background: none;
    border: none;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.arco-input-inner-wrapper .arco-input:focus,.arco-input-inner-wrapper .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-input-inner-wrapper-has-prefix>.arco-input,.arco-input-inner-wrapper-has-prefix>.arco-input-clear-wrapper .arco-input {
    padding-left: 12px
}

.arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-inner-wrapper .arco-input-group-suffix {
    align-items: center;
    display: inline-flex;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 16px
}

.arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-inner-wrapper .arco-input-group-suffix {
    color: #4e5969
}

.arco-input-inner-wrapper-disabled {
    -webkit-text-fill-color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-input-inner-wrapper-disabled,.arco-input-inner-wrapper-disabled:hover {
    background-color: #f6f7fb;
    border-color: transparent;
    color: var(--color-neutral-4)
}

.arco-input-inner-wrapper-disabled::-webkit-input-placeholder {
    color: var(--color-neutral-4)
}

.arco-input-inner-wrapper-disabled::-moz-placeholder {
    color: var(--color-neutral-4)
}

.arco-input-inner-wrapper-disabled::-ms-input-placeholder {
    color: var(--color-neutral-4)
}

.arco-input-inner-wrapper-disabled::placeholder {
    color: var(--color-neutral-4)
}

.arco-input-inner-wrapper-disabled .arco-input-group-prefix,.arco-input-inner-wrapper-disabled .arco-input-group-suffix {
    color: inherit
}

.arco-input-inner-wrapper .arco-input-clear-icon {
    visibility: hidden
}

.arco-input-inner-wrapper:hover .arco-input-clear-icon {
    visibility: visible
}

.arco-input-inner-wrapper:hover .arco-input-clear-icon~.arco-input-group-suffix {
    margin-left: 4px
}

.arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover:before {
    background-color: #f2f3f8
}

.arco-input-group {
    display: table;
    height: 100%;
    width: 100%
}

.arco-input-group>.arco-input,.arco-input-group>.arco-input-inner-wrapper {
    border-radius: 0
}

.arco-input-group>.arco-input-focus,.arco-input-group>.arco-input-inner-wrapper-focus {
    border-radius: 2px
}

.arco-input-group>:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.arco-input-group>:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.arco-input-group-addafter,.arco-input-group-addbefore {
    background-color: #f2f3f8;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: var(--color-neutral-8);
    display: table-cell;
    height: 100%;
    padding: 0 12px;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px
}

.arco-input-group-addafter>svg,.arco-input-group-addbefore>svg {
    font-size: 16px
}

.arco-input-group-addafter {
    border-left: 1px solid #e5e8ef
}

.arco-input-group-addafter .arco-input,.arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0
}

.arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-addbefore {
    border-right: 1px solid #e5e8ef
}

.arco-input-group-addbefore .arco-input,.arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0
}

.arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 12px
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore {
    font-size: 12px;
    height: 22px
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore>svg {
    font-size: 12px
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 12px
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 14px
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore {
    font-size: 12px;
    height: 26px
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore>svg {
    font-size: 14px
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 16px
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore {
    font-size: 14px;
    height: 34px
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore>svg {
    font-size: 16px
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 12px
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 16px
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore {
    font-size: 12px;
    height: 22px
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore>svg {
    font-size: 16px
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper .arco-input-inner-wrapper,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input {
    height: 100%
}

.arco-input-group-wrapper.arco-input-disabled {
    cursor: not-allowed
}

.arco-input-mirror {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.arco-textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f2f3f8;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    font-size: 12px;
    height: auto;
    line-height: 1.5715;
    max-width: 100%;
    min-height: 32px;
    outline: none;
    overflow: auto;
    padding: 6px 12px;
    position: relative;
    resize: vertical;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    vertical-align: top;
    width: 100%
}

.arco-textarea::-webkit-input-placeholder {
    color: #86909c
}

.arco-textarea::-moz-placeholder {
    color: #86909c
}

.arco-textarea::-ms-input-placeholder {
    color: #86909c
}

.arco-textarea::placeholder {
    color: #86909c
}

.arco-textarea:hover {
    background-color: #e5e8ef;
    border-color: transparent
}

.arco-textarea.arco-textarea-focus,.arco-textarea:focus {
    background-color: #fff;
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-textarea-error {
    background-color: rgb(var(--danger-1));
    border-color: transparent
}

.arco-textarea-error:hover {
    background-color: rgb(var(--danger-2));
    border-color: transparent
}

.arco-textarea-error .arco-input,.arco-textarea-error .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-textarea-error.arco-textarea-focus,.arco-textarea-error.arco-textarea-focus:hover,.arco-textarea-error:focus,.arco-textarea-error:focus:hover {
    background-color: #fff;
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 rgb(var(--danger-2))
}

.arco-textarea-warning {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-textarea-warning:hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-textarea-warning .arco-input,.arco-textarea-warning .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-textarea-warning.arco-textarea-focus,.arco-textarea-warning.arco-textarea-focus:hover,.arco-textarea-warning:focus,.arco-textarea-warning:focus:hover {
    background-color: #fff;
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-textarea-disabled {
    -webkit-text-fill-color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-textarea-disabled,.arco-textarea-disabled:hover {
    background-color: #f6f7fb;
    border-color: transparent;
    color: var(--color-neutral-4)
}

.arco-textarea-disabled::-webkit-input-placeholder {
    color: var(--color-neutral-4)
}

.arco-textarea-disabled::-moz-placeholder {
    color: var(--color-neutral-4)
}

.arco-textarea-disabled::-ms-input-placeholder {
    color: var(--color-neutral-4)
}

.arco-textarea-disabled::placeholder {
    color: var(--color-neutral-4)
}

.arco-input-group.arco-input-group-compact>.arco-select {
    vertical-align: unset
}

.arco-input-group.arco-input-group-compact>*,.arco-input-group.arco-input-group-compact>* .arco-input-group>:first-child,.arco-input-group.arco-input-group-compact>* .arco-input-group>:last-child,.arco-input-group.arco-input-group-compact>.arco-select .arco-select-view {
    border-radius: 0
}

.arco-input-group.arco-input-group-compact>:not(:last-child) {
    border-right: 1px solid #e5e8ef;
    box-sizing: border-box;
    position: relative
}

.arco-input-group.arco-input-group-compact>:first-child,.arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child,.arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child .arco-select .arco-select-view,.arco-input-group.arco-input-group-compact>:first-child .arco-select .arco-select-view {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.arco-input-group.arco-input-group-compact>:last-child,.arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child,.arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child .arco-select .arco-select-view,.arco-input-group.arco-input-group-compact>:last-child .arco-select .arco-select-view {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.arco-input-group.arco-input-group-compact>.arco-input:not(:last-child) {
    border-right-color: #e5e8ef
}

.arco-input-group.arco-input-group-compact>.arco-input:not(:last-child):focus {
    border-right-color: rgb(var(--primary-6))
}

.size-height-size-mini {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 1px;
    padding-top: 1px
}

.size-height-size-small {
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 4px
}

.size-height-size-large {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px
}

.size-height-group-wrapper-mini .arco-input-group-addafter,.size-height-group-wrapper-mini .arco-input-group-addbefore,.size-height-inner-wrapper.size-height-inner-wrapper-mini,.size-height-size-mini {
    padding-left: 8px;
    padding-right: 8px
}

.size-height-group-wrapper-small .arco-input-group-addafter,.size-height-group-wrapper-small .arco-input-group-addbefore,.size-height-inner-wrapper.size-height-inner-wrapper-small,.size-height-size-small {
    padding-left: 12px;
    padding-right: 12px
}

.size-height-group-wrapper-large .arco-input-group-addafter,.size-height-group-wrapper-large .arco-input-group-addbefore,.size-height-inner-wrapper.size-height-inner-wrapper-large,.size-height-size-large {
    padding-left: 16px;
    padding-right: 16px
}

.group-size.group-size-mini .arco-input-group,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 12px
}

.group-size.group-size-mini .arco-input-group-addafter,.group-size.group-size-mini .arco-input-group-addbefore {
    font-size: 12px;
    height: 22px
}

.group-size.group-size-mini .arco-input-group-addafter>svg,.group-size.group-size-mini .arco-input-group-addbefore>svg {
    font-size: 12px
}

.group-size.group-size-mini .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-mini .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-mini .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.group-size-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.group-size-mini .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.group-size-small .arco-input-group,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 12px
}

.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 14px
}

.group-size.group-size-small .arco-input-group-addafter,.group-size.group-size-small .arco-input-group-addbefore {
    font-size: 12px;
    height: 26px
}

.group-size.group-size-small .arco-input-group-addafter>svg,.group-size.group-size-small .arco-input-group-addbefore>svg {
    font-size: 14px
}

.group-size.group-size-small .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-small .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-small .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.group-size-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.group-size-small .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-small .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-small .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.group-size-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.group-size-large .arco-input-group,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px
}

.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 16px
}

.group-size.group-size-large .arco-input-group-addafter,.group-size.group-size-large .arco-input-group-addbefore {
    font-size: 14px;
    height: 34px
}

.group-size.group-size-large .arco-input-group-addafter>svg,.group-size.group-size-large .arco-input-group-addbefore>svg {
    font-size: 16px
}

.group-size.group-size-large .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-large .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-large .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.group-size-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.group-size-large .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-large .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-large .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.group-size-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.arco-input-custom-height .arco-input-group,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 12px
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix>svg {
    font-size: 16px
}

.group-size.arco-input-custom-height .arco-input-group-addafter,.group-size.arco-input-custom-height .arco-input-group-addbefore {
    font-size: 12px;
    height: 22px
}

.group-size.arco-input-custom-height .arco-input-group-addafter>svg,.group-size.arco-input-custom-height .arco-input-group-addbefore>svg {
    font-size: 16px
}

.group-size.arco-input-custom-height .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view,.group-size.arco-input-custom-height .arco-input-inner-wrapper,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input {
    height: 100%
}

.arco-textarea-wrapper {
    display: inline-block;
    position: relative;
    width: 100%
}

.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon {
    display: inline-block
}

.arco-textarea-clear-wrapper .arco-textarea {
    padding-right: 20px
}

.arco-textarea-word-limit {
    bottom: 6px;
    color: var(--color-text-3);
    font-size: 12px;
    position: absolute;
    right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-textarea-word-limit-error {
    color: rgb(var(--danger-6))
}

.arco-textarea-clear-icon {
    color: #4e5969;
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px
}

.arco-textarea-clear-icon>svg {
    position: relative;
    transition: color .1s linear
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore {
    transition: all .1s linear
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-addafter {
    border: none;
    padding: 0
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix {
    color: #4e5969;
    font-size: 16px
}

.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore {
    color: #4e5969;
    cursor: pointer;
    font-size: 16px
}

.arco-input-search.arco-input-group-wrapper .arco-input-search-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: var(--color-white);
    font-size: 16px;
    height: 100%
}

.arco-input-search-button .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-rtl) {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0
}

.arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix {
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px
}

.arco-input-password.arco-input-group-wrapper .arco-input-password-visibility-icon:focus-visible {
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-input-group-wrapper-rtl {
    direction: rtl
}

.arco-input-group-wrapper-rtl .arco-input-word-limit {
    padding-left: 0;
    padding-right: input-padding-word-limit-left
}

.arco-input-group-wrapper-rtl.arco-input-clear-wrapper .arco-input {
    padding-left: 24px;
    padding-right: 0
}

.arco-input-group-wrapper-rtl .arco-input-group>:first-child {
    border-radius: 0 2px 2px 0
}

.arco-input-group-wrapper-rtl .arco-input-group>:last-child {
    border-radius: 2px 0 0 2px
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter {
    border-left: none;
    border-right: 1px solid #e5e8ef
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .item-style {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore {
    border-left: 1px solid #e5e8ef;
    border-right: none
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .item-style {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:not(:last-child) {
    border-left: 1px solid #e5e8ef;
    border-right: none
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child .arco-select .arco-select-view,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:first-child .arco-select .arco-select-view {
    border-radius: 0 2px 2px 0
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child .arco-select .arco-select-view,.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>:last-child .arco-select .arco-select-view {
    border-radius: 2px 0 0 2px
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>.arco-input:not(:last-child) {
    border-left-color: #e5e8ef
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact>.arco-input:not(:last-child):focus {
    border-left-color: rgb(var(--primary-6))
}

.arco-input-group-wrapper-rtl.arco-input-search .arco-input-search-btn {
    border-radius: 2px 0 0 2px
}

.arco-input-inner-wrapper-rtl {
    direction: rtl
}

.arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix>.arco-input,.arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix>.arco-input-clear-wrapper .arco-input {
    padding-left: 0;
    padding-right: 12px
}

.arco-input-inner-wrapper-rtl>.arco-input-clear-wrapper .arco-input {
    padding-left: 12px;
    padding-right: 0
}

.arco-input-inner-wrapper-rtl>.arco-input-clear-wrapper .arco-input-clear-icon {
    left: 10px;
    right: auto
}

.arco-input-inner-wrapper-rtl:hover .arco-input-clear-icon~.arco-input-group-suffix {
    margin-left: 4px
}

.arco-input-search-button .arco-input-inner-wrapper-rtl {
    border-left: none;
    border-radius: 0 2px 2px 0
}

.arco-textarea-wrapper-rtl {
    direction: rtl
}

.arco-textarea-wrapper-rtl .arco-textarea {
    padding-left: 20px
}

.arco-textarea-wrapper-rtl .arco-textarea-clear-icon,.arco-textarea-wrapper-rtl .arco-textarea-word-limit {
    left: 10px;
    right: auto
}

.arco-input-number {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%
}

.arco-input-number-step-button {
    align-items: center;
    background-color: #f2f3f8;
    border-color: var(--color-neutral-3);
    box-sizing: border-box;
    color: #4e5969;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-input-number-step-button:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-fill-3)
}

.arco-input-number-step-button:active {
    background-color: var(--color-neutral-4);
    border-color: var(--color-neutral-4)
}

.arco-input-number-step-button-disabled {
    background-color: #f6f7fb;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-input-number-step-button-disabled:active,.arco-input-number-step-button-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: var(--color-neutral-3)
}

.arco-input-number-prefix,.arco-input-number-suffix {
    transition: all .1s linear
}

.arco-input-number-mode-embed .arco-input-number-step-layer {
    border-radius: 1px;
    bottom: 4px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: all .1s linear;
    width: 18px
}

.arco-input-number-mode-embed .arco-input-number-step-layer .arco-input-number-step-button {
    font-size: 10px;
    height: 50%;
    width: 100%
}

.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer {
    opacity: 1
}

.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer~.arco-input-number-suffix {
    opacity: 0;
    pointer-events: none
}

.arco-input-number-mode-embed .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover {
    background-color: var(--color-neutral-4)
}

.arco-input-number-mode-button .arco-input {
    text-align: center
}

.arco-input-number-mode-button .arco-input-group {
    position: relative
}

.arco-input-number-mode-button .arco-input-group-addafter,.arco-input-number-mode-button .arco-input-group-addbefore {
    padding: 0
}

.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button {
    border: inherit;
    height: 100%;
    position: absolute;
    top: 0
}

.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button:active {
    border-color: var(--color-neutral-4)
}

.arco-input-number-mode-button .arco-input-group-addbefore .arco-input-number-step-button {
    border-right-color: var(--color-neutral-3);
    left: 0
}

.arco-input-number-mode-button .arco-input-group-addafter .arco-input-number-step-button {
    border-left-color: var(--color-neutral-3);
    right: 0
}

.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore .arco-input-number-step-button {
    width: 24px
}

.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore .arco-input-number-step-button {
    width: 28px
}

.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore .arco-input-number-step-button {
    width: 32px
}

.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore .arco-input-number-step-button {
    width: 36px
}

.arco-input-number-readonly .arco-input-number-step-button {
    color: var(--color-neutral-4);
    pointer-events: none
}

.arco-input-number-illegal-value input {
    color: rgb(var(--danger-6))
}

.arco-input-tag-warning.arco-input-tag-focus {
    background-color: #fff
}

.arco-input-tag-size-default,.arco-input-tag-size-small {
    font-size: 12px
}

.arco-input-tag-size-large {
    font-size: 14px
}

.arco-layout {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.arco-layout-sider {
    background: var(--color-menu-dark-bg);
    flex: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: width .2s cubic-bezier(.34,.69,.1,1);
    width: auto
}

.arco-layout-sider-children {
    height: 100%;
    overflow: auto
}

.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar {
    width: 0
}

.arco-layout-sider-has-trigger {
    box-sizing: border-box;
    padding-bottom: 48px
}

.arco-layout-sider-trigger {
    align-items: center;
    background: hsla(0,0%,100%,.2);
    box-sizing: border-box;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    transition: width .2s cubic-bezier(.34,.69,.1,1);
    width: 100%;
    z-index: 1
}

.arco-layout-sider-trigger-light {
    background: var(--color-menu-light-bg);
    border-top: 1px solid var(--color-bg-5);
    color: var(--color-text-1)
}

.arco-layout-sider-light {
    background: var(--color-menu-light-bg);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.08)
}

.arco-layout-header {
    box-sizing: border-box;
    flex: 0 0 auto;
    margin: 0
}

.arco-layout-content {
    flex: 1 1
}

.arco-layout-footer {
    flex: 0 0 auto;
    margin: 0
}

.arco-layout-has-sider {
    flex-direction: row
}

.arco-layout-has-sider>.arco-layout,.arco-layout-has-sider>.arco-layout-content {
    overflow-x: hidden
}

.arco-link {
    border-radius: 2px;
    font-size: 12px
}

.arco-link:hover {
    background-color: #f2f3f8
}

.arco-link:active {
    background-color: #e5e8ef
}

.arco-link.arco-link-disabled {
    color: rgb(var(--primary-3))
}

.arco-link-is-success.arco-link-disabled {
    color: rgb(var(--success-3))
}

.arco-link-is-error.arco-link-disabled {
    color: rgb(var(--danger-3))
}

.arco-link-is-warning {
    color: rgb(var(--link-7))
}

.arco-link-is-warning:hover {
    color: rgb(var(--warning-5))
}

.arco-link-is-warning.arco-link-disabled {
    color: rgb(var(--warning-3))
}

.arco-list {
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.5715;
    overflow-y: auto;
    width: 100%
}

.arco-list-wrapper:after {
    clear: both;
    content: "";
    display: block;
    visibility: hidden
}

.arco-list-small>.arco-list-header {
    padding: 8px 20px
}

.arco-list-default>.arco-list-header,.arco-list-small>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-small>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-small>.arco-list-content>.arco-list-item,.arco-list-small>.arco-list-footer {
    padding: 12px 20px
}

.arco-list-default>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-default>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-default>.arco-list-content>.arco-list-item,.arco-list-default>.arco-list-footer {
    padding: 13px 20px
}

.arco-list-large>.arco-list-header {
    padding: 12px 20px
}

.arco-list-large>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-large>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-large>.arco-list-content>.arco-list-item,.arco-list-large>.arco-list-footer {
    padding: 16px 20px
}

.arco-list-header,.arco-list-item:not(:last-child) {
    border-bottom: 1px solid #e5e8ef
}

.arco-list-footer {
    border-top: 1px solid #e5e8ef
}

.arco-list-no-border,.arco-list-no-split .arco-list-footer,.arco-list-no-split .arco-list-header,.arco-list-no-split .arco-list-item {
    border: none
}

.arco-list-header {
    color: var(--color-neutral-10);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}

.arco-list-item {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.arco-list-item-main {
    flex: 1 1;
    overflow: hidden
}

.arco-list-item-main .arco-list-item-action:not(:first-child) {
    margin-top: 4px
}

.arco-list-item-meta {
    align-items: center;
    display: flex;
    padding: 4px 0
}

.arco-list-item-meta-avatar {
    display: flex
}

.arco-list-item-meta-avatar:not(:last-child) {
    margin-right: 16px
}

.arco-list-item-meta-title {
    color: var(--color-text-1);
    font-weight: 500
}

.arco-list-item-meta-title:not(:last-child) {
    margin-bottom: 2px
}

.arco-list-item-meta-description {
    color: var(--color-text-2)
}

.arco-list-item-action {
    align-self: center;
    display: flex;
    flex-wrap: nowrap;
    list-style: none
}

.arco-list-item-action>li {
    cursor: pointer;
    display: inline-block
}

.arco-list-item-action>li:not(:last-child) {
    margin-right: 16px
}

.arco-list-hoverable .arco-list-item:hover {
    background-color: #f2f3f8
}

.arco-list-pagination {
    float: right;
    margin-top: 24px
}

.arco-list-pagination:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.arco-list-scroll-loading {
    align-items: center;
    display: flex;
    justify-content: center
}

.arco-list-content {
    flex: 1 1
}

.arco-list-content .arco-empty {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.arco-list-rtl {
    direction: rtl
}

.arco-list-rtl .arco-list-item-action>li:not(:last-child),.arco-list-rtl .arco-list-item-meta-avatar:not(:last-child) {
    margin-left: 16px;
    margin-right: 0
}

.arco-list-wrapper-rtl .arco-list-pagination {
    float: left
}

.arco-mentions {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: pre-wrap;
    width: 100%
}

.arco-mentions-measure,.arco-mentions-textarea {
    font-size: 14px;
    line-height: 1.5715;
    padding: 4px 12px;
    white-space: inherit
}

.arco-mentions-textarea {
    resize: none
}

.arco-mentions-align-textarea .arco-mentions-measure-trigger,.arco-mentions-measure {
    bottom: 0;
    left: 0;
    overflow: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.arco-mentions-rtl {
    direction: rtl
}

.arco-menu-vertical .arco-menu-inner {
    padding: 8px 10px
}

.arco-menu-pop-button .arco-menu-group-title,.arco-menu-pop-button .arco-menu-inline-header,.arco-menu-pop-button .arco-menu-item,.arco-menu-pop-button .arco-menu-pop-header {
    box-shadow: 0 4px 16px rgba(0,0,0,.1)
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] {
    transform: translateX(10px)
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=lt],.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] {
    transform: translateX(-10px)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] {
    transform: translateX(10px)
}

.arco-message-wrapper {
    box-sizing: border-box;
    left: 0;
    padding: 0 10px;
    pointer-events: none;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1003
}

.arco-message-wrapper-top {
    top: 40px
}

.arco-message-wrapper-bottom {
    bottom: 40px
}

.arco-message {
    background-color: #fff;
    border: 1px solid #e5e8ef;
    border-radius: var(--border-radius-small);
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    display: inline-block;
    line-height: 1;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 8px 16px;
    pointer-events: auto;
    position: relative;
    text-align: center;
    transition: opacity .1s linear
}

.arco-message-closable {
    padding-right: 40px
}

.arco-message-icon {
    -webkit-animation: arco-msg-fade .1s linear,arco-msg-fade .4s cubic-bezier(.3,1.3,.3,1);
    animation: arco-msg-fade .1s linear,arco-msg-fade .4s cubic-bezier(.3,1.3,.3,1);
    color: rgb(var(--primary-6));
    display: inline-block;
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.arco-message-content {
    color: var(--color-neutral-10);
    vertical-align: middle
}

.arco-message-info {
    background-color: #fff;
    border-color: #e5e8ef
}

.arco-message-info .arco-message-icon {
    color: rgb(var(--primary-6))
}

.arco-message-info .arco-message-content {
    color: var(--color-neutral-10)
}

.arco-message-success {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-message-success .arco-message-icon {
    color: rgb(var(--success-6))
}

.arco-message-success .arco-message-content {
    color: var(--color-text-1)
}

.arco-message-warning {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-message-warning .arco-message-icon {
    color: rgb(var(--warning-6))
}

.arco-message-warning .arco-message-content {
    color: var(--color-text-1)
}

.arco-message-error {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-message-error .arco-message-icon {
    color: rgb(var(--danger-6))
}

.arco-message-error .arco-message-content {
    color: var(--color-text-1)
}

.arco-message-loading {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-message-loading .arco-message-icon {
    color: rgb(var(--primary-6))
}

.arco-message-loading .arco-message-content {
    color: var(--color-text-1)
}

.arco-message-close-btn {
    color: var(--color-neutral-8);
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 10px
}

.arco-message-close-btn>svg {
    position: relative
}

.arco-message .arco-icon-hover.arco-message-icon-hover:before {
    height: 24px;
    width: 24px
}

.fadeMessage-appear,.fadeMessage-enter {
    opacity: 0
}

.fadeMessage-appear-active,.fadeMessage-enter-active {
    opacity: 1;
    transition: opacity .1s linear
}

.fadeMessage-exit {
    opacity: 0;
    overflow: hidden
}

.fadeMessage-exit-active {
    height: 0;
    opacity: 0;
    transition: all .3s cubic-bezier(.34,.69,.1,1)
}

.arco-message-rtl {
    direction: rtl
}

.arco-message-rtl .arco-message-icon {
    margin-left: 8px;
    margin-right: 0
}

@-webkit-keyframes arco-msg-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes arco-msg-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes arco-msg-scale {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes arco-msg-scale {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.arco-modal-mask {
    background-color: var(--color-mask-bg);
    display: none
}

.arco-modal-mask,.arco-modal-wrapper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.arco-modal-wrapper {
    overflow: auto
}

.arco-modal-wrapper-no-mask {
    pointer-events: none
}

.arco-modal-wrapper-no-mask .arco-modal {
    pointer-events: auto
}

.arco-modal-wrapper.arco-modal-wrapper-align-center {
    text-align: center;
    white-space: nowrap
}

.arco-modal-wrapper.arco-modal-wrapper-align-center:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal {
    display: inline-block;
    top: 0;
    vertical-align: middle
}

.arco-modal {
    background-color: var(--color-bg-3);
    border: 0 solid #e5e8ef;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    line-height: 1.5715;
    margin: 0 auto;
    position: relative;
    text-align: left;
    top: 100px;
    white-space: normal;
    width: 520px
}

.arco-modal-header {
    align-items: center;
    border-bottom: 1px solid #e5e8ef;
    box-sizing: border-box;
    display: flex;
    height: 46px;
    padding: 0 20px;
    width: 100%
}

.arco-modal-header .arco-modal-title {
    flex: 1 1;
    text-align: center
}

.arco-modal-content {
    color: var(--color-neutral-10);
    font-size: 12px;
    padding: 24px 20px;
    position: relative
}

.arco-modal-footer {
    border-top: 1px solid #e5e8ef;
    box-sizing: border-box;
    padding: 16px 20px;
    text-align: right;
    width: 100%
}

.arco-modal-footer>.arco-btn {
    margin-left: 12px
}

.arco-modal-footer>.arco-btn:only-child {
    margin-left: 0
}

.arco-modal .arco-modal-close-icon {
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 18px;
    top: 15px
}

.arco-modal-title {
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 500
}

.arco-modal-title .arco-icon {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: -3px
}

.arco-modal-title .arco-icon-info-circle-fill {
    color: rgb(var(--primary-6))
}

.arco-modal-title .arco-icon-check-circle-fill {
    color: rgb(var(--success-6))
}

.arco-modal-title .arco-icon-exclamation-circle-fill {
    color: rgb(var(--warning-6))
}

.arco-modal-title .arco-icon-close-circle-fill {
    color: rgb(var(--danger-6))
}

.arco-modal-simple {
    padding: 24px;
    width: 374px
}

.arco-modal-simple .arco-modal-footer,.arco-modal-simple .arco-modal-header {
    border: none;
    height: unset;
    padding: 0
}

.arco-modal-simple .arco-modal-header {
    margin-bottom: 20px
}

.arco-modal-simple .arco-modal-title {
    text-align: center
}

.arco-modal-simple .arco-modal-footer {
    margin-top: 20px;
    text-align: center
}

.arco-modal-simple .arco-modal-content {
    padding: 0
}

.zoomModal-appear,.zoomModal-enter {
    opacity: 0;
    transform: scale(.5)
}

.zoomModal-appear-active,.zoomModal-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1),transform .4s cubic-bezier(.3,1.3,.3,1)
}

.zoomModal-exit {
    opacity: 1;
    transform: scale(1)
}

.zoomModal-exit-active {
    opacity: 0;
    transform: scale(.5);
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1),transform .4s cubic-bezier(.3,1.3,.3,1)
}

.fadeModal-appear,.fadeModal-enter {
    opacity: 0
}

.fadeModal-appear-active,.fadeModal-enter-active {
    opacity: 1;
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.fadeModal-exit {
    opacity: 1
}

.fadeModal-exit-active {
    opacity: 0;
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.arco-modal-rtl {
    direction: rtl
}

.arco-modal-rtl .arco-modal-footer {
    text-align: unset
}

.arco-modal-rtl .arco-modal-footer>.arco-btn {
    margin-left: 0;
    margin-right: 12px
}

.arco-modal-rtl .arco-modal-footer>.arco-btn:only-child {
    margin-right: 0
}

.arco-modal-rtl .arco-modal-title .arco-icon {
    margin-left: 8px;
    margin-right: 0
}

.arco-modal-rtl .arco-modal-close-icon {
    left: 18px;
    right: auto
}

.arco-modal-rtl.arco-modal-simple .arco-modal-footer {
    text-align: center
}

.arco-notification-wrapper {
    position: fixed;
    z-index: 1003
}

.arco-notification-wrapper-topLeft {
    left: 20px;
    top: 20px
}

.arco-notification-wrapper-topRight {
    right: 20px;
    top: 20px
}

.arco-notification-wrapper-topRight .arco-notification {
    margin-left: auto
}

.arco-notification-wrapper-bottomLeft {
    bottom: 20px;
    left: 20px
}

.arco-notification-wrapper-bottomRight {
    bottom: 20px;
    right: 20px
}

.arco-notification-wrapper-bottomRight .arco-notification {
    margin-left: auto
}

.arco-notification {
    background-color: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 20px;
    opacity: 1;
    overflow: hidden;
    padding: 16px 20px;
    position: relative;
    transition: opacity .2s linear;
    width: 340px
}

.arco-notification-icon {
    align-items: center;
    color: rgb(var(--primary-6));
    display: inline-flex;
    font-size: 20px
}

.arco-notification-info {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-notification-info .arco-notification-icon {
    color: rgb(var(--primary-6))
}

.arco-notification-success {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-notification-success .arco-notification-icon {
    color: rgb(var(--success-6))
}

.arco-notification-warning {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-notification-warning .arco-notification-icon {
    color: rgb(var(--warning-6))
}

.arco-notification-error {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.arco-notification-error .arco-notification-icon {
    color: rgb(var(--danger-6))
}

.arco-notification-left {
    padding-right: 8px
}

.arco-notification-right {
    flex: 1 1;
    word-break: break-word
}

.arco-notification-title {
    color: var(--color-neutral-10);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px
}

.arco-notification-content {
    color: var(--color-neutral-10);
    font-size: 12px
}

.arco-notification-error .arco-notification-content,.arco-notification-error .arco-notification-title,.arco-notification-info .arco-notification-content,.arco-notification-info .arco-notification-title,.arco-notification-success .arco-notification-content,.arco-notification-success .arco-notification-title,.arco-notification-warning .arco-notification-content,.arco-notification-warning .arco-notification-title {
    color: var(--color-text-1)
}

.arco-notification-btn-wrapper {
    margin-top: 20px;
    text-align: right
}

.arco-notification .arco-notification-close-btn {
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 12px
}

.arco-notification .arco-notification-close-btn>svg {
    position: relative
}

.arco-notification .arco-icon-hover.arco-notification-icon-hover:before {
    height: 20px;
    width: 20px
}

.slideNoticeLeft-appear,.slideNoticeLeft-enter {
    transform: translateX(-100%)
}

.slideNoticeLeft-appear-active,.slideNoticeLeft-enter-active {
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.3,1.3,.3,1)
}

.slideNoticeLeft-exit {
    opacity: 0
}

.slideNoticeLeft-exit-active {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
    transition: all .3s cubic-bezier(.34,.69,.1,1)
}

.slideNoticeRight-appear,.slideNoticeRight-enter {
    transform: translateX(100%)
}

.slideNoticeRight-appear-active,.slideNoticeRight-enter-active {
    transform: translateX(0);
    transition: transform .4s cubic-bezier(.3,1.3,.3,1)
}

.slideNoticeRight-exit {
    opacity: 0
}

.slideNoticeRight-exit-active {
    height: 0;
    opacity: 0;
    transition: all .3s cubic-bezier(.34,.69,.1,1)
}

.arco-notification-rtl,.arco-notification-wrapper-rtl {
    direction: rtl
}

.arco-notification-rtl .arco-notification-left {
    padding-left: 8px;
    padding-right: 0
}

.arco-notification-rtl .arco-notification-btn-wrapper {
    text-align: left
}

.arco-notification-rtl .arco-notification-close-btn {
    left: 12px;
    right: auto
}

.arco-page-header {
    padding: 16px 0
}

.arco-breadcrumb+.arco-page-header-head {
    margin-top: 8px
}

.arco-page-header-head {
    justify-content: space-between;
    line-height: 28px
}

.arco-page-header-head,.arco-page-header-head-left {
    align-items: center;
    display: flex
}

.arco-page-header-head-wrapper {
    padding-left: 20px;
    padding-right: 20px
}

.arco-page-header-head-main {
    align-items: center;
    display: flex;
    min-height: 30px;
    overflow: hidden
}

.arco-page-header-head-main-with-back {
    margin-left: -5px;
    padding-left: 5px
}

.arco-page-header-head-extra {
    white-space: nowrap
}

.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:before {
    height: 30px;
    width: 30px
}

.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:hover:before {
    background-color: #f2f3f8
}

.arco-page-header-back {
    color: var(--color-neutral-8);
    font-size: 20px;
    margin-right: 14px
}

.arco-page-header-back:focus-visible:before {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-page-header-back-icon {
    position: relative
}

.arco-page-header-title {
    color: var(--color-neutral-10);
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-page-header-divider {
    background-color: #e5e8ef;
    height: 12px;
    margin-left: 12px;
    margin-right: 12px;
    width: 1px
}

.arco-page-header-sub-title {
    color: var(--color-neutral-6);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-page-header-content {
    border-top: 1px solid #e5e8ef;
    padding: 20px 32px
}

.arco-page-header-footer {
    padding: 16px 20px 0
}

.arco-page-header-with-breadcrumb {
    padding: 12px 0
}

.arco-page-header-with-breadcrumb .arco-page-header-footer {
    padding-top: 12px
}

.arco-page-header-with-content .arco-page-header-head-wrapper {
    padding-bottom: 12px
}

.arco-page-header-with-footer {
    padding-bottom: 0
}

.arco-page-header-wrap .arco-page-header-head {
    flex-wrap: wrap
}

.arco-page-header-wrap .arco-page-header-head .arco-page-header-head-extra {
    margin-top: 8px
}

.arco-page-header-rtl .arco-page-header-head-wrapper {
    padding-left: 20px;
    padding-right: 20px
}

.arco-page-header-rtl .arco-page-header-head-main-with-back {
    margin-left: 0;
    margin-right: -5px;
    padding-left: 0;
    padding-right: 5px
}

.arco-page-header-rtl .arco-page-header-back {
    margin-left: 14px;
    margin-right: 0
}

.arco-page-header-rtl .arco-page-header-divider {
    margin-left: 12px;
    margin-right: 12px
}

.arco-pagination {
    align-items: center;
    display: flex;
    font-size: 12px
}

.arco-pagination-list {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.arco-pagination-item {
    background-color: transparent;
    border: 0 solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    list-style: none;
    min-width: 32px;
    outline: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.arco-pagination-item-disabled {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover {
    background-color: #f2f3f8;
    border-color: transparent;
    color: var(--color-neutral-8)
}

.arco-pagination-item-active {
    background-color: rgb(var(--primary-1));
    border-color: transparent;
    color: rgb(var(--primary-6));
    transition: color .2s linear,background-color .2s linear
}

.arco-pagination-item:not(:last-child) {
    margin-right: 4px
}

.arco-pagination-item:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-pagination-item-next,.arco-pagination-item-prev {
    background-color: transparent;
    color: var(--color-text-2);
    font-size: 12px
}

.arco-pagination-item-next:not(.arco-pagination-item-disabled):hover,.arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover {
    background-color: var(--color-fill-1);
    color: rgb(var(--primary-6))
}

.arco-pagination-item-next:after,.arco-pagination-item-prev:after {
    content: ".";
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}

.arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled,.arco-pagination .arco-pagination-item-prev.arco-pagination-item-disabled {
    background-color: transparent;
    color: var(--color-text-4)
}

.arco-pagination-item-jumper {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    justify-content: center
}

.arco-pagination-jumper {
    margin-left: 12px
}

.arco-pagination-jumper>span {
    font-size: 12px
}

.arco-pagination-jumper-text-goto,.arco-pagination-jumper-text-goto-suffix {
    color: var(--color-neutral-6)
}

.arco-pagination .arco-pagination-jumper-input {
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    width: 48px
}

.arco-pagination-option {
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 0;
    margin-left: 4px;
    min-width: 0;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.arco-pagination-option .arco-select {
    width: auto
}

.arco-pagination-option .arco-select-view-value {
    overflow: inherit;
    padding-right: 6px
}

.arco-pagination-total-text {
    color: var(--color-neutral-10);
    display: inline-block;
    font-size: 12px;
    height: 100%;
    line-height: 32px;
    margin-right: 12px
}

.arco-pagination-item-simple-pager {
    display: inline-block;
    margin: 0 12px 0 4px;
    vertical-align: middle
}

.arco-pagination-item-simple-pager .arco-pagination-jumper-separator {
    padding: 0 12px
}

.arco-pagination-simple .arco-pagination-item {
    margin-right: 0
}

.arco-pagination-simple .arco-pagination-jumper {
    color: var(--color-text-1);
    margin-left: 0
}

.arco-pagination-simple .arco-pagination-jumper .arco-pagination-jumper-input {
    margin-left: 0;
    width: 40px
}

.arco-pagination-simple .arco-pagination-item-next,.arco-pagination-simple .arco-pagination-item-prev {
    background-color: transparent;
    color: #4e5969
}

.arco-pagination-simple .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover,.arco-pagination-simple .arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover {
    background-color: #f2f3f8;
    color: rgb(var(--primary-6))
}

.arco-pagination-simple .arco-pagination-item-next.arco-pagination-item-disabled,.arco-pagination-simple .arco-pagination-item-prev.arco-pagination-item-disabled {
    background-color: transparent;
    color: var(--color-neutral-4)
}

.arco-pagination-disabled {
    cursor: not-allowed
}

.arco-pagination-disabled .arco-pagination-item,.arco-pagination-disabled .arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-pagination.arco-pagination-disabled .arco-pagination-item-active {
    background-color: #f6f7fb;
    border-color: transparent;
    color: rgb(var(--primary-3))
}

.arco-pagination-size-mini .arco-pagination-item {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.arco-pagination-size-mini .arco-pagination-item-next,.arco-pagination-size-mini .arco-pagination-item-prev {
    font-size: 12px
}

.arco-pagination-size-mini .arco-pagination-total-text {
    font-size: 12px;
    line-height: 24px
}

.arco-pagination-size-mini .arco-pagination-option {
    font-size: 12px;
    height: 24px;
    line-height: 0
}

.arco-pagination-size-mini .arco-pagination-jumper>span {
    font-size: 12px
}

.arco-pagination-size-small .arco-pagination-item {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    min-width: 28px
}

.arco-pagination-size-small .arco-pagination-item-next,.arco-pagination-size-small .arco-pagination-item-prev {
    font-size: 12px
}

.arco-pagination-size-small .arco-pagination-total-text {
    font-size: 12px;
    line-height: 28px
}

.arco-pagination-size-small .arco-pagination-option {
    font-size: 12px;
    height: 28px;
    line-height: 0
}

.arco-pagination-size-small .arco-pagination-jumper>span {
    font-size: 12px
}

.arco-pagination-size-large .arco-pagination-item {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    min-width: 36px
}

.arco-pagination-size-large .arco-pagination-item-next,.arco-pagination-size-large .arco-pagination-item-prev {
    font-size: 14px
}

.arco-pagination-size-large .arco-pagination-total-text {
    font-size: 14px;
    line-height: 36px
}

.arco-pagination-size-large .arco-pagination-option {
    font-size: 14px;
    height: 36px;
    line-height: 0
}

.arco-pagination-size-large .arco-pagination-jumper>span {
    font-size: 14px
}

.arco-pagination-rtl {
    direction: rtl
}

.arco-pagination-rtl .arco-pagination-item:not(:last-child) {
    margin-left: 4px;
    margin-right: 0
}

.arco-pagination-rtl .arco-pagination-item-simple-pager {
    margin: 0 4px 0 12px
}

.arco-pagination-rtl .arco-pagination-item-simple-pager .arco-pagination-jumper-separator {
    padding: 0 12px
}

.arco-pagination-rtl .arco-pagination-jumper {
    margin-left: 0;
    margin-right: 12px
}

.arco-pagination-rtl .arco-pagination-jumper-input,.arco-pagination-rtl .arco-pagination-option {
    margin-left: 0;
    margin-right: 4px
}

.arco-pagination-rtl .arco-pagination-option .arco-select-view-value {
    padding-left: 6px;
    padding-right: 0
}

.arco-pagination-rtl .arco-pagination-total-text {
    margin-left: 12px;
    margin-right: 0
}

.arco-pagination-rtl.arco-pagination-simple .arco-pagination-item,.arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper,.arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper-input {
    margin-right: 0
}

.arco-popconfirm-content {
    box-sizing: border-box;
    padding: 16px
}

.arco-popconfirm-title {
    align-items: flex-start;
    color: var(--color-neutral-10);
    display: flex;
    font-size: 12px;
    margin-bottom: 16px;
    position: relative
}

.arco-popconfirm-title-icon {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    height: 18.858px;
    margin-right: 8px
}

.arco-popconfirm-title-icon .arco-icon-exclamation-circle-fill {
    color: rgb(var(--warning-6))
}

.arco-popconfirm-has-content .arco-popconfirm-title {
    font-weight: 500;
    margin-bottom: 0
}

.arco-popconfirm-inner-content {
    margin-bottom: 16px;
    margin-top: 4px;
    padding-left: 24px
}

.arco-popconfirm .arco-popconfirm-btn {
    text-align: right
}

.arco-popconfirm .arco-popconfirm-btn>button {
    margin-left: 8px
}

.arco-popconfirm-rtl .arco-popconfirm-title-icon {
    margin-left: 8px;
    margin-right: 0
}

.arco-popconfirm-rtl .arco-popconfirm-inner-content {
    padding-left: 0;
    padding-right: 24px
}

.arco-popconfirm-rtl .arco-popconfirm-btn {
    text-align: left
}

.arco-popconfirm-rtl .arco-popconfirm-btn>button {
    margin-left: 0;
    margin-right: 8px
}

.arco-popover-content {
    padding: 12px 16px
}

.arco-popover-title {
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 500
}

.arco-popover-title+.arco-popover-inner-content {
    margin-top: 4px
}

.arco-popconfirm-content,.arco-popover-content {
    background-color: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    box-sizing: border-box;
    color: var(--color-neutral-8);
    font-size: 12px;
    line-height: 1.5715;
    max-width: none;
    width: 100%
}

.arco-popconfirm-content-inner,.arco-popover-content-inner {
    word-wrap: break-word;
    text-align: left
}

.arco-popconfirm-arrow.arco-trigger-arrow,.arco-popover-arrow.arco-trigger-arrow {
    background-color: #fff;
    border: 1px solid #e5e8ef;
    z-index: 1
}

.arco-popover-inner-rtl {
    direction: rtl;
    text-align: right
}

.arco-progress {
    font-size: 12px;
    line-height: 1;
    position: relative
}

.arco-progress-line,.arco-progress-steps {
    display: inline-block;
    max-width: 100%;
    width: 100%
}

.arco-progress-line-wrapper,.arco-progress-steps-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    max-width: 100%;
    width: 100%
}

.arco-progress-line-text,.arco-progress-steps-text {
    color: var(--color-neutral-8);
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 12px;
    margin-left: 8px;
    min-width: 32px;
    text-align: right;
    white-space: nowrap
}

.arco-progress-line-text .arco-icon,.arco-progress-steps-text .arco-icon {
    font-size: 12px;
    margin-left: 4px
}

.arco-progress-line-outer {
    background-color: #e5e8ef;
    border-radius: 100px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.arco-progress-line-inner {
    background-color: rgb(var(--primary-6));
    border-radius: 100px;
    height: 100%;
    max-width: 100%;
    position: relative;
    transition: width .6s cubic-bezier(.34,.69,.1,1),background .3s cubic-bezier(.34,.69,.1,1)
}

.arco-progress-line-inner-buffer {
    background-color: var(--color-primary-light-3);
    border-radius: 0 100px 100px 0;
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    transition: all .6s cubic-bezier(.34,.69,.1,1)
}

.arco-progress-line-inner-animate:after {
    -webkit-animation: arco-progress-loading 1.5s cubic-bezier(.34,.69,.1,1) infinite;
    animation: arco-progress-loading 1.5s cubic-bezier(.34,.69,.1,1) infinite;
    background: linear-gradient(90deg,transparent 25%,hsla(0,0%,100%,.5) 50%,transparent 75%);
    background-size: 400% 100%;
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-progress-line-text .arco-icon {
    color: rgb(var(--primary-6))
}

.arco-progress-steps-outer {
    display: flex;
    width: 100%
}

.arco-progress-steps-text {
    margin-left: 8px;
    min-width: unset
}

.arco-progress-steps-text .arco-icon {
    color: rgb(var(--primary-6))
}

.arco-progress-steps-item {
    background-color: var(--color-fill-3);
    display: inline-block;
    flex: 1 1;
    height: 100%;
    position: relative
}

.arco-progress-steps-item:not(:last-of-type) {
    margin-right: 3px
}

.arco-progress-steps-item:last-of-type {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.arco-progress-steps-item:first-of-type {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.arco-progress-steps-item-active {
    background-color: rgb(var(--primary-6))
}

.arco-progress-steps.arco-progress-small {
    width: auto
}

.arco-progress-steps.arco-progress-small .arco-progress-steps-item {
    border-radius: 2px;
    flex: unset;
    width: 2px
}

.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) {
    margin-right: 3px
}

.arco-progress-is-warning .arco-progress-line-inner,.arco-progress-is-warning .arco-progress-steps-item-active {
    background-color: rgb(var(--warning-6))
}

.arco-progress-is-warning .arco-progress-line-text .arco-icon,.arco-progress-is-warning .arco-progress-steps-text .arco-icon {
    color: rgb(var(--warning-6))
}

.arco-progress-is-success .arco-progress-line-inner,.arco-progress-is-success .arco-progress-steps-item-active {
    background-color: rgb(var(--success-6))
}

.arco-progress-is-success .arco-progress-line-text .arco-icon,.arco-progress-is-success .arco-progress-steps-text .arco-icon {
    color: rgb(var(--success-6))
}

.arco-progress-is-error .arco-progress-line-inner,.arco-progress-is-error .arco-progress-steps-item-active {
    background-color: rgb(var(--danger-6))
}

.arco-progress-is-error .arco-progress-line-text .arco-icon,.arco-progress-is-error .arco-progress-steps-text .arco-icon {
    color: rgb(var(--danger-6))
}

.arco-progress-small .arco-progress-line-text {
    font-size: 12px;
    margin-left: 8px
}

.arco-progress-small .arco-progress-line-text .arco-icon {
    font-size: 12px
}

.arco-progress-large .arco-progress-line-text {
    font-size: 14px;
    margin-left: 16px
}

.arco-progress-large .arco-progress-line-text .arco-icon {
    font-size: 16px
}

.arco-progress-circle {
    display: inline-block
}

.arco-progress-circle-wrapper {
    display: inline-block;
    line-height: 1;
    position: relative;
    text-align: center;
    vertical-align: text-bottom
}

.arco-progress-circle-svg {
    transform: rotate(-90deg)
}

.arco-progress-circle-text {
    font-size: 14px
}

.arco-progress-circle-text .arco-icon {
    color: rgb(var(--primary-6));
    font-size: 16px
}

.arco-progress-circle .arco-progress-circle-text {
    color: var(--color-text-3);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.arco-progress-circle-mask {
    stroke: #e5e8ef
}

.arco-progress-circle-path {
    stroke: rgb(var(--primary-6));
    transition: stroke-dashoffset .6s linear 0s,stroke .6s linear
}

.arco-progress-mini .arco-progress-circle-mask {
    stroke: rgb(var(--primary-3))
}

.arco-progress-mini .arco-progress-circle-path {
    stroke: rgb(var(--primary-6))
}

.arco-progress-mini.arco-progress-is-warning .arco-progress-circle-mask {
    stroke: var(--color-warning-light-3)
}

.arco-progress-mini.arco-progress-is-error .arco-progress-circle-mask {
    stroke: var(--color-danger-light-3)
}

.arco-progress-mini.arco-progress-is-success .arco-progress-circle-mask {
    stroke: rgb(var(--success-3))
}

.arco-progress-mini.arco-progress-is-success .arco-progress-circle-wrapper .arco-icon-check {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.arco-progress-mini .arco-progress-circle-text {
    left: unset;
    position: static;
    top: unset;
    transform: unset
}

.arco-progress-small .arco-progress-circle-text,.arco-progress-small .arco-progress-circle-text .arco-icon {
    font-size: 12px
}

.arco-progress-large .arco-progress-circle-text,.arco-progress-large .arco-progress-circle-text .arco-icon {
    font-size: 16px
}

.arco-progress-is-warning .arco-progress-circle-path {
    stroke: rgb(var(--warning-6))
}

.arco-progress-is-warning .arco-icon {
    color: rgb(var(--warning-6))
}

.arco-progress-is-success .arco-progress-circle-path {
    stroke: rgb(var(--success-6))
}

.arco-progress-is-success .arco-icon {
    color: rgb(var(--success-6))
}

.arco-progress-is-error .arco-progress-circle-path {
    stroke: rgb(var(--danger-6))
}

.arco-progress-is-error .arco-icon {
    color: rgb(var(--danger-6))
}

@-webkit-keyframes arco-progress-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes arco-progress-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.arco-progress-rtl .arco-progress-line-text,.arco-progress-rtl .arco-progress-steps-text {
    margin-left: 0;
    margin-right: 8px
}

.arco-progress-rtl .arco-progress-line-text .arco-icon,.arco-progress-rtl .arco-progress-steps-text .arco-icon {
    margin-left: 0;
    margin-right: 4px
}

.arco-progress-rtl .arco-progress-steps-text {
    margin-left: 0;
    margin-right: 8px
}

.arco-progress-rtl .arco-progress-steps-item:not(:last-of-type),.arco-progress-rtl.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) {
    margin-left: 3px;
    margin-right: 0
}

.arco-progress-rtl.arco-progress-small .arco-progress-line-text {
    margin-left: 0;
    margin-right: 8px
}

.arco-progress-rtl.arco-progress-large .arco-progress-line-text {
    margin-left: 0;
    margin-right: 16px
}

.arco-progress-rtl.arco-progress-line .arco-progress-line-inner-buffer {
    left: auto;
    right: 0
}

.arco-radio-button>input[type=radio],.arco-radio>input[type=radio] {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.arco-radio-button>input[type=radio]:focus-visible+.arco-radio-icon-hover:before,.arco-radio>input[type=radio]:focus-visible+.arco-radio-icon-hover:before {
    background-color: var(--color-fill-2);
    opacity: 1
}

.arco-radio-button>input[type=radio]:focus-visible+.arco-radio-button-inner,.arco-radio>input[type=radio]:focus-visible+.arco-radio-button-inner {
    border-radius: inherit;
    box-shadow: inset 0 0 0 2px rgb(var(--primary-6))
}

.arco-icon-hover.arco-radio-icon-hover:before {
    height: 24px;
    width: 24px
}

.arco-radio {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: unset;
    padding-left: 5px;
    position: relative
}

.arco-radio-text {
    color: var(--color-neutral-10);
    margin-left: 8px
}

.arco-radio-mask-wrapper {
    line-height: 1;
    position: relative;
    top: -.09em;
    vertical-align: middle
}

.arco-radio-mask {
    border: 2px solid var(--color-neutral-4);
    display: block;
    height: 14px;
    line-height: 14px;
    position: relative;
    width: 14px
}

.arco-radio-mask,.arco-radio-mask:after {
    border-radius: 100%;
    box-sizing: border-box
}

.arco-radio-mask:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: transform .3s cubic-bezier(.3,1.3,.3,1);
    width: 10px
}

.arco-radio:hover .arco-radio-mask {
    border-color: var(--color-neutral-4)
}

.arco-radio-checked .arco-radio-mask {
    background-color: rgb(var(--primary-6));
    border-color: rgb(var(--primary-6))
}

.arco-radio-checked .arco-radio-mask:after {
    background-color: var(--color-white);
    transform: scale(.4)
}

.arco-radio-checked:hover .arco-radio-mask {
    border-color: rgb(var(--primary-6))
}

.arco-radio-disabled,.arco-radio-disabled .arco-radio-icon-hover {
    cursor: not-allowed
}

.arco-radio-disabled .arco-radio-text {
    color: var(--color-neutral-6)
}

.arco-radio-disabled .arco-radio-mask {
    border-color: var(--color-neutral-4)
}

.arco-radio-disabled .arco-radio-mask:after {
    background-color: #e5e8ef
}

.arco-radio-disabled:hover .arco-radio-mask {
    border-color: var(--color-neutral-4)
}

.arco-radio-checked.arco-radio-disabled .arco-radio-mask,.arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask {
    background-color: rgb(var(--primary-3));
    border-color: transparent
}

.arco-radio-checked.arco-radio-disabled .arco-radio-mask:after {
    background-color: #e5e8ef
}

.arco-radio-checked.arco-radio-disabled .arco-radio-text {
    color: var(--color-text-4)
}

.arco-radio:hover .arco-radio-icon-hover:before {
    background-color: #e5e8ef
}

.arco-radio-group {
    box-sizing: border-box;
    display: inline-block
}

.arco-radio-group .arco-radio {
    margin-right: 24px
}

.arco-radio-group-type-button {
    line-height: 26px;
    padding: 1.5px;
    position: relative;
    z-index: 0
}

.arco-radio-button {
    background-color: transparent;
    border-radius: 2px;
    color: var(--color-neutral-8);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    margin: 1.5px;
    position: relative;
    transition: all .1s linear
}

.arco-radio-button-inner {
    display: block;
    padding: 0 12px;
    position: relative
}

.arco-radio-button:not(:first-of-type):before {
    background-color: #e5e8ef;
    content: "";
    display: block;
    height: 12px;
    left: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s linear;
    width: 1px
}

.arco-radio-button.arco-radio-checked+.arco-radio-button:before,.arco-radio-button.arco-radio-checked:before,.arco-radio-button:hover+.arco-radio-button:before,.arco-radio-button:hover:before {
    opacity: 0
}

.arco-radio-button:after {
    background-color: #f2f3f8;
    bottom: -3px;
    content: " ";
    display: block;
    left: -3px;
    pointer-events: none;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: -1
}

.arco-radio-button:first-of-type:after {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.arco-radio-button:last-of-type:after {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.arco-radio-button:hover {
    background-color: #fff;
    color: var(--color-neutral-8)
}

.arco-radio-button.arco-radio-checked {
    background-color: #fff;
    color: rgb(var(--primary-6));
    font-weight: 500
}

.arco-radio-button.arco-radio-disabled {
    background-color: transparent;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-radio-button.arco-radio-disabled.arco-radio-checked {
    background-color: #fff;
    color: rgb(var(--primary-3))
}

.arco-radio-size-small {
    line-height: 28px
}

.arco-radio-size-small .arco-radio-button,.arco-radio-size-small.arco-radio-group-type-button {
    font-size: 12px;
    line-height: 22px
}

.arco-radio-size-large {
    line-height: 36px
}

.arco-radio-size-large .arco-radio-button,.arco-radio-size-large.arco-radio-group-type-button {
    font-size: 14px;
    line-height: 30px
}

.arco-radio-size-mini {
    line-height: 24px
}

.arco-radio-size-mini .arco-radio-button,.arco-radio-size-mini.arco-radio-group-type-button {
    font-size: 12px;
    line-height: 18px
}

.arco-radio-group-direction-vertical .arco-radio {
    display: block;
    line-height: 20px;
    margin-right: 0
}

body[arco-theme=dark] .arco-radio-button.arco-radio-checked,body[arco-theme=dark] .arco-radio-button:not(.arco-radio-disabled):hover {
    background-color: var(--color-fill-3)
}

body[arco-theme=dark] .arco-radio-button:after {
    background-color: var(--color-bg-3)
}

.arco-radio-rtl {
    padding-left: 0;
    padding-right: 5px
}

.arco-radio-rtl .arco-radio-text {
    margin-left: 0;
    margin-right: 8px
}

.arco-radio-group-rtl .arco-radio {
    margin-left: 24px;
    margin-right: 0
}

.arco-radio-group-rtl.arco-radio-group-direction-vertical .arco-radio {
    margin-left: 0;
    margin-right: unset
}

.arco-rate {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-rate-disabled {
    cursor: not-allowed
}

.arco-rate-inner {
    align-items: center;
    display: flex;
    font-size: 24px;
    line-height: 1;
    min-height: 32px
}

.arco-rate-character {
    color: var(--color-fill-3);
    position: relative;
    transition: transform .2s cubic-bezier(.34,.69,.1,1)
}

.arco-rate-character:not(:last-child) {
    margin-right: 8px
}

.arco-rate-character-left,.arco-rate-character-right {
    transition: inherit
}

.arco-rate-character-left>*,.arco-rate-character-right>* {
    float: left
}

.arco-rate-character-left {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 50%
}

.arco-rate-character-scale {
    -webkit-animation: arco-rate-scale .4s cubic-bezier(.34,.69,.1,1);
    animation: arco-rate-scale .4s cubic-bezier(.34,.69,.1,1)
}

.arco-rate-character-full .arco-rate-character-right {
    color: rgb(var(--gold-6))
}

.arco-rate-character-half .arco-rate-character-left {
    color: rgb(var(--gold-6));
    opacity: 1
}

.arco-rate-character-disabled {
    cursor: not-allowed
}

.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character {
    cursor: pointer
}

.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus,.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:hover {
    transform: scale(1.2)
}

@-webkit-keyframes arco-rate-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes arco-rate-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.arco-rate-rtl {
    direction: rtl
}

.arco-rate-rtl .arco-rate-character:not(:last-child) {
    margin-left: 8px;
    margin-right: 0
}

.arco-rate-rtl .arco-rate-character-left {
    left: auto;
    right: 0
}

.arco-rate-rtl .arco-rate-character-left>*,.arco-rate-rtl .arco-rate-character-right>* {
    float: right
}

.arco-resizebox {
    overflow: hidden;
    position: relative;
    width: 100%
}

.arco-resizebox-direction-bottom,.arco-resizebox-direction-left,.arco-resizebox-direction-right,.arco-resizebox-direction-top {
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-resizebox-direction-right {
    left: unset;
    right: 0
}

.arco-resizebox-direction-bottom {
    bottom: 0;
    top: unset
}

.arco-resizebox-split,.arco-resizebox-split-group {
    display: flex;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.arco-resizebox-split .arco-resizebox-slit-trigger,.arco-resizebox-split-group .arco-resizebox-slit-trigger {
    flex: 0 1
}

.arco-resizebox-split-group-pane,.arco-resizebox-split-pane {
    overflow: auto
}

.arco-resizebox-split .second-pane,.arco-resizebox-split-group .second-pane {
    flex: 1 1
}

.arco-resizebox-split-group-horizontal,.arco-resizebox-split-horizontal {
    flex-direction: row
}

.arco-resizebox-split-group-vertical,.arco-resizebox-split-vertical {
    flex-direction: column
}

.arco-resizebox-split-group-moving,.arco-resizebox-split-moving {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-resizebox-trigger-icon-wrapper {
    align-items: center;
    background-color: var(--color-neutral-3);
    display: flex;
    height: 100%;
    justify-content: center
}

.arco-resizebox-trigger-icon {
    color: var(--color-text-1);
    display: inline-block;
    font-size: 12px
}

.arco-resizebox-trigger-next>svg,.arco-resizebox-trigger-prev>svg {
    cursor: pointer
}

.arco-resizebox-trigger-vertical {
    cursor: col-resize;
    height: 100%
}

.arco-resizebox-trigger-vertical.arco-resizebox-trigger-not-resizable {
    cursor: default
}

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-next,.arco-resizebox-trigger-vertical .arco-resizebox-trigger-prev {
    height: 18px;
    line-height: 18px
}

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-wrapper {
    flex-direction: column;
    width: 6px
}

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-empty {
    height: 18px;
    width: 100%
}

.arco-resizebox-trigger-horizontal {
    cursor: row-resize;
    width: 100%
}

.arco-resizebox-trigger-horizontal.arco-resizebox-trigger-not-resizable {
    cursor: default
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-next,.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-prev {
    text-align: center;
    width: 18px
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper {
    height: 6px
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper .arco-icon {
    vertical-align: -1px
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-empty {
    height: 100%;
    width: 18px
}

.arco-resizebox-rtl,.arco-resizebox-split-group-rtl,.arco-resizebox-split-rtl,.arco-resizebox-trigger-rtl {
    direction: rtl
}

.arco-result {
    box-sizing: border-box;
    padding: 32px 32px 24px;
    width: 100%
}

.arco-result-is-403,.arco-result-is-404,.arco-result-is-500 {
    padding-top: 24px
}

.arco-result-is-403 .arco-result-icon-tip,.arco-result-is-404 .arco-result-icon-tip,.arco-result-is-500 .arco-result-icon-tip {
    height: 92px;
    line-height: 92px;
    width: 92px
}

.arco-result-icon {
    font-size: 20px;
    margin-bottom: 16px;
    text-align: center
}

.arco-result-icon-tip {
    border-radius: 50%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px
}

.arco-result-icon-custom {
    height: unset;
    line-height: inherit;
    width: unset
}

.arco-result-icon-custom>.arco-icon {
    color: inherit;
    font-size: 45px
}

.arco-result-icon-success {
    background-color: var(--color-success-light-1);
    color: rgb(var(--success-6))
}

.arco-result-icon-error {
    background-color: var(--color-danger-light-1);
    color: rgb(var(--danger-6))
}

.arco-result-icon-info {
    background-color: var(--color-primary-light-1);
    color: rgb(var(--primary-6))
}

.arco-result-icon-warning {
    background-color: var(--color-warning-light-1);
    color: rgb(var(--warning-6))
}

.arco-result-title {
    color: var(--color-text-1);
    font-weight: 500
}

.arco-result-subtitle,.arco-result-title {
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.arco-result-subtitle {
    color: var(--color-text-2)
}

.arco-result-extra {
    margin-top: 20px;
    text-align: center
}

.arco-result-content {
    margin-top: 16px
}

.arco-select .arco-select-view {
    color: var(--color-neutral-10)
}

.arco-select:hover .arco-select-view {
    background-color: #e5e8ef
}

.arco-select.arco-select-focused .arco-select-view {
    box-shadow: 0 0 0 0 rgb(var(--primary-1));
    color: var(--color-neutral-10)
}

.arco-select-error .arco-select-view {
    background-color: rgb(var(--danger-1))
}

.arco-select-error:hover .arco-select-view {
    background-color: rgb(var(--danger-2))
}

.arco-select-error.arco-select-focused .arco-select-view {
    background-color: #fff;
    box-shadow: 0 0 0 0 rgb(var(--danger-1));
    color: var(--color-neutral-10)
}

.arco-select-warning.arco-select-focused .arco-select-view {
    background-color: #fff;
    color: var(--color-neutral-10)
}

.arco-select-disabled .arco-select-view {
    background-color: #f6f7fb;
    color: var(--color-neutral-4)
}

.arco-select-disabled:hover .arco-select-view {
    background-color: #f6f7fb
}

.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 8px
}

.arco-select-size-mini.arco-select-multiple .arco-select-suffix {
    padding-right: 8px
}

.arco-select-size-mini.arco-select-single .arco-select-view {
    padding: 0 11px
}

.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 11px
}

.arco-select-size-default.arco-select-multiple .arco-select-view,.arco-select-size-default.arco-select-multiple input,.arco-select-size-default.arco-select-single .arco-select-view,.arco-select-size-default.arco-select-single input,.arco-select-size-small.arco-select-multiple .arco-select-view,.arco-select-size-small.arco-select-multiple input,.arco-select-size-small.arco-select-single .arco-select-view,.arco-select-size-small.arco-select-single input {
    font-size: 12px
}

.arco-select-size-large.arco-select-multiple .arco-select-view {
    font-size: 14px
}

.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 8px
}

.arco-select-size-large.arco-select-multiple .arco-select-suffix {
    padding-right: 8px
}

.arco-select-size-large.arco-select-multiple input {
    font-size: 14px
}

.arco-select-size-large.arco-select-single .arco-select-view {
    font-size: 14px;
    padding: 0 11px
}

.arco-select-size-large.arco-select-single input {
    font-size: 14px
}

.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 11px
}

.arco-select-view input::-webkit-input-placeholder {
    color: var(--color-neutral-6)
}

.arco-select-view input::-moz-placeholder {
    color: var(--color-neutral-6)
}

.arco-select-view input::-ms-input-placeholder {
    color: var(--color-neutral-6)
}

.arco-select-view input::placeholder {
    color: var(--color-neutral-6)
}

.arco-select-popup {
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    padding: 6px 0
}

.arco-select-popup .arco-select-option {
    background-color: #fff;
    color: var(--color-neutral-10);
    font-size: 12px
}

.arco-select-popup .arco-select-option-hover {
    background-color: #f2f3f8;
    color: var(--color-neutral-10)
}

.arco-select-popup .arco-select-option-disabled {
    background-color: #fff;
    color: var(--color-neutral-4)
}

.arco-select-group-title {
    color: var(--color-neutral-6);
    padding: 6px 12px 0
}

.arco-select-group-title:first-child {
    padding-top: 0
}

.arco-select-highlight {
    color: rgb(var(--primary-6))
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix {
    padding-right: 11px
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-suffix {
    padding-left: 8px
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-right: 8px
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix {
    padding-right: 11px
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-suffix {
    padding-left: 8px
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-right: 8px
}

.arco-skeleton,.arco-skeleton-header {
    display: flex
}

.arco-skeleton-header .arco-skeleton-image {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    height: 48px;
    width: 48px
}

.arco-skeleton-header .arco-skeleton-image-circle {
    border-radius: 50%
}

.arco-skeleton-header .arco-skeleton-image-small {
    height: 36px;
    width: 36px
}

.arco-skeleton-header .arco-skeleton-image-large {
    height: 60px;
    width: 60px
}

.arco-skeleton-header .arco-skeleton-image-left {
    margin-right: 16px
}

.arco-skeleton-header .arco-skeleton-image-right {
    margin-left: 16px
}

.arco-skeleton-content {
    flex-grow: 1;
    overflow: hidden
}

.arco-skeleton-content .arco-skeleton-text {
    list-style: none;
    margin: 0;
    padding: 0
}

.arco-skeleton-content .arco-skeleton-text-row {
    background-color: var(--color-fill-2);
    height: 16px
}

.arco-skeleton-content .arco-skeleton-text-row:not(:last-child) {
    margin-bottom: 16px
}

.arco-skeleton-animate .arco-skeleton-image,.arco-skeleton-animate .arco-skeleton-text>li {
    -webkit-animation: arco-skeleton-circle 1.5s linear infinite;
    animation: arco-skeleton-circle 1.5s linear infinite;
    background: linear-gradient(90deg,var(--color-fill-2) 25%,var(--color-fill-3) 37%,var(--color-fill-2) 63%);
    background-size: 400% 100%
}

@-webkit-keyframes arco-skeleton-circle {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes arco-skeleton-circle {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.arco-skeleton-rtl .arco-skeleton-image-left {
    margin-left: 16px;
    margin-right: 0
}

.arco-skeleton-rtl .arco-skeleton-image-right {
    margin-left: 0;
    margin-right: 16px
}

.arco-slider {
    display: inline-block;
    width: 100%
}

.arco-slider-wrapper {
    align-items: center;
    display: flex
}

.arco-slider-vertical {
    display: inline-block;
    height: auto;
    min-width: 22px;
    width: auto
}

.arco-slider-vertical .arco-slider-wrapper {
    flex-direction: column
}

.arco-slider-with-marks {
    margin-bottom: 24px;
    padding: 0 20px
}

.arco-slider-vertical.arco-slider-with-marks {
    margin-bottom: 0;
    padding: 0
}

.arco-slider-road {
    cursor: pointer;
    flex: 1 1;
    height: 12px;
    position: relative;
    width: 100%
}

.arco-slider-road:before {
    background-color: #e5e8ef;
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.arco-slider-road.arco-slider-road-vertical {
    height: 100%;
    margin-bottom: 6px;
    margin-right: 0;
    margin-top: 6px;
    max-width: 12px;
    min-height: 200px;
    transform: translateY(0);
    width: 12px
}

.arco-slider-road.arco-slider-road-vertical:before {
    height: 100%;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    width: 2px
}

.arco-slider-road.arco-slider-road-disabled:before {
    background-color: #f2f3f8
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-bar {
    background-color: var(--color-neutral-4)
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-button {
    cursor: not-allowed
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-button:after {
    border-color: var(--color-neutral-4)
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot {
    border-color: #f2f3f8
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot-active {
    border-color: var(--color-neutral-4)
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick {
    background: #f2f3f8
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick-active {
    background: var(--color-neutral-4)
}

.arco-slider-bar {
    background-color: rgb(var(--primary-6));
    border-radius: 2px;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.arco-slider-road-vertical .arco-slider-bar {
    height: unset;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    width: 2px
}

.arco-slider-button {
    transform: translateX(-50%)
}

.arco-slider-button,.arco-slider-button:after {
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px
}

.arco-slider-button:after {
    background: #fff;
    border: 2px solid rgb(var(--primary-6));
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    transition: all .3s cubic-bezier(.3,1.3,.3,1)
}

.arco-slider-button.arco-slider-button-active:after,.arco-slider-button:hover:after {
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    transform: scale(1.16666667)
}

.arco-slider-button:focus-visible:after {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-slider-road-vertical .arco-slider-button {
    bottom: 0;
    left: 0;
    top: unset;
    transform: translateY(50%)
}

.arco-slider-reverse .arco-slider-button {
    left: unset;
    right: 0;
    transform: translateX(50%)
}

.arco-slider-reverse .arco-slider-road-vertical .arco-slider-button {
    transform: translateY(-50%)
}

.arco-slider-marks {
    position: absolute;
    top: 12px;
    width: 100%
}

.arco-slider-marks-text {
    color: #86909c;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    transform: translateX(-50%)
}

.arco-slider-road-vertical .arco-slider-marks {
    height: 100%;
    left: 20px;
    top: 0
}

.arco-slider-road-vertical .arco-slider-marks-text {
    transform: translateY(50%)
}

.arco-slider-reverse .arco-slider-marks-text {
    transform: translateX(50%)
}

.arco-slider-reverse .arco-slider-road-vertical .arco-slider-marks-text {
    transform: translateY(-50%)
}

.arco-slider-dots {
    height: 100%
}

.arco-slider-dots .arco-slider-dot-wrapper {
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper {
    left: 50%;
    top: unset;
    transform: translate(-50%,50%)
}

.arco-slider-reverse .arco-slider-dots .arco-slider-dot-wrapper {
    transform: translate(50%,-50%)
}

.arco-slider-reverse .arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper {
    transform: translate(-50%,-50%)
}

.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot {
    background-color: #fff;
    border: 2px solid #e5e8ef;
    border-radius: 50%;
    box-sizing: border-box;
    height: 8px;
    width: 8px
}

.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active {
    border-color: rgb(var(--primary-6))
}

.arco-slider-ticks .arco-slider-tick {
    background: #e5e8ef;
    height: 3px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-100%);
    width: 1px
}

.arco-slider-ticks .arco-slider-tick-active {
    background: rgb(var(--primary-6))
}

.arco-slider-vertical .arco-slider-ticks .arco-slider-tick {
    height: 1px;
    left: 50%;
    margin-top: unset;
    top: unset;
    transform: translate(1px,50%);
    width: 3px
}

.arco-slider-reverse .arco-slider-ticks .arco-slider-tick {
    transform: translate(50%,-100%)
}

.arco-slider-vertical.arco-slider-reverse .arco-slider-ticks .arco-slider-tick {
    transform: translate(1px,-50%)
}

.arco-slider-input {
    display: flex;
    margin-left: 16px
}

.arco-slider-vertical .arco-slider-input {
    margin-left: 0
}

.arco-slider-input>.arco-input-number {
    height: 32px;
    line-height: normal;
    overflow: visible;
    width: 60px
}

.arco-slider-input>.arco-input-number input {
    text-align: center
}

.arco-slider-input-range {
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 20px
}

.arco-slider-input-range-content {
    background: var(--color-neutral-6);
    display: inline-block;
    height: 2px;
    transform: translateY(-100%);
    width: 8px
}

.arco-slider-rtl {
    direction: rtl
}

.arco-slider-rtl.arco-slider:not(.arco-slider-vertical) .arco-slider-input {
    margin-left: 0;
    margin-right: 16px
}

.arco-slider-rtl.arco-slider-vertical .arco-slider-road-vertical .arco-slider-marks {
    left: 0;
    right: 20px
}

.arco-space {
    display: inline-flex
}

.arco-space-vertical {
    flex-direction: column
}

.arco-space-align-baseline {
    align-items: baseline
}

.arco-space-align-start {
    align-items: flex-start
}

.arco-space-align-end {
    align-items: flex-end
}

.arco-space-align-center {
    align-items: center
}

.arco-space-wrap {
    flex-wrap: wrap
}

.arco-space-rtl {
    direction: rtl
}

.arco-spin {
    display: inline-block
}

.arco-spin-block {
    display: block
}

.arco-spin-with-tip {
    text-align: center
}

.arco-spin-icon {
    color: rgb(var(--primary-6));
    font-size: 16px
}

.arco-spin-tip {
    color: rgb(var(--primary-6));
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px
}

.arco-spin-loading-layer {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-spin-children {
    position: relative
}

.arco-spin-children:after {
    background-color: var(--color-spin-layer-bg);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s linear;
    width: 100%;
    z-index: 1
}

.arco-spin-loading {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-spin-loading .arco-spin-loading-layer-inner {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2
}

.arco-spin-loading .arco-spin-children:after {
    opacity: 1;
    pointer-events: auto
}

.arco-spin-dot {
    -webkit-animation: arco-dot-loading 2s linear infinite forwards;
    animation: arco-dot-loading 2s linear infinite forwards;
    background-color: rgb(var(--primary-6));
    border-radius: var(--border-radius-circle);
    height: 8px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) scale(0);
    width: 8px
}

.arco-spin-dot:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    background-color: rgb(var(--primary-5))
}

.arco-spin-dot:nth-child(3) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    background-color: rgb(var(--primary-4))
}

.arco-spin-dot:nth-child(4) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    background-color: rgb(var(--primary-4))
}

.arco-spin-dot:nth-child(5) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    background-color: rgb(var(--primary-2))
}

.arco-spin-dot-list {
    display: inline-block;
    height: 8px;
    perspective: 200px;
    position: relative;
    transform-style: preserve-3d;
    width: 56px
}

@-webkit-keyframes arco-dot-loading {
    0% {
        transform: translate3D(-48.621%,0,-.985px) scale(.511)
    }

    2.778% {
        transform: translate3D(-95.766%,0,-.94px) scale(.545)
    }

    5.556% {
        transform: translate3D(-140%,0,-.866px) scale(.6)
    }

    8.333% {
        transform: translate3D(-179.981%,0,-.766px) scale(.675)
    }

    11.111% {
        transform: translate3D(-214.492%,0,-.643px) scale(.768)
    }

    13.889% {
        transform: translate3D(-242.487%,0,-.5px) scale(.875)
    }

    16.667% {
        transform: translate3D(-263.114%,0,-.342px) scale(.993)
    }

    19.444% {
        transform: translate3D(-275.746%,0,-.174px) scale(1.12)
    }

    22.222% {
        transform: translate3D(-280%,0,0) scale(1.25)
    }

    25% {
        transform: translate3D(-275.746%,0,.174px) scale(1.38)
    }

    27.778% {
        transform: translate3D(-263.114%,0,.342px) scale(1.507)
    }

    30.556% {
        transform: translate3D(-242.487%,0,.5px) scale(1.625)
    }

    33.333% {
        transform: translate3D(-214.492%,0,.643px) scale(1.732)
    }

    36.111% {
        transform: translate3D(-179.981%,0,.766px) scale(1.825)
    }

    38.889% {
        transform: translate3D(-140%,0,.866px) scale(1.9)
    }

    41.667% {
        transform: translate3D(-95.766%,0,.94px) scale(1.955)
    }

    44.444% {
        transform: translate3D(-48.621%,0,.985px) scale(1.989)
    }

    47.222% {
        transform: translateZ(1px) scale(2)
    }

    50% {
        transform: translate3D(48.621%,0,.985px) scale(1.989)
    }

    52.778% {
        transform: translate3D(95.766%,0,.94px) scale(1.955)
    }

    55.556% {
        transform: translate3D(140%,0,.866px) scale(1.9)
    }

    58.333% {
        transform: translate3D(179.981%,0,.766px) scale(1.825)
    }

    61.111% {
        transform: translate3D(214.492%,0,.643px) scale(1.732)
    }

    63.889% {
        transform: translate3D(242.487%,0,.5px) scale(1.625)
    }

    66.667% {
        transform: translate3D(263.114%,0,.342px) scale(1.507)
    }

    69.444% {
        transform: translate3D(275.746%,0,.174px) scale(1.38)
    }

    72.222% {
        transform: translate3D(280%,0,0) scale(1.25)
    }

    75% {
        transform: translate3D(275.746%,0,-.174px) scale(1.12)
    }

    77.778% {
        transform: translate3D(263.114%,0,-.342px) scale(.993)
    }

    80.556% {
        transform: translate3D(242.487%,0,-.5px) scale(.875)
    }

    83.333% {
        transform: translate3D(214.492%,0,-.643px) scale(.768)
    }

    86.111% {
        transform: translate3D(179.981%,0,-.766px) scale(.675)
    }

    88.889% {
        transform: translate3D(140%,0,-.866px) scale(.6)
    }

    91.667% {
        transform: translate3D(95.766%,0,-.94px) scale(.545)
    }

    94.444% {
        transform: translate3D(48.621%,0,-.985px) scale(.511)
    }

    97.222% {
        transform: translateZ(-1px) scale(.5)
    }
}

@keyframes arco-dot-loading {
    0% {
        transform: translate3D(-48.621%,0,-.985px) scale(.511)
    }

    2.778% {
        transform: translate3D(-95.766%,0,-.94px) scale(.545)
    }

    5.556% {
        transform: translate3D(-140%,0,-.866px) scale(.6)
    }

    8.333% {
        transform: translate3D(-179.981%,0,-.766px) scale(.675)
    }

    11.111% {
        transform: translate3D(-214.492%,0,-.643px) scale(.768)
    }

    13.889% {
        transform: translate3D(-242.487%,0,-.5px) scale(.875)
    }

    16.667% {
        transform: translate3D(-263.114%,0,-.342px) scale(.993)
    }

    19.444% {
        transform: translate3D(-275.746%,0,-.174px) scale(1.12)
    }

    22.222% {
        transform: translate3D(-280%,0,0) scale(1.25)
    }

    25% {
        transform: translate3D(-275.746%,0,.174px) scale(1.38)
    }

    27.778% {
        transform: translate3D(-263.114%,0,.342px) scale(1.507)
    }

    30.556% {
        transform: translate3D(-242.487%,0,.5px) scale(1.625)
    }

    33.333% {
        transform: translate3D(-214.492%,0,.643px) scale(1.732)
    }

    36.111% {
        transform: translate3D(-179.981%,0,.766px) scale(1.825)
    }

    38.889% {
        transform: translate3D(-140%,0,.866px) scale(1.9)
    }

    41.667% {
        transform: translate3D(-95.766%,0,.94px) scale(1.955)
    }

    44.444% {
        transform: translate3D(-48.621%,0,.985px) scale(1.989)
    }

    47.222% {
        transform: translateZ(1px) scale(2)
    }

    50% {
        transform: translate3D(48.621%,0,.985px) scale(1.989)
    }

    52.778% {
        transform: translate3D(95.766%,0,.94px) scale(1.955)
    }

    55.556% {
        transform: translate3D(140%,0,.866px) scale(1.9)
    }

    58.333% {
        transform: translate3D(179.981%,0,.766px) scale(1.825)
    }

    61.111% {
        transform: translate3D(214.492%,0,.643px) scale(1.732)
    }

    63.889% {
        transform: translate3D(242.487%,0,.5px) scale(1.625)
    }

    66.667% {
        transform: translate3D(263.114%,0,.342px) scale(1.507)
    }

    69.444% {
        transform: translate3D(275.746%,0,.174px) scale(1.38)
    }

    72.222% {
        transform: translate3D(280%,0,0) scale(1.25)
    }

    75% {
        transform: translate3D(275.746%,0,-.174px) scale(1.12)
    }

    77.778% {
        transform: translate3D(263.114%,0,-.342px) scale(.993)
    }

    80.556% {
        transform: translate3D(242.487%,0,-.5px) scale(.875)
    }

    83.333% {
        transform: translate3D(214.492%,0,-.643px) scale(.768)
    }

    86.111% {
        transform: translate3D(179.981%,0,-.766px) scale(.675)
    }

    88.889% {
        transform: translate3D(140%,0,-.866px) scale(.6)
    }

    91.667% {
        transform: translate3D(95.766%,0,-.94px) scale(.545)
    }

    94.444% {
        transform: translate3D(48.621%,0,-.985px) scale(.511)
    }

    97.222% {
        transform: translateZ(-1px) scale(.5)
    }
}

.arco-statistic {
    color: var(--color-text-2);
    display: inline-block;
    line-height: 1.5715
}

.arco-statistic-title {
    color: var(--color-neutral-8);
    font-size: 12px;
    margin-bottom: 4px
}

.arco-statistic-content .arco-statistic-value {
    color: var(--color-neutral-10);
    font-size: 24px;
    font-weight: 500;
    white-space: nowrap
}

.arco-statistic-content .arco-statistic-value-int {
    white-space: nowrap
}

.arco-statistic-content .arco-statistic-value-decimal {
    display: inline-block;
    font-size: 24px
}

.arco-statistic-content .arco-statistic-value-suffix {
    font-size: 12px;
    margin-left: 4px
}

.arco-statistic-content .arco-statistic-value-prefix {
    font-size: 12px;
    margin-right: 4px
}

.arco-statistic-extra {
    color: var(--color-text-2);
    margin-top: 8px
}

.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-suffix {
    margin-left: 0;
    margin-right: 4px
}

.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-prefix {
    margin-left: 4px;
    margin-right: 0
}

.arco-steps-item {
    flex: 1 1;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.arco-steps-item:last-child {
    flex: none;
    margin-right: 0
}

.arco-steps-item-active .arco-steps-item-title {
    font-weight: 500
}

.arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title {
    font-weight: 400
}

.arco-steps-item-icon {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-right: 8px;
    vertical-align: top
}

.arco-steps-icon {
    border-radius: 100%;
    box-sizing: border-box;
    height: 28px;
    line-height: 26px;
    text-align: center;
    width: 28px
}

.arco-steps-item-wait .arco-steps-icon {
    background-color: #f2f3f8;
    border: 1px solid transparent;
    color: var(--color-neutral-8)
}

.arco-steps-item-process .arco-steps-icon {
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent;
    color: #fff
}

.arco-steps-item-finish .arco-steps-icon {
    background-color: var(--color-primary-light-1);
    border: 1px solid transparent;
    color: rgb(var(--primary-6))
}

.arco-steps-item-error .arco-steps-icon {
    background-color: rgb(var(--danger-6));
    border: 1px solid transparent;
    color: #fff
}

.arco-steps-item-title {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    padding-right: 8px;
    position: relative;
    white-space: nowrap
}

.arco-steps-item-title,.arco-steps-item-wait .arco-steps-item-title {
    color: var(--color-neutral-8)
}

.arco-steps-item-error .arco-steps-item-title,.arco-steps-item-finish .arco-steps-item-title,.arco-steps-item-process .arco-steps-item-title {
    color: var(--color-neutral-10)
}

.arco-steps-item-content {
    display: inline-block
}

.arco-steps-item-description {
    color: var(--color-neutral-6);
    font-size: 12px;
    margin-top: 4px;
    max-width: 140px;
    white-space: normal
}

.arco-steps-item-finish .arco-steps-item-description,.arco-steps-item-process .arco-steps-item-description,.arco-steps-item-wait .arco-steps-item-description {
    color: var(--color-neutral-6)
}

.arco-steps-item-error .arco-steps-item-description {
    color: var(--color-text-3)
}

.arco-steps-label-horizontal:not(.arco-steps-vertical)>.arco-steps-item:not(:last-child) .arco-steps-item-title:after {
    background-color: #c9cdd4;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1px;
    left: 100%;
    position: absolute;
    top: 13.5px;
    width: 5000px
}

.arco-steps-label-horizontal>.arco-steps-item.arco-steps-item-process .arco-steps-item-title:after {
    background-color: #c9cdd4
}

.arco-steps-label-horizontal>.arco-steps-item.arco-steps-item-finish .arco-steps-item-title:after {
    background-color: rgb(var(--primary-6))
}

.arco-steps-label-horizontal>.arco-steps-item.arco-steps-item-next-error .arco-steps-item-title:after {
    background-color: rgb(var(--danger-6))
}

.arco-steps.arco-steps-vertical>.arco-steps-item:not(:last-child)>.arco-steps-item-tail {
    bottom: 6px;
    box-sizing: border-box;
    height: unset;
    left: 13.5px;
    padding: 0;
    position: absolute;
    top: 34px;
    width: 1px
}

.arco-steps.arco-steps-vertical>.arco-steps-item:not(:last-child)>.arco-steps-item-tail:after {
    background-color: #c9cdd4;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.arco-steps>.arco-steps-item:not(:last-child)>.arco-steps-item-tail {
    box-sizing: border-box;
    height: 1px;
    position: absolute;
    top: 13.5px;
    width: 100%
}

.arco-steps>.arco-steps-item:not(:last-child)>.arco-steps-item-tail:after {
    background-color: #c9cdd4;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail:after {
    background-color: rgb(var(--primary-6))
}

.arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail:after {
    background-color: rgb(var(--danger-6))
}

.arco-steps-size-small.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 11.5px;
    top: 30px
}

.arco-steps-size-small:not(.arco-steps-vertical):not(.arco-steps-mode-dot) .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    top: 11.5px
}

.arco-steps-size-small .arco-steps-item-icon {
    font-size: 14px
}

.arco-steps-size-small .arco-steps-item-title {
    font-size: 12px;
    line-height: 24px
}

.arco-steps-size-small .arco-steps-item-description {
    font-size: 12px
}

.arco-steps-size-small .arco-steps-icon {
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    width: 24px
}

.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after {
    top: 11.5px
}

.arco-steps-label-vertical .arco-steps-item {
    overflow: visible
}

.arco-steps-label-vertical .arco-steps-item-title {
    margin-top: 0;
    padding-right: 0
}

.arco-steps-label-vertical .arco-steps-item-icon {
    margin-left: 56px
}

.arco-steps-label-vertical .arco-steps-item-tail {
    left: 92px;
    padding-right: 36px
}

.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon {
    margin-left: 58px
}

.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail {
    left: 90px;
    padding-right: 32px
}

.arco-steps-rtl .arco-steps-item {
    margin-left: 8px;
    margin-right: 0;
    text-align: right
}

.arco-steps-rtl .arco-steps-item:last-child {
    margin-left: 0
}

.arco-steps-rtl .arco-steps-item-icon {
    margin-left: 8px;
    margin-right: 0
}

.arco-steps-rtl .arco-steps-item-title {
    padding-left: 8px;
    padding-right: 0
}

.arco-steps-rtl.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after {
    left: 0;
    right: 100%
}

.arco-steps-rtl.arco-steps-vertical>.arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 0;
    right: 13.5px
}

.arco-steps-rtl.arco-steps-vertical.arco-steps-size-small.arco-steps-vertical>.arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 0;
    right: 11.5px;
    top: 30px
}

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-title {
    padding-left: 0
}

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 56px
}

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-tail {
    left: 0;
    padding-left: 36px;
    padding-right: 0;
    right: 92px
}

.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 58px
}

.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail {
    left: 0;
    padding-left: 32px;
    padding-right: 0;
    right: 90px
}

.arco-steps-mode-dot .arco-steps-item {
    flex: 1 1;
    margin-right: 16px;
    overflow: visible;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.arco-steps-mode-dot .arco-steps-item:last-child {
    flex: none;
    margin-right: 0
}

.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title {
    font-weight: 500
}

.arco-steps-mode-dot .arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title {
    font-weight: 400
}

.arco-steps-mode-dot .arco-steps-item-icon {
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    display: inline-block;
    height: 8px;
    vertical-align: top;
    width: 8px
}

.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-icon {
    height: 10px;
    width: 10px
}

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-icon {
    background-color: var(--color-fill-4);
    border-color: var(--color-fill-4)
}

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-icon,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-icon {
    background-color: rgb(var(--primary-6));
    border-color: rgb(var(--primary-6))
}

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-icon {
    background-color: rgb(var(--danger-6));
    border-color: rgb(var(--danger-6))
}

.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon {
    margin-left: 66px
}

.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon {
    margin-left: 65px;
    margin-top: -1px
}

.arco-steps-mode-dot .arco-steps-item-content {
    display: inline-block
}

.arco-steps-mode-dot .arco-steps-item-title {
    display: inline-block;
    font-size: 14px;
    margin-top: 0;
    position: relative
}

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title {
    color: var(--color-text-2)
}

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title {
    color: var(--color-text-1)
}

.arco-steps-mode-dot .arco-steps-item-description {
    font-size: 12px;
    margin-top: 4px;
    white-space: normal
}

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description {
    color: var(--color-text-3)
}

.arco-steps-mode-dot>.arco-steps-item:not(:last-child)>.arco-steps-item-tail {
    background-color: var(--color-neutral-3);
    box-sizing: border-box;
    height: 1px;
    left: 78px;
    position: absolute;
    top: 3.5px;
    width: 100%
}

.arco-steps-mode-dot>.arco-steps-item:not(:last-child)>.arco-steps-item-tail:after {
    display: none
}

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail {
    background-color: var(--color-neutral-3)
}

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail {
    background-color: rgb(var(--primary-6))
}

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail {
    background-color: rgb(var(--danger-6))
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item>.arco-steps-item-icon {
    margin-right: 16px
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item>.arco-steps-item-content {
    overflow: hidden
}

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title {
    margin-top: -2px
}

.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-title {
    margin-top: 0
}

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-title {
    margin-top: -3px
}

.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-active .arco-steps-item-title {
    margin-top: -1px
}

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-description {
    margin-top: 4px
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item:not(:last-child)>.arco-steps-item-tail {
    background-color: transparent;
    bottom: -4px;
    box-sizing: border-box;
    height: unset;
    left: 4px;
    padding: 0;
    position: absolute;
    top: 20px;
    transform: translateX(-50%);
    width: 1px
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item:not(:last-child)>.arco-steps-item-tail:after {
    background-color: var(--color-neutral-3);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item:not(:last-child).arco-steps-item-process>.arco-steps-item-tail:after {
    background-color: var(--color-neutral-3)
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item:not(:last-child).arco-steps-item-finish>.arco-steps-item-tail:after {
    background-color: rgb(var(--primary-6))
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item:not(:last-child).arco-steps-item-next-error>.arco-steps-item-tail:after {
    background-color: rgb(var(--danger-6))
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item>.arco-steps-item-icon {
    margin-top: 8px
}

.arco-steps-mode-dot.arco-steps-vertical>.arco-steps-item-active>.arco-steps-item-icon {
    margin-left: -1px;
    margin-top: 6px
}

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item {
    margin-left: 16px;
    margin-right: 0;
    text-align: right
}

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:last-child {
    margin-left: 0
}

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: auto;
    right: 78px
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 66px
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 65px
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-icon {
    margin-left: 16px;
    margin-right: 0
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 0;
    right: 4px
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-icon {
    margin-right: -1px
}

.arco-steps-mode-arrow .arco-steps-item {
    align-items: center;
    display: flex;
    flex: 1 1;
    height: 40px;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child) {
    margin-right: 2px
}

.arco-steps-mode-arrow .arco-steps-item-wait {
    background-color: var(--color-fill-1)
}

.arco-steps-mode-arrow .arco-steps-item-process {
    background-color: rgb(var(--primary-6))
}

.arco-steps-mode-arrow .arco-steps-item-finish {
    background-color: var(--color-primary-light-1)
}

.arco-steps-mode-arrow .arco-steps-item-error {
    background-color: rgb(var(--danger-6))
}

.arco-steps-mode-arrow .arco-steps-item-content {
    box-sizing: border-box;
    display: inline-block
}

.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 20px
}

.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 40px
}

.arco-steps-mode-arrow .arco-steps-item-title {
    display: inline-block;
    font-size: 14px;
    position: relative;
    white-space: nowrap
}

.arco-steps-mode-arrow .arco-steps-item-title:after {
    display: none!important
}

.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-title {
    color: var(--color-text-2)
}

.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title {
    color: var(--color-white)
}

.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title {
    color: var(--color-text-1)
}

.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title {
    color: var(--color-white)
}

.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title {
    font-weight: 500
}

.arco-steps-mode-arrow .arco-steps-item-description {
    font-size: 12px;
    margin-top: 0;
    max-width: none;
    white-space: nowrap
}

.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description {
    color: var(--color-text-3)
}

.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description {
    color: var(--color-white)
}

.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description {
    color: var(--color-text-3)
}

.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description {
    color: var(--color-white)
}

.arco-steps-mode-arrow .arco-steps-item:not(:first-child):before {
    border-left: 20px solid var(--color-bg-2);
    left: 0;
    z-index: 1
}

.arco-steps-mode-arrow .arco-steps-item:not(:first-child):before,.arco-steps-mode-arrow .arco-steps-item:not(:last-child):after {
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child):after {
    clear: both;
    right: -20px;
    z-index: 2
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait:after {
    border-left: 20px solid var(--color-fill-1)
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process:after {
    border-left: 20px solid rgb(var(--primary-6))
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error:after {
    border-left: 20px solid rgb(var(--danger-6))
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish:after {
    border-left: 20px solid var(--color-primary-light-1)
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item {
    height: 40px
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-title {
    font-size: 12px
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-description {
    display: none
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child):before {
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color-bg-2);
    border-top: 20px solid transparent
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child):after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color-fill-1);
    border-top: 20px solid transparent;
    right: -20px
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 20px
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 40px
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-error:not(:last-child):after {
    border-left: 20px solid rgb(var(--danger-6))
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait:after {
    border-left: 20px solid var(--color-fill-1)
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process:after {
    border-left: 20px solid rgb(var(--primary-6))
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish:after {
    border-left: 20px solid var(--color-primary-light-1)
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child) {
    margin-left: 2px;
    margin-right: 0
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 0;
    padding-right: 20px
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 0;
    padding-right: 40px
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child):before {
    border-left: none;
    border-right: 20px solid var(--color-bg-2);
    right: 0
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child):after {
    left: -20px;
    right: auto
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait:after {
    border-left: none;
    border-right: 20px solid var(--color-fill-1)
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process:after {
    border-left: none;
    border-right: 20px solid rgb(var(--primary-6))
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish:after {
    border-left: none;
    border-right: 20px solid var(--color-primary-light-1)
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error:after {
    border-left: none;
    border-right: 20px solid rgb(var(--danger-6))
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child):before {
    border-right: 20px solid var(--color-bg-2)
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child):after {
    border-right: 20px solid var(--color-fill-1);
    left: -20px
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 0;
    padding-right: 20px
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 0;
    padding-right: 40px
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait:after {
    border-right: 20px solid var(--color-fill-1)
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process:after {
    border-right: 20px solid rgb(var(--primary-6))
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish:after {
    border-right: 20px solid var(--color-primary-light-1)
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-error:after {
    border-right: 20px solid rgb(var(--danger-6))
}

.arco-steps-mode-navigation.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after {
    display: none
}

.arco-steps-mode-navigation .arco-steps-item {
    margin-right: 32px;
    padding-left: 20px;
    padding-right: 10px
}

.arco-steps-mode-navigation .arco-steps-item:last-child {
    flex: 1 1
}

.arco-steps-mode-navigation .arco-steps-item-content {
    margin-bottom: 20px
}

.arco-steps-mode-navigation .arco-steps-item-description {
    padding-right: 20px
}

.arco-steps-mode-navigation .arco-steps-item-active:after {
    background-color: rgb(var(--primary-6));
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 30px
}

.arco-steps-mode-navigation .arco-steps-item-active:last-child:after {
    width: 100%
}

.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content:after {
    background-color: var(--color-bg-2);
    border: 2px solid var(--color-text-4);
    border-bottom: none;
    border-left: none;
    content: "";
    display: inline-block;
    height: 6px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: rotate(45deg);
    width: 6px
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item {
    margin-left: 32px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 20px
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-description {
    padding-left: 20px;
    padding-right: 0
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-active:after {
    left: 30px;
    right: 0
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content:after {
    border: 2px solid var(--color-text-4);
    border-right: none;
    border-top: none;
    left: 10px;
    right: auto
}

.arco-steps {
    display: flex
}

.arco-steps-change-onclick .arco-steps-item-description,.arco-steps-change-onclick .arco-steps-item-title {
    transition: all .1s linear
}

.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled) {
    cursor: pointer
}

.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-description,.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-title {
    color: rgb(var(--primary-6))
}

.arco-steps-lineless .arco-steps-item-title:after {
    display: none!important
}

.arco-steps-vertical {
    flex-direction: column
}

.arco-steps-vertical>.arco-steps-item:not(:last-child) {
    min-height: 90px
}

.arco-steps-vertical>.arco-steps-item>.arco-steps-item-content>.arco-steps-item-title:after {
    display: none!important
}

.arco-steps-vertical>.arco-steps-item>.arco-steps-item-content>.arco-steps-item-description {
    max-width: none
}

.arco-steps-label-vertical .arco-steps-item-content {
    display: block;
    text-align: center;
    width: 140px
}

.arco-steps-label-vertical .arco-steps-item-description {
    max-width: none
}

.arco-steps-rtl {
    direction: rtl
}

.switchSlideText-appear,.switchSlideText-enter {
    left: -100%!important
}

.switchSlideText-appear-active,.switchSlideText-enter-active {
    left: 8px!important;
    transition: left .2s cubic-bezier(.34,.69,.1,1)
}

.switchSlideText-exit {
    left: 100%!important
}

.switchSlideText-exit-active {
    left: 26px!important;
    transition: left .2s cubic-bezier(.34,.69,.1,1)
}

.arco-switch {
    background-color: var(--color-neutral-4);
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    min-width: 40px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color .2s cubic-bezier(.34,.69,.1,1);
    vertical-align: middle
}

.arco-switch-type-circle:focus-visible,.arco-switch-type-round:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--gray-6))
}

.arco-switch-type-circle.arco-switch-checked:focus-visible,.arco-switch-type-round.arco-switch-checked:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-switch-type-line:focus-visible .arco-switch-dot {
    box-shadow: 0 0 0 2px rgb(var(--gray-6));
    transition: none
}

.arco-switch-type-line.arco-switch-checked:focus-visible .arco-switch-dot {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-switch-dot {
    align-items: center;
    background-color: var(--color-bg-white);
    border-radius: 50%;
    color: var(--color-neutral-3);
    display: flex;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s cubic-bezier(.34,.69,.1,1);
    width: 16px
}

.arco-switch-checked {
    background-color: rgb(var(--primary-6))
}

.arco-switch-checked .arco-switch-dot {
    color: rgb(var(--primary-6));
    left: calc(100% - 20px)
}

.arco-switch[disabled] .arco-switch-dot {
    color: var(--color-fill-2)
}

.arco-switch[disabled].arco-switch-checked .arco-switch-dot {
    color: var(--color-primary-light-3)
}

.arco-switch-text-holder {
    font-size: 12px;
    margin: 0 8px 0 26px;
    opacity: 0
}

.arco-switch-text {
    color: #fff;
    font-size: 12px;
    left: 26px;
    position: absolute;
    top: 0
}

.arco-switch-checked .arco-switch-text-holder {
    margin: 0 26px 0 8px
}

.arco-switch-checked .arco-switch-text {
    color: #fff;
    left: 8px
}

.arco-switch[disabled] {
    background-color: #f2f3f8;
    cursor: not-allowed
}

.arco-switch[disabled] .arco-switch-text {
    color: #fff
}

.arco-switch[disabled].arco-switch-checked {
    background-color: rgb(var(--primary-3))
}

.arco-switch[disabled].arco-switch-checked .arco-switch-text {
    color: #fff
}

.arco-switch-loading {
    background-color: var(--color-fill-2)
}

.arco-switch-loading .arco-switch-dot {
    color: var(--color-neutral-3)
}

.arco-switch-loading .arco-switch-text {
    color: var(--color-white)
}

.arco-switch-loading.arco-switch-checked {
    background-color: var(--color-primary-light-3)
}

.arco-switch-loading.arco-switch-checked .arco-switch-dot {
    color: var(--color-primary-light-3)
}

.arco-switch-loading.arco-switch-checked .arco-switch-text {
    color: var(--color-primary-light-1)
}

.arco-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.arco-switch-small.arco-switch-checked {
    padding-left: -2px
}

.arco-switch-small .arco-switch-dot {
    border-radius: 8px;
    height: 12px;
    left: 2px;
    top: 2px;
    width: 12px
}

.arco-switch-small .arco-switch-dot-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(.66667)
}

.arco-switch-small.arco-switch-checked .arco-switch-dot {
    left: calc(100% - 14px)
}

.arco-switch-type-round {
    border-radius: var(--border-radius-small);
    min-width: 40px
}

.arco-switch-type-round .arco-switch-dot {
    border-radius: 2px
}

.arco-switch-type-round.arco-switch-small {
    border-radius: 2px;
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.arco-switch-type-round.arco-switch-small .arco-switch-dot {
    border-radius: 1px
}

.arco-switch-type-line {
    background-color: transparent;
    min-width: 36px;
    overflow: unset
}

.arco-switch-type-line:after {
    background-color: var(--color-neutral-4);
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    transition: background-color .2s cubic-bezier(.34,.69,.1,1);
    width: 100%
}

.arco-switch-type-line .arco-switch-dot {
    background-color: var(--color-bg-white);
    border-radius: 10px;
    box-shadow: 0 1px 3px var(--color-neutral-6);
    height: 20px;
    left: 0;
    top: 2px;
    width: 20px
}

.arco-switch-type-line.arco-switch-checked {
    background-color: transparent
}

.arco-switch-type-line.arco-switch-checked:after {
    background-color: rgb(var(--primary-6))
}

.arco-switch-type-line.arco-switch-checked .arco-switch-dot {
    left: calc(100% - 20px)
}

.arco-switch-type-line[disabled] {
    background-color: transparent;
    cursor: not-allowed
}

.arco-switch-type-line[disabled]:after {
    background-color: #f2f3f8
}

.arco-switch-type-line[disabled].arco-switch-checked {
    background-color: transparent
}

.arco-switch-type-line[disabled].arco-switch-checked:after {
    background-color: rgb(var(--primary-3))
}

.arco-switch-type-line.arco-switch-loading {
    background-color: transparent
}

.arco-switch-type-line.arco-switch-loading:after {
    background-color: var(--color-fill-2)
}

.arco-switch-type-line.arco-switch-loading.arco-switch-checked {
    background-color: transparent
}

.arco-switch-type-line.arco-switch-loading.arco-switch-checked:after {
    background-color: var(--color-primary-light-3)
}

.arco-switch-type-line.arco-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.arco-switch-type-line.arco-switch-small.arco-switch-checked {
    padding-left: 0
}

.arco-switch-type-line.arco-switch-small .arco-switch-dot {
    border-radius: 8px;
    height: 16px;
    top: 0;
    width: 16px
}

.arco-switch-type-line.arco-switch-small .arco-switch-dot-icon {
    transform: translate(-50%,-50%) scale(1)
}

.arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-dot {
    left: calc(100% - 16px)
}

.arco-switch-rtl {
    direction: rtl
}

.arco-switch-rtl .switchSlideText-appear,.arco-switch-rtl .switchSlideText-enter {
    left: auto;
    right: -100%!important
}

.arco-switch-rtl .switchSlideText-appear-active,.arco-switch-rtl .switchSlideText-enter-active {
    left: auto;
    right: 8px!important;
    transition: right .2s cubic-bezier(.34,.69,.1,1)
}

.arco-switch-rtl .switchSlideText-exit {
    left: auto;
    right: 100%!important
}

.arco-switch-rtl .switchSlideText-exit-active {
    left: auto;
    right: 26px!important;
    transition: right .2s cubic-bezier(.34,.69,.1,1)
}

.arco-switch-rtl .arco-switch-dot {
    left: auto;
    right: 4px
}

.arco-switch-rtl .arco-switch-text-holder {
    margin: 0 26px 0 8px
}

.arco-switch-rtl .arco-switch-text {
    left: auto;
    right: 26px
}

.arco-switch-rtl.arco-switch-small .arco-switch-dot {
    right: 2px
}

.arco-switch-rtl.arco-switch-type-line .arco-switch-dot {
    right: 0
}

.arco-switch-rtl.arco-switch-checked .arco-switch-dot {
    right: calc(100% - 20px)
}

.arco-switch-rtl.arco-switch-checked .arco-switch-text-holder {
    margin: 0 8px 0 26px
}

.arco-switch-rtl.arco-switch-checked .arco-switch-text {
    left: auto;
    right: 8px
}

.arco-switch-rtl.arco-switch-checked.arco-switch-small {
    padding-left: 0;
    padding-right: -2px
}

.arco-switch-rtl.arco-switch-checked.arco-switch-small.arco-switch-type-line {
    padding-left: 0;
    padding-right: 0
}

.arco-switch-rtl.arco-switch-checked.arco-switch-small .arco-switch-dot {
    left: auto;
    right: calc(100% - 14px)
}

.arco-table-filters-popup {
    background: #fff;
    border: 1px solid #e5e8ef;
    border-radius: var(--border-radius-medium);
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    box-sizing: border-box;
    min-width: 100px
}

.arco-table-filters-list {
    max-height: 200px;
    overflow-y: auto;
    padding: 4px 0
}

.arco-table-filters-item {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    width: 100%
}

.arco-table-filters-item .arco-checkbox,.arco-table-filters-item .arco-radio {
    padding: 0 12px;
    white-space: nowrap;
    width: 100%
}

.arco-table-filters-btn {
    align-items: center;
    border-top: 1px solid #e5e8ef;
    box-sizing: border-box;
    display: flex;
    height: 38px;
    justify-content: space-between;
    line-height: 38px;
    overflow: hidden;
    padding: 0 12px
}

.arco-table-th-item {
    padding: 12px 16px
}

.arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px
}

.arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0
}

.arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px
}

.arco-table-col-has-sorter {
    padding: 0
}

.arco-table-col-has-sorter .arco-table-cell-with-sorter {
    cursor: pointer;
    padding: 12px 16px
}

.arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px
}

.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0
}

.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 16px
}

.arco-table-td {
    font-size: 12px;
    padding: 12px 16px
}

.arco-table-th {
    font-size: 12px
}

.arco-table-footer {
    padding: 12px 16px
}

.arco-table-expand-fixed-row {
    margin: -12px -17px;
    padding: 12px 16px
}

.arco-table-expand-content .arco-table-td .arco-table {
    margin: -12px -16px -13px
}

.arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 12px 16px
}

.arco-table-size-middle .arco-table-th-item {
    padding: 8px 16px
}

.arco-table-size-middle .arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px
}

.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0
}

.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px
}

.arco-table-size-middle .arco-table-col-has-sorter {
    padding: 0
}

.arco-table-size-middle .arco-table-col-has-sorter .arco-table-cell-with-sorter {
    cursor: pointer;
    padding: 8px 16px
}

.arco-table-size-middle .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px
}

.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0
}

.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 16px
}

.arco-table-size-middle .arco-table-td {
    font-size: 12px;
    padding: 8px 16px
}

.arco-table-size-middle .arco-table-th {
    font-size: 12px
}

.arco-table-size-middle .arco-table-footer {
    padding: 8px 16px
}

.arco-table-size-middle .arco-table-expand-fixed-row {
    margin: -8px -17px;
    padding: 8px 16px
}

.arco-table-size-middle .arco-table-expand-content .arco-table-td .arco-table {
    margin: -8px -16px -9px
}

.arco-table-size-middle .arco-table-editable-row .arco-table-cell-wrap-value,.arco-table-size-small .arco-table-th-item {
    padding: 8px 16px
}

.arco-table-size-small .arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px
}

.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0
}

.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px
}

.arco-table-size-small .arco-table-col-has-sorter {
    padding: 0
}

.arco-table-size-small .arco-table-col-has-sorter .arco-table-cell-with-sorter {
    cursor: pointer;
    padding: 8px 16px
}

.arco-table-size-small .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px
}

.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0
}

.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 16px
}

.arco-table-size-small .arco-table-td {
    font-size: 12px;
    padding: 8px 16px
}

.arco-table-size-small .arco-table-th {
    font-size: 12px
}

.arco-table-size-small .arco-table-footer {
    padding: 8px 16px
}

.arco-table-size-small .arco-table-expand-fixed-row {
    margin: -8px -17px;
    padding: 8px 16px
}

.arco-table-size-small .arco-table-expand-content .arco-table-td .arco-table {
    margin: -8px -16px -9px
}

.arco-table-size-small .arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 8px 16px
}

.arco-table-size-mini .arco-table-th-item {
    padding: 2px 16px
}

.arco-table-size-mini .arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px
}

.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0
}

.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px
}

.arco-table-size-mini .arco-table-col-has-sorter {
    padding: 0
}

.arco-table-size-mini .arco-table-col-has-sorter .arco-table-cell-with-sorter {
    cursor: pointer;
    padding: 2px 16px
}

.arco-table-size-mini .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px
}

.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0
}

.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 16px
}

.arco-table-size-mini .arco-table-td {
    font-size: 12px;
    padding: 2px 16px
}

.arco-table-size-mini .arco-table-th {
    font-size: 12px
}

.arco-table-size-mini .arco-table-footer {
    padding: 2px 16px
}

.arco-table-size-mini .arco-table-expand-fixed-row {
    margin: -2px -17px;
    padding: 2px 16px
}

.arco-table-size-mini .arco-table-expand-content .arco-table-td .arco-table {
    margin: -2px -16px -3px
}

.arco-table-size-mini .arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 2px 16px
}

.arco-table {
    position: relative
}

.arco-table .arco-spin {
    display: block
}

.arco-table>.arco-spin>.arco-spin-children:after {
    z-index: 2
}

.arco-table-footer {
    border-radius: 0 0 2px 2px
}

.arco-table-scroll-position-middle .arco-table-col-fixed-left-last:after,.arco-table-scroll-position-right .arco-table-col-fixed-left-last:after {
    box-shadow: inset 6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table-scroll-position-left .arco-table-col-fixed-right-first:after,.arco-table-scroll-position-middle .arco-table-col-fixed-right-first:after {
    box-shadow: inset -6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll:before,.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll:before {
    box-shadow: inset 6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll:after,.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll:after {
    box-shadow: inset -6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table-layout-fixed .arco-table-content-inner {
    overflow-x: auto;
    overflow-y: hidden
}

.arco-table-layout-fixed table {
    table-layout: fixed
}

thead>.arco-table-tr>.arco-table-th {
    border-bottom: 1px solid #e5e8ef
}

thead>.arco-table-tr:not(:last-child)>.arco-table-th[colspan] {
    border-bottom: 0
}

.arco-table table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    min-width: 100%;
    width: 100%
}

.arco-table table thead tr:first-child th:first-child {
    border-radius: 2px 0 0 0
}

.arco-table table thead tr:first-child th:last-child {
    border-radius: 0 2px 0 0
}

.arco-table-th {
    background-color: #f2f3f8;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    font-weight: 500;
    line-height: 1.5715;
    text-align: left
}

.arco-table-th[colspan] {
    text-align: center
}

.arco-table-td {
    background-color: #fff;
    border-bottom: 1px solid #e5e8ef;
    box-sizing: border-box;
    color: var(--color-neutral-10);
    line-height: 1.5715;
    text-align: left
}

.arco-table-th.arco-table-col-sorted {
    background-color: #e5e8ef
}

.arco-table-td.arco-table-col-sorted {
    background-color: #f6f7fb
}

.arco-table-col-fixed-left,.arco-table-col-fixed-right {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.arco-table-col-fixed-left-last:after,.arco-table-col-fixed-right-first:after {
    bottom: -1px;
    box-shadow: none;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: box-shadow .1s linear;
    width: 10px
}

.arco-table-col-fixed-left-last:after {
    left: unset;
    right: 0;
    transform: translateX(100%)
}

.arco-table-cell-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-table-cell-text-ellipsis .arco-table-cell-with-sorter {
    align-items: center;
    display: flex
}

.arco-table-cell-text-ellipsis .arco-table-th-item-title {
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-table-editable-row .arco-table-cell-wrap-value {
    border: 1px solid var(--color-white);
    border-radius: 2px;
    cursor: pointer;
    transition: all .1s linear
}

.arco-table-editable-row:hover .arco-table-cell-wrap-value {
    border: 1px solid #e5e8ef
}

.arco-table-cell {
    width: 100%;
    word-break: break-all
}

.arco-table-cell:has(>.arco-table-cell-indent):after {
    clear: both;
    content: "";
    display: block
}

.arco-table-cell-indent {
    float: left;
    height: 1px
}

.arco-table-cell-indent+.arco-table-cell-wrap-value {
    float: left
}

.arco-table-expand-icon-cell button {
    align-items: center;
    background-color: #f2f3f8;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-8);
    cursor: pointer;
    display: inline-flex;
    font-size: 8px;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    outline: none;
    padding: 0;
    transition: background-color .1s linear;
    width: 16px
}

.arco-table-expand-icon-cell button:hover {
    background-color: #e5e8ef;
    border-color: transparent;
    color: var(--color-neutral-10)
}

.arco-table-cell-expand-icon {
    float: left
}

.arco-table-cell-expand-icon button {
    align-items: center;
    background-color: #f2f3f8;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--color-neutral-8);
    cursor: pointer;
    display: inline-flex;
    font-size: 8px;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    margin-right: 8px;
    outline: none;
    padding: 0;
    transition: background-color .1s linear;
    width: 16px
}

.arco-table-cell-expand-icon button:hover {
    background-color: #e5e8ef;
    border-color: transparent;
    color: var(--color-neutral-10)
}

.arco-table-cell-expand-icon-hidden {
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.arco-table-expand-content .arco-table-td {
    background-color: #f6f7fb
}

.arco-table-expand-fixed-row {
    box-sizing: border-box;
    left: 0;
    position: -webkit-sticky;
    position: sticky
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-container {
    border: none
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-th {
    border-bottom: 1px solid #e5e8ef
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-td,.arco-table-expand-content .arco-table-td .arco-table .arco-table-th {
    background-color: #f6f7fb
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-pagination {
    margin-bottom: 12px
}

.arco-table-td.arco-table-operation,.arco-table-th.arco-table-operation .arco-table-th-item {
    padding: 0;
    text-align: center
}

.arco-table-checkbox,.arco-table-radio {
    justify-content: center
}

.arco-table-checkbox .arco-checkbox,.arco-table-radio .arco-radio {
    padding-left: 0
}

.arco-table-expand-icon-col,.arco-table-selection-col {
    width: 40px
}

.arco-table-checkbox .arco-table-th-item,.arco-table-radio .arco-table-th-item,div.arco-table-expand-icon-col .arco-table-th-item,div.arco-table-selection-col .arco-table-th-item {
    padding: 0
}

.arco-table-th-item {
    position: relative;
    transition: background-color .1s linear
}

.arco-table-cell-mouseenter {
    background-color: var(--color-neutral-4)
}

.arco-table-cell-next-ascend .arco-table-sorter-icon .arco-icon-caret-up,.arco-table-cell-next-descend .arco-table-sorter-icon .arco-icon-caret-down {
    color: var(--color-neutral-6)
}

.arco-table-sorter {
    display: inline-block;
    margin-left: 24px;
    vertical-align: -3px
}

.arco-table-sorter.arco-table-sorter-direction-one {
    vertical-align: 0
}

.arco-table-sorter-icon {
    height: 8px;
    line-height: 8px;
    overflow: hidden;
    position: relative;
    width: 12px
}

.arco-table-sorter-icon .arco-icon-caret-down,.arco-table-sorter-icon .arco-icon-caret-up {
    color: #4e5969;
    font-size: 12px;
    position: absolute;
    top: 50%;
    transition: all .1s linear
}

.arco-table-sorter-icon .arco-icon-caret-up {
    left: 0;
    top: -2px
}

.arco-table-sorter-icon .arco-icon-caret-down {
    left: 0;
    top: -3px
}

.arco-table-sorter-icon.arco-table-sorter-icon-active svg {
    color: rgb(var(--primary-6))
}

.arco-table-filters {
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .1s linear;
    vertical-align: 0;
    width: 24px
}

.arco-table-filters-open,.arco-table-filters:hover {
    background-color: var(--color-neutral-4)
}

.arco-table-filters svg {
    color: var(--color-neutral-6);
    font-size: 16px;
    transition: all .1s linear
}

.arco-table-filters-active svg {
    color: rgb(var(--primary-6))
}

.arco-table-container {
    position: relative
}

.arco-table-container,.arco-table-header {
    border-radius: 2px 2px 0 0
}

.arco-table-content-scroll {
    overflow: hidden;
    width: 100%
}

.arco-table-content-scroll .arco-table-content-inner {
    width: auto
}

.arco-table-content-scroll:after,.arco-table-content-scroll:before {
    bottom: -1px;
    box-shadow: none;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: -1px;
    transition: box-shadow .1s linear;
    width: 10px;
    z-index: 1
}

.arco-table-content-scroll:before {
    border-top-left-radius: 2px;
    left: 0
}

.arco-table-content-scroll:after {
    border-top-right-radius: 2px;
    right: 0
}

.arco-table-header {
    background-color: #f2f3f8;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-color: transparent transparent
}

.arco-table-header::-webkit-scrollbar {
    background-color: transparent
}

.arco-table-body {
    background-color: var(--color-bg-2);
    overflow: auto;
    position: relative;
    z-index: 1
}

.arco-table-no-data {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    padding: 20px;
    text-align: center
}

.arco-table-border.arco-table-fixed-column .arco-table-empty-row .arco-table-td:first-child {
    border-bottom: 0;
    border-left: 0
}

.arco-table-border .arco-table-container {
    border-right: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef
}

.arco-table-border .arco-table-container:before {
    background-color: #e5e8ef;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.arco-table-border .arco-table-expand-fixed-row,.arco-table-border .arco-table-td:first-child,.arco-table-border .arco-table-th:first-child {
    border-left: 1px solid #e5e8ef
}

.arco-table-border .arco-table-footer {
    border: 1px solid #e5e8ef;
    border-top: 0
}

.arco-table-border-cell .arco-table-td,.arco-table-border-cell .arco-table-th {
    border-left: 1px solid #e5e8ef
}

.arco-table-border-cell thead>.arco-table-tr:not(:last-child)>.arco-table-th[colspan] {
    border-bottom: 1px solid #e5e8ef
}

.arco-table-border-header-cell .arco-table-th {
    border-left: 1px solid #e5e8ef
}

.arco-table-border-header-cell thead>.arco-table-tr:not(:last-child)>.arco-table-th[colspan] {
    border-bottom: 1px solid #e5e8ef
}

.arco-table-border-body-cell .arco-table-td {
    border-left: 1px solid #e5e8ef
}

.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child,.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child {
    border-left: 0
}

.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),.arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td {
    background-color: #f6f7fb
}

.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-left:before,.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-right:before {
    background-color: #f6f7fb;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.arco-table-hover .arco-table-expand-content:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
    background-color: #f2f3f8
}

.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-left:before,.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-right:before,.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
    background-color: transparent
}

.arco-table-type-radio .arco-table-row-checked.arco-table-tr .arco-table-td {
    background-color: #f6f7fb
}

.arco-table-virtualized table {
    table-layout: fixed
}

.arco-table-virtualized div.arco-table-body div.arco-table-tr {
    display: flex
}

.arco-table-virtualized div.arco-table-body div.arco-table-td {
    align-items: center;
    display: flex;
    flex: 1 1
}

.arco-table-virtualized .arco-table-expand-icon-col,.arco-table-virtualized .arco-table-selection-col {
    max-width: 40px
}

div.arco-table-tfoot {
    background-color: var(--color-neutral-2);
    box-shadow: 0 -1px 0 #e5e8ef;
    overflow-x: scroll;
    position: relative;
    scrollbar-color: transparent transparent;
    width: 100%;
    z-index: 1
}

div.arco-table-tfoot::-webkit-scrollbar {
    background-color: transparent
}

.arco-table-tfoot .arco-table-td {
    background-color: var(--color-neutral-2)
}

.arco-table-pagination {
    display: flex;
    justify-content: flex-end
}

.arco-table-pagination-left {
    justify-content: flex-start
}

.arco-table-pagination-center {
    justify-content: center
}

.arco-table-pagination-top {
    margin-bottom: 12px;
    margin-top: 0
}

.arco-table-pagination .arco-pagination {
    margin-top: 12px
}

.arco-table-rtl {
    direction: rtl
}

.arco-table-rtl.arco-table-border .arco-table-td:first-child,.arco-table-rtl.arco-table-border .arco-table-th:first-child {
    border-left: 0;
    border-right: 1px solid #e5e8ef
}

.arco-table-rtl.arco-table-border-cell .arco-table-td,.arco-table-rtl.arco-table-border-cell .arco-table-th {
    border-left: 1px solid #e5e8ef
}

.arco-table-rtl table thead tr:first-child th:first-child {
    border-radius: 0 2px 0 0
}

.arco-table-rtl table thead tr:first-child th:last-child {
    border-radius: 2px 0 0 0
}

.arco-table-rtl .arco-table-td,.arco-table-rtl .arco-table-th {
    text-align: right
}

.arco-table-rtl .arco-table-td.arco-table-operation,.arco-table-rtl .arco-table-th.arco-table-operation .arco-table-th-item {
    text-align: center
}

.arco-table-rtl.arco-table-border .arco-table-container {
    border-left: 1px solid #e5e8ef;
    border-right: 0
}

.arco-table-rtl.arco-table-border-body-cell .arco-table-td,.arco-table-rtl.arco-table-border-cell .arco-table-td,.arco-table-rtl.arco-table-border-cell .arco-table-th,.arco-table-rtl.arco-table-border-header-cell .arco-table-th {
    border-left: 0;
    border-right: 1px solid #e5e8ef
}

.arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child,.arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child {
    border-right: 0
}

.arco-table-rtl .arco-table-cell-expand-icon,.arco-table-rtl .arco-table-cell-indent {
    float: right
}

.arco-table-rtl .arco-table-cell-expand-icon button,.arco-table-rtl .arco-table-cell-expand-icon-hidden {
    margin-left: 8px;
    margin-right: 0
}

.arco-table-rtl .arco-table-filters {
    left: 0;
    right: unset
}

.arco-table-rtl .arco-table-sorter {
    margin-left: 0;
    margin-right: 24px
}

.arco-table-rtl .arco-table-col-fixed-left-last:after,.arco-table-rtl .arco-table-col-fixed-right-first:after {
    left: unset;
    right: -20px
}

.arco-table-rtl .arco-table-col-fixed-left-last:after {
    left: -20px;
    right: unset
}

.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-left-last:after {
    box-shadow: none
}

.arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-right-first:after,.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-right-first:after {
    box-shadow: inset 6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-right-first:after {
    box-shadow: none
}

.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-left-last:after,.arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-left-last:after {
    box-shadow: inset -6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll:before,.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll:before {
    box-shadow: none
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll:after,.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll:after {
    box-shadow: inset -6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll:before,.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll:before {
    box-shadow: inset 6px 0 8px -3px rgba(0,0,0,.15)
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll:after,.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll:after {
    box-shadow: none
}

body[arco-theme=dark] .arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td {
    background-color: var(--color-bg-3)
}

.arco-tabs .arco-tabs-icon-hover {
    color: var(--color-neutral-8);
    font-size: 16px
}

.arco-tabs-dropdown-icon {
    font-size: 16px;
    margin-left: 20px
}

.arco-tabs-add-icon {
    font-size: 16px
}

.arco-tabs-left-icon {
    margin-left: 8px;
    margin-right: 20px
}

.arco-tabs-right-icon {
    margin-left: 20px;
    margin-right: 8px
}

.arco-tabs-up-icon {
    margin-bottom: 8px
}

.arco-tabs-down-icon {
    margin-top: 8px
}

.arco-tabs .arco-tabs-nav-icon-disabled {
    color: var(--color-neutral-4)
}

.arco-tabs-header-nav:before {
    background-color: #e5e8ef
}

.arco-tabs-header-extra {
    line-height: 36px
}

.arco-tabs-header-title {
    padding: 7px 0
}

.arco-tabs-header-title,.arco-tabs-header-title:hover {
    color: var(--color-neutral-8)
}

.arco-tabs-header-title-disabled,.arco-tabs-header-title-disabled:hover {
    color: var(--color-neutral-4)
}

.arco-tabs-header-title-active.arco-tabs-header-title-disabled,.arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled {
    color: rgb(var(--primary-3))
}

.arco-tabs-header-ink {
    height: 1px
}

.arco-tabs-header-ink-disabled {
    background-color: rgb(var(--primary-3))
}

.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 36px
}

.arco-tabs-header-nav-line .arco-tabs-header-title {
    padding: 7px 0
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text {
    padding: 0
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text:before {
    border-radius: 2px
}

.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text:before {
    background-color: #f2f3f8
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
    margin-left: 20px
}

.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    border: 1px solid #e5e8ef;
    padding: 6px 16px
}

.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    color: var(--color-neutral-8);
    height: 36px
}

.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-right: 1px solid #e5e8ef;
    border-top-right-radius: 2px
}

.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: 2px
}

.arco-tabs-header-nav-card .arco-tabs-header-title:hover {
    background-color: #f2f3f8
}

.arco-tabs-header-nav-card .arco-tabs-header-title-disabled,.arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover {
    background-color: #fff
}

.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active,.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover {
    border-bottom-color: #e5e8ef
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    background-color: #f6f7fb;
    border-radius: 2px 2px 0 0;
    border-right: 1px solid #e5e8ef
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover {
    background-color: #e5e8ef
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover {
    background-color: #f6f7fb
}

.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active,.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover {
    border-bottom-color: #e5e8ef
}

.arco-tabs-header-nav-text .arco-tabs-header-title {
    margin: 0 8.5px;
    padding: 7px 0
}

.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before {
    background-color: #e5e8ef;
    left: -8.5px;
    width: 1px
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover {
    background-color: #f2f3f8
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
    background-color: rgb(var(--primary-3))
}

.arco-tabs-header-nav-capsule .arco-tabs-header,.arco-tabs-header-nav-rounded .arco-tabs-header-title-active,.arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover,.arco-tabs-header-nav-rounded .arco-tabs-header-title:hover {
    background-color: #f2f3f8
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    line-height: 30px
}

.arco-tabs-card-gutter>.arco-tabs-content,.arco-tabs-card>.arco-tabs-content {
    border: 1px solid #e5e8ef
}

.arco-tabs-card-gutter.arco-tabs-bottom>.arco-tabs-content,.arco-tabs-card.arco-tabs-bottom>.arco-tabs-content {
    border-top: 1px solid #e5e8ef
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title {
    padding-bottom: 7px;
    padding-top: 7px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 7px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 32px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 12px;
    padding-bottom: 6px;
    padding-top: 6px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 32px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 32px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 12px;
    line-height: 26px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 32px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title {
    padding-bottom: 11px;
    padding-top: 11px
}

.arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll {
    padding: 60px 0
}

.arco-tabs-header-nav-vertical .arco-tabs-header-ink {
    width: 1px
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title {
    margin: 18px 0 0
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title {
    padding: 0 16px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title {
    border: 1px solid #e5e8ef;
    border-bottom-color: transparent
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: 2px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-bottom: 1px solid #e5e8ef;
    border-bottom-left-radius: 2px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover {
    border-right-color: #e5e8ef
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    border-radius: 2px 0 0 2px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
    border-bottom-color: #e5e8ef
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover {
    border-right-color: #e5e8ef
}

.arco-tabs-card-gutter>.arco-tabs-content-vertical,.arco-tabs-card>.arco-tabs-content-vertical {
    border: 1px solid #e5e8ef
}

.arco-tabs-card-gutter.arco-tabs-right>.arco-tabs-content-vertical,.arco-tabs-card.arco-tabs-right>.arco-tabs-content-vertical {
    border-left: 1px solid #e5e8ef
}

.arco-tabs-rtl .arco-tabs-left-icon,.arco-tabs-rtl .arco-tabs-right-icon {
    margin-left: 20px;
    margin-right: 8px
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title {
    border-right: 1px solid #e5e8ef
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-left: 1px solid #e5e8ef;
    border-top-left-radius: 2px
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-right-radius: 2px
}

.arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before {
    right: -8.5px
}

.arco-tag {
    font-weight: 400
}

.arco-timeline-item {
    color: var(--color-neutral-10);
    font-size: 12px;
    min-height: 76px;
    padding-left: 6px;
    position: relative
}

.arco-timeline-item-label {
    color: var(--color-neutral-6);
    font-size: 12px;
    line-height: 1.667
}

.arco-timeline-item-content {
    color: var(--color-neutral-10);
    font-size: 12px;
    line-height: 1.5715;
    margin-bottom: 4px
}

.arco-timeline-item-content-wrapper {
    margin-left: 16px;
    position: relative
}

.arco-timeline-item.arco-timeline-item-last>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-line {
    display: none
}

.arco-timeline-item-dot-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center
}

.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content {
    height: 18.858px;
    line-height: 18.858px;
    position: relative;
    width: 6px
}

.arco-timeline-item-dot {
    border-radius: 100%;
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    height: 6px;
    margin-top: -50%;
    position: relative;
    top: 50%;
    width: 6px
}

.arco-timeline-item-dot-solid {
    background-color: rgb(var(--primary-6))
}

.arco-timeline-item-dot-hollow {
    background-color: var(--color-bg-2);
    border: 2px solid rgb(var(--primary-6))
}

.arco-timeline-item-dot-custom {
    background-color: var(--color-bg-2);
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transform-origin: center
}

.arco-timeline-item-dot-custom svg {
    color: inherit
}

.arco-timeline-item-dot-line {
    border-color: #e5e8ef;
    border-left-width: 1px;
    bottom: -2.429px;
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 16.429px;
    transform: translateX(-50%);
    width: 1px
}

.arco-timeline-alternate {
    overflow: hidden
}

.arco-timeline-alternate .arco-timeline-item-vertical-left {
    padding-left: 0
}

.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-dot-wrapper {
    left: 50%
}

.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper {
    left: 50%;
    margin-left: 22px;
    padding-right: 22px;
    width: 50%
}

.arco-timeline-alternate .arco-timeline-item-vertical-right {
    padding-right: 0
}

.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-dot-wrapper {
    left: 50%
}

.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper {
    left: 0;
    margin-left: -16px;
    margin-right: 0;
    padding-right: 16px;
    text-align: right;
    width: 50%
}

.arco-timeline-right .arco-timeline-item-vertical-right {
    padding-right: 6px
}

.arco-timeline-right .arco-timeline-item-vertical-right>.arco-timeline-item-dot-wrapper {
    left: unset;
    right: 0
}

.arco-timeline-right .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper {
    margin-left: 0;
    margin-right: 16px;
    text-align: right
}

.arco-timeline-item-label-relative>.arco-timeline-item-label {
    box-sizing: border-box;
    max-width: 100px;
    position: absolute;
    top: 0
}

.arco-timeline-item-vertical-left.arco-timeline-item-label-relative {
    margin-left: 100px
}

.arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label {
    left: 0;
    padding-right: 16px;
    text-align: right;
    transform: translateX(-100%)
}

.arco-timeline-item-vertical-right.arco-timeline-item-label-relative {
    margin-right: 100px
}

.arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label {
    padding-left: 16px;
    right: 0;
    text-align: left;
    transform: translateX(100%)
}

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative {
    margin-top: 50px
}

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative>.arco-timeline-item-label {
    padding-bottom: 16px;
    transform: translateY(-100%)
}

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative>.arco-timeline-item-content {
    margin-bottom: 0
}

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative {
    margin-bottom: 50px
}

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative>.arco-timeline-item-content {
    margin-bottom: 0
}

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative>.arco-timeline-item-label {
    bottom: 0;
    padding-top: 16px;
    text-align: left;
    top: unset;
    transform: translateY(100%)
}

.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative {
    margin-left: 0
}

.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label {
    left: 0;
    max-width: unset;
    transform: none;
    width: 50%
}

.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative {
    margin-right: 0
}

.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label {
    max-width: unset;
    right: 0;
    transform: none;
    width: 50%
}

.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative {
    margin-top: 0
}

.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative {
    margin-bottom: 0
}

.arco-timeline-direction-horizontal {
    display: flex
}

.arco-timeline-item-dot-line-is-horizontal {
    border-left: none;
    border-top-width: 1px;
    height: 1px;
    left: 12px;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: unset
}

.arco-timeline-item-horizontal-bottom,.arco-timeline-item-horizontal-top {
    flex: 1 1;
    min-height: unset;
    padding-left: 0;
    padding-right: 0
}

.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper {
    height: auto;
    top: 0;
    width: 100%
}

.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot {
    margin-top: unset;
    top: unset
}

.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content {
    height: 6px;
    line-height: 6px
}

.arco-timeline-item-horizontal-top {
    padding-top: 6px
}

.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper {
    bottom: unset;
    top: 0
}

.arco-timeline-item-horizontal-top>.arco-timeline-item-content-wrapper {
    margin-left: 0;
    margin-top: 16px
}

.arco-timeline-item-horizontal-bottom {
    padding-bottom: 6px
}

.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper {
    bottom: 0;
    top: unset
}

.arco-timeline-item-horizontal-bottom>.arco-timeline-item-content-wrapper {
    margin-bottom: 16px;
    margin-left: 0
}

.arco-timeline-alternate.arco-timeline-direction-horizontal {
    align-items: center;
    min-height: 200px;
    overflow: visible
}

.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-bottom {
    margin-top: 6px;
    transform: translateY(-50%)
}

.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top {
    margin-top: -6px;
    transform: translateY(50%)
}

.arco-timeline-rtl .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper {
    text-align: left
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label {
    left: 50%;
    padding-left: 16px;
    padding-right: 0;
    text-align: left
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-content-wrapper {
    left: auto;
    margin-left: 0;
    margin-right: 16px;
    padding-left: 16px;
    padding-right: 0;
    right: 50%;
    text-align: right
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label {
    padding-left: 0;
    padding-right: 16px;
    right: 50%;
    text-align: right
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-content-wrapper {
    left: 0;
    margin-left: 0;
    margin-right: -22px;
    padding-left: 22px;
    padding-right: 0;
    right: auto;
    text-align: left
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper {
    right: 50%;
    text-align: right
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper {
    left: 0;
    margin-left: 0;
    margin-right: -22px;
    padding-left: 22px;
    padding-right: 0;
    text-align: left
}

.arco-timepicker {
    box-sizing: border-box;
    display: flex;
    padding: 0;
    position: relative
}

.arco-timepicker-container {
    background-color: var(--color-bg-popup);
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    overflow: hidden
}

.arco-timepicker-list {
    box-sizing: border-box;
    height: 224px;
    overflow: hidden;
    scrollbar-width: none;
    width: 64px
}

.arco-timepicker-list::-webkit-scrollbar {
    width: 0
}

.arco-timepicker-list:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-timepicker-list:hover {
    overflow-y: auto
}

.arco-timepicker-list ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

.arco-timepicker-list ul:after {
    content: "";
    display: block;
    height: 192px;
    width: 100%
}

.arco-timepicker-cell {
    color: var(--color-neutral-10);
    cursor: pointer;
    font-weight: 400;
    padding: 4px 0;
    text-align: center
}

.arco-timepicker-cell-inner {
    font-size: 14px;
    height: 24px;
    line-height: 24px
}

.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner {
    background-color: #f2f3f8
}

.arco-timepicker-cell-selected .arco-timepicker-cell-inner {
    background-color: #f2f3f8;
    font-weight: 500
}

.arco-timepicker-cell-disabled {
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-timepicker-footer-extra-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
    font-size: 12px;
    padding: 8px
}

.arco-timepicker-footer-btn-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.arco-tooltip-content {
    background-color: #1d2129;
    border-radius: 2px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    color: #fff;
    font-size: 12px;
    line-height: 1.5715;
    padding: 8px 12px
}

.arco-tooltip-content-inner {
    word-wrap: break-word;
    text-align: left
}

.arco-tooltip-mini {
    font-size: 12px;
    padding: 4px 12px
}

.arco-trigger-arrow.arco-tooltip-arrow {
    background-color: #1d2129
}

body[arco-theme=dark] .arco-tooltip-content {
    border: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-tooltip .arco-trigger-arrow.arco-tooltip-arrow {
    z-index: 1
}

body[arco-theme=dark] .arco-trigger[trigger-placement=tl] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=top] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=tr] .arco-trigger-arrow.arco-tooltip-arrow {
    border-bottom: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-trigger[trigger-placement=bl] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=bottom] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=br] .arco-trigger-arrow.arco-tooltip-arrow {
    border-left: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-trigger[trigger-placement=lb] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=left] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=lt] .arco-trigger-arrow.arco-tooltip-arrow {
    border-right: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-trigger[trigger-placement=rb] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=right] .arco-trigger-arrow.arco-tooltip-arrow,body[arco-theme=dark] .arco-trigger[trigger-placement=rt] .arco-trigger-arrow.arco-tooltip-arrow {
    border-bottom: 1px solid var(--color-neutral-3);
    border-left: 1px solid var(--color-neutral-3)
}

.arco-transfer {
    align-items: center;
    display: flex
}

.arco-transfer-view {
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 224px;
    width: 200px
}

.arco-transfer-view-search {
    padding: 8px 12px
}

.arco-transfer-view-list {
    flex: 1 1;
    overflow: hidden
}

.arco-transfer-view-custom-list {
    flex: 1 1;
    overflow: auto
}

.arco-transfer-view-header,.arco-transfer-view-item {
    align-items: center;
    display: flex;
    padding: 0 8px
}

.arco-transfer-view-header>:first-child,.arco-transfer-view-item .arco-transfer-view-item-content {
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-transfer-view-header>:first-child:not(:last-child),.arco-transfer-view-item .arco-transfer-view-item-content:not(:last-child) {
    margin-right: 8px
}

.arco-transfer-view-header {
    background-color: #f6f7fb;
    color: var(--color-neutral-10);
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    line-height: 40px
}

.arco-transfer-view-header-title {
    align-items: center;
    display: flex
}

.arco-transfer-view-header-title .arco-checkbox {
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-transfer-view-header-title .arco-checkbox-text {
    color: inherit
}

.arco-transfer-view-header-unit {
    color: var(--color-neutral-6);
    font-size: 12px;
    font-weight: 400;
    margin-right: 2px
}

.arco-transfer-view-item {
    background-color: transparent;
    color: var(--color-text-1);
    cursor: default;
    height: 36px;
    line-height: 36px;
    list-style: none;
    position: relative
}

.arco-transfer-view-item-content {
    font-size: 12px
}

.arco-transfer-view-item-disabled {
    background-color: transparent;
    color: var(--color-neutral-4);
    cursor: not-allowed
}

.arco-transfer-view-item:not(.arco-transfer-view-item-disabled):hover {
    background-color: #f2f3f8;
    color: var(--color-neutral-10)
}

.arco-transfer-view-item .arco-checkbox {
    height: 100%;
    width: 100%
}

.arco-transfer-view-item .arco-checkbox-text {
    color: inherit
}

.arco-transfer-view-item-draggable:first-child {
    margin-top: 2px
}

.arco-transfer-view-item-draggable:last-child {
    margin-bottom: 2px
}

.arco-transfer-view-item-draggable:before {
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.arco-transfer-view-item-gap-bottom:before {
    background-color: rgb(var(--primary-6));
    bottom: -2px
}

.arco-transfer-view-item-gap-top:before {
    background-color: rgb(var(--primary-6));
    top: -2px
}

.arco-transfer-view-item-dragging {
    background-color: #f6f7fb!important;
    color: var(--color-neutral-4)!important
}

.arco-transfer-view-item-dragged {
    -webkit-animation: arco-transfer-drag-item-blink .4s;
    animation: arco-transfer-drag-item-blink .4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.arco-transfer-view .arco-transfer-view-icon-clear {
    margin-left: 8px
}

.arco-transfer-view .arco-transfer-view-icon-clear,.arco-transfer-view .arco-transfer-view-item-icon-remove {
    color: var(--color-neutral-8);
    cursor: pointer;
    font-size: 16px
}

.arco-transfer-view .arco-transfer-view-icon-clear:hover:before,.arco-transfer-view .arco-transfer-view-item-icon-remove:hover:before {
    background-color: #e5e8ef
}

.arco-transfer-view .arco-transfer-view-icon-clear:focus-visible:before,.arco-transfer-view .arco-transfer-view-item-icon-remove:focus-visible:before {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-transfer-view .arco-list {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100%
}

.arco-transfer-view .arco-list-content {
    flex: 1 1;
    overflow-y: auto
}

.arco-transfer-view .arco-list-footer {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 0 8px;
    position: relative
}

.arco-transfer-view .arco-list .arco-pagination {
    margin: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-transfer-view .arco-list .arco-pagination-jumper-input {
    width: 24px
}

.arco-transfer-view .arco-list .arco-pagination-jumper-separator {
    padding: 0 4px
}

.arco-transfer-view .arco-checkbox {
    padding-left: 6px
}

.arco-transfer-view .arco-checkbox-wrapper {
    display: inline
}

.arco-transfer-view .arco-checkbox .arco-icon-hover:hover:before {
    background-color: #e5e8ef
}

.arco-transfer-operations {
    padding: 0 20px
}

.arco-transfer-operations .arco-btn {
    display: block
}

.arco-transfer-operations .arco-btn:last-child {
    margin-top: 12px
}

.arco-transfer-operations-words .arco-btn {
    padding: 0 12px;
    text-align: left;
    width: 100%
}

.arco-transfer-simple .arco-transfer-view-source {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0
}

.arco-transfer-simple .arco-transfer-view-target {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.arco-transfer-disabled .arco-transfer-view-header {
    color: var(--color-neutral-4)
}

@-webkit-keyframes arco-transfer-drag-item-blink {
    0% {
        background-color: rgb(var(--primary-1))
    }

    to {
        background-color: transparent
    }
}

@keyframes arco-transfer-drag-item-blink {
    0% {
        background-color: rgb(var(--primary-1))
    }

    to {
        background-color: transparent
    }
}

.arco-transfer-rtl {
    direction: rtl
}

.arco-transfer-rtl .arco-transfer-view-search {
    padding: 8px 12px
}

.arco-transfer-rtl .arco-transfer-view-header>:first-child:not(:last-child),.arco-transfer-rtl .arco-transfer-view-item .arco-transfer-rtl .arco-transfer-view-item-content:not(:last-child) {
    margin-left: 8px;
    margin-right: 0
}

.arco-transfer-rtl .arco-transfer-view-header-unit {
    margin-left: 2px;
    margin-right: 0
}

.arco-transfer-rtl .arco-transfer-view-icon-clear {
    margin-left: 0;
    margin-right: 8px
}

.arco-transfer-rtl .arco-transfer-view .arco-list .arco-pagination {
    left: 8px;
    right: auto
}

.arco-transfer-rtl .arco-transfer-view .arco-checkbox {
    padding-left: 0;
    padding-right: 6px
}

.arco-transfer-rtl .arco-transfer-operations-words .arco-btn {
    text-align: right
}

.arco-transfer-rtl.arco-transfer-simple .arco-transfer-view-source {
    border-left: none;
    border-right: 1px solid #e5e8ef
}

.arco-icon-hover.arco-tree-node-icon-hover:before {
    height: 16px;
    width: 16px
}

.arco-tree-node-switcher {
    align-items: center;
    color: var(--color-neutral-8);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    height: 32px;
    margin-right: 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 12px
}

.arco-tree-node-switcher-icon {
    margin: 0 auto;
    position: relative
}

.arco-tree-node-switcher-icon svg {
    position: relative;
    transform: rotate(-90deg);
    transition: transform .2s cubic-bezier(.34,.69,.1,1)
}

.arco-tree-node-expanded .arco-tree-node-switcher-icon svg,.arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg {
    transform: rotate(0)
}

.arco-tree-node-drag-icon {
    color: rgb(var(--primary-6));
    margin-left: 120px;
    opacity: 0
}

.arco-tree-node-custom-icon {
    cursor: pointer;
    font-size: inherit;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-tree-node .arco-icon-loading {
    color: rgb(var(--primary-6))
}

.arco-tree-node-minus-icon,.arco-tree-node-plus-icon {
    background: #f2f3f8;
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 14px;
    position: relative;
    width: 14px
}

.arco-tree-node-minus-icon:after,.arco-tree-node-plus-icon:after {
    height: 2px;
    margin-left: -3px;
    margin-top: -1px;
    width: 6px
}

.arco-tree-node-minus-icon:after,.arco-tree-node-plus-icon:after,.arco-tree-node-plus-icon:before {
    background-color: var(--color-neutral-8);
    border-radius: .5px;
    color: var(--color-neutral-8);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%
}

.arco-tree-node-plus-icon:before {
    height: 6px;
    margin-left: -1px;
    margin-top: -3px;
    width: 2px
}

.arco-tree {
    color: var(--color-neutral-10)
}

.arco-tree .arco-checkbox {
    line-height: 32px;
    margin-right: 10px;
    padding-left: 0
}

.arco-tree-node {
    align-items: flex-start;
    color: var(--color-neutral-10);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.5715;
    padding-left: 2px;
    position: relative
}

.arco-tree-node-selected .arco-tree-node-title,.arco-tree-node-selected .arco-tree-node-title:hover {
    color: rgb(var(--primary-6));
    transition: color .2s linear
}

.arco-tree-node-disabled .arco-tree-node-title,.arco-tree-node-disabled .arco-tree-node-title:hover,.arco-tree-node-disabled-selectable .arco-tree-node-title,.arco-tree-node-disabled-selectable .arco-tree-node-title:hover {
    background: none;
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title {
    color: var(--color-primary-light-3)
}

.arco-tree-node-title-block {
    box-sizing: content-box;
    flex: 1 1
}

.arco-tree-node-title-block .arco-tree-node-drag-icon {
    margin-left: unset;
    position: absolute;
    right: 12px
}

.arco-tree-node-indent {
    align-self: stretch;
    flex-shrink: 0;
    position: relative
}

.arco-tree-node-indent-block {
    display: inline-block;
    height: 100%;
    margin-right: 10px;
    position: relative;
    vertical-align: top;
    width: 12px
}

.arco-tree-node-title {
    border-radius: var(--border-radius-small);
    font-size: 12px;
    margin-left: -4px;
    padding: 6.5px 4px;
    position: relative
}

.arco-tree-node-title:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.arco-tree-node-title:hover .arco-tree-node-drag-icon {
    opacity: 1
}

.arco-tree-node-title-draggable:before {
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.arco-tree-node-title-gap-bottom:before {
    background-color: rgb(var(--primary-6));
    bottom: 0;
    top: unset
}

.arco-tree-node-title-gap-top:before {
    background-color: rgb(var(--primary-6))
}

.arco-tree-node-title-highlight {
    background-color: var(--color-primary-light-1);
    color: var(--color-text-1)
}

.arco-tree-node-title-dragging,.arco-tree-node-title-dragging:hover {
    background-color: var(--color-fill-1);
    color: var(--color-text-4)
}

.arco-tree-show-line {
    padding-left: 1px
}

.arco-tree-show-line .arco-tree-node-switcher {
    text-align: center;
    width: 14px
}

.arco-tree-show-line .arco-tree-node-switcher .arco-tree-node-icon-hover {
    width: 100%
}

.arco-tree-show-line .arco-tree-node-indent-block {
    width: 14px
}

.arco-tree-show-line .arco-tree-node-indent-block:before {
    border-left: 1px solid var(--color-neutral-3);
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1px
}

.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after {
    border-left: 1px solid var(--color-neutral-3);
    bottom: 0;
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: -7px;
    top: 32px;
    transform: translateX(50%);
    width: 1px
}

.arco-tree-show-line .arco-tree-node-indent-block-lineless:before {
    display: none
}

.arco-tree-size-mini .arco-tree-node-switcher {
    height: 24px
}

.arco-tree-size-mini .arco-checkbox {
    line-height: 24px
}

.arco-tree-size-mini .arco-tree-node-title {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 2px;
    padding-top: 2px
}

.arco-tree-size-mini .arco-tree-node-indent-block:before {
    bottom: 0;
    top: 28px
}

.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after {
    bottom: 0;
    top: 4px
}

.arco-tree-size-small .arco-tree-node-switcher {
    height: 28px
}

.arco-tree-size-small .arco-checkbox {
    line-height: 28px
}

.arco-tree-size-small .arco-tree-node-title {
    font-size: 12px;
    padding-bottom: 4.5px;
    padding-top: 4.5px
}

.arco-tree-size-small .arco-tree-node-indent-block:before {
    bottom: 0;
    top: 30px
}

.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after {
    bottom: 0;
    top: 2px
}

.arco-tree-size-large .arco-tree-node-switcher {
    height: 36px
}

.arco-tree-size-large .arco-checkbox {
    line-height: 36px
}

.arco-tree-size-large .arco-tree-node-title {
    font-size: 12px;
    padding-bottom: 8.5px;
    padding-top: 8.5px
}

.arco-tree-size-large .arco-tree-node-indent-block:before {
    bottom: -2px;
    top: 34px
}

.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after {
    bottom: -2px;
    top: -2px
}

.arco-tree-node-list {
    overflow: hidden;
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.arco-tree-rtl {
    direction: rtl
}

.arco-tree-rtl .arco-tree-node-switcher {
    margin-left: 10px;
    margin-right: 0
}

.arco-tree-rtl .arco-tree-node-switcher-icon svg {
    transform: rotate(90deg)
}

.arco-tree-rtl .arco-tree-node-expanded .arco-tree-node-switcher-icon svg,.arco-tree-rtl .arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg {
    transform: rotate(0)
}

.arco-tree-rtl .arco-tree-node-custom-icon {
    margin-left: 10px;
    margin-right: 0
}

.arco-tree-rtl .arco-tree-node-minus-icon:after,.arco-tree-rtl .arco-tree-node-plus-icon:after {
    margin-left: 0;
    margin-right: -3px
}

.arco-tree-rtl .arco-tree-node-plus-icon:before {
    margin-left: 0;
    margin-right: -1px
}

.arco-tree-rtl .arco-checkbox {
    margin-left: 10px;
    margin-right: 0;
    padding-right: 0
}

.arco-tree-rtl .arco-tree-node {
    align-items: flex-end;
    padding-left: 0;
    padding-right: 2px
}

.arco-tree-rtl .arco-tree-node-title-block .arco-tree-node-drag-icon {
    left: 12px;
    margin-right: unset;
    right: auto
}

.arco-tree-rtl-node-indent-block {
    margin-left: 10px;
    margin-right: 0
}

.arco-tree-rtl-node-title {
    margin-left: unset;
    margin-right: -4px;
    padding-left: 4px;
    padding-right: 4px
}

.arco-tree-rtl-show-line {
    padding-left: 0;
    padding-right: 1px
}

.arco-tree-rtl-show-line .arco-tree-node-indent-block:before {
    border-left: none;
    border-right: 1px solid var(--color-neutral-3)
}

.arco-tree-rtl-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after {
    left: -7px
}

.arco-tree-select .arco-tree-select-view {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    color: var(--color-neutral-10)
}

.arco-tree-select:hover .arco-tree-select-view {
    background-color: #e5e8ef;
    border-color: transparent
}

.arco-tree-select.arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 rgb(var(--primary-1));
    color: var(--color-neutral-10)
}

.arco-tree-select .arco-tree-select-arrow-icon,.arco-tree-select .arco-tree-select-clear-icon,.arco-tree-select .arco-tree-select-expand-icon,.arco-tree-select .arco-tree-select-loading-icon,.arco-tree-select .arco-tree-select-search-icon,.arco-tree-select .arco-tree-select-suffix-icon {
    color: var(--color-text-2)
}

.arco-tree-select-error .arco-tree-select-view {
    background-color: rgb(var(--danger-1));
    border: 1px solid transparent
}

.arco-tree-select-error:hover .arco-tree-select-view {
    background-color: rgb(var(--danger-2));
    border-color: transparent
}

.arco-tree-select-error.arco-tree-select-focused .arco-tree-select-view {
    background-color: #fff;
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 rgb(var(--danger-1));
    color: var(--color-neutral-10)
}

.arco-tree-select-warning .arco-tree-select-view {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent
}

.arco-tree-select-warning:hover .arco-tree-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-tree-select-warning.arco-tree-select-focused .arco-tree-select-view {
    background-color: #fff;
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
    color: var(--color-neutral-10)
}

.arco-tree-select-disabled .arco-tree-select-view {
    background-color: #f6f7fb;
    border: 1px solid transparent;
    color: var(--color-neutral-4)
}

.arco-tree-select-disabled:hover .arco-tree-select-view {
    background-color: #f6f7fb;
    border-color: transparent
}

.arco-tree-select-disabled .arco-tree-select-arrow-icon,.arco-tree-select-disabled .arco-tree-select-clear-icon,.arco-tree-select-disabled .arco-tree-select-expand-icon,.arco-tree-select-disabled .arco-tree-select-loading-icon,.arco-tree-select-disabled .arco-tree-select-search-icon,.arco-tree-select-disabled .arco-tree-select-suffix-icon {
    color: var(--color-text-4)
}

.arco-tree-select-no-border .arco-tree-select-view {
    background: none!important;
    border: none!important
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 8px
}

.arco-tree-select-size-mini.arco-tree-select-multiple input {
    font-size: 12px
}

.arco-tree-select-size-mini.arco-tree-select-single .arco-tree-select-view {
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    padding: 0 11px
}

.arco-tree-select-size-mini.arco-tree-select-single input {
    font-size: 12px
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 11px
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 8px
}

.arco-tree-select-size-small.arco-tree-select-multiple input {
    font-size: 12px
}

.arco-tree-select-size-small.arco-tree-select-single .arco-tree-select-view {
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    padding: 0 11px
}

.arco-tree-select-size-small.arco-tree-select-single input {
    font-size: 12px
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 11px
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 8px
}

.arco-tree-select-size-default.arco-tree-select-multiple input {
    font-size: 12px
}

.arco-tree-select-size-default.arco-tree-select-single .arco-tree-select-view {
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding: 0 11px
}

.arco-tree-select-size-default.arco-tree-select-single input {
    font-size: 12px
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 11px
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view {
    font-size: 14px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 8px
}

.arco-tree-select-size-large.arco-tree-select-multiple input {
    font-size: 14px
}

.arco-tree-select-size-large.arco-tree-select-single .arco-tree-select-view {
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    padding: 0 11px
}

.arco-tree-select-size-large.arco-tree-select-single input {
    font-size: 14px
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 11px
}

.arco-tree-select {
    cursor: pointer;
    display: inline-block
}

.arco-tree-select,.arco-tree-select-view {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.arco-tree-select-view {
    border-radius: var(--border-radius-small);
    display: flex;
    outline: none;
    text-align: left;
    transition: all .1s linear,padding 0s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-tree-select-view input {
    color: inherit;
    cursor: inherit
}

.arco-tree-select-view input::-webkit-input-placeholder {
    color: var(--color-neutral-6)
}

.arco-tree-select-view input::-moz-placeholder {
    color: var(--color-neutral-6)
}

.arco-tree-select-view input::-ms-input-placeholder {
    color: var(--color-neutral-6)
}

.arco-tree-select-view input::placeholder {
    color: var(--color-neutral-6)
}

.arco-tree-select-view input[disabled] {
    pointer-events: none
}

.arco-tree-select-multiple,.arco-tree-select-show-search {
    cursor: text
}

.arco-tree-select-disabled {
    cursor: not-allowed
}

.arco-tree-select-disabled .arco-tree-select-view input::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-tree-select-disabled .arco-tree-select-view input::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-tree-select-disabled .arco-tree-select-view input::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-tree-select-disabled .arco-tree-select-view input::placeholder {
    color: var(--color-text-4)
}

.arco-tree-select-single .arco-tree-select-view-input {
    background: transparent;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-tree-select-single .arco-tree-select-view-selector {
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-input {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-value-mirror {
    opacity: 0
}

.arco-tree-select-single .arco-tree-select-view-value,.arco-tree-select-single .arco-tree-select-view-value-mirror {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-tree-select-single .arco-tree-select-view-value-mirror:after,.arco-tree-select-single .arco-tree-select-view-value:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.arco-tree-select-single .arco-tree-select-view .arco-tree-select-hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.arco-tree-select-multiple {
    vertical-align: top
}

.arco-tree-select-multiple .arco-tree-select-view {
    line-height: 0;
    padding: 0 4px
}

.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 12px
}

.arco-tree-select-multiple .arco-input-tag {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    flex: 1 1;
    overflow: hidden;
    padding: 0
}

.arco-tree-select-multiple .arco-tag {
    max-width: 100%
}

.arco-tree-select-multiple:not(.arco-tree-select-focused) .arco-input-tag input:not(:first-child)[value=""] {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.arco-tree-select-prefix {
    align-items: center;
    color: var(--color-text-2);
    display: flex;
    margin-right: 12px;
    white-space: nowrap
}

.arco-tree-select-suffix {
    align-items: center;
    display: flex;
    margin-left: 4px
}

.arco-tree-select-clear-icon,.arco-tree-select-expand-icon,.arco-tree-select-loading-icon,.arco-tree-select-search-icon,.arco-tree-select-suffix-icon {
    font-size: 12px;
    transition: all .1s linear
}

.arco-tree-select-arrow-icon {
    font-size: 12px
}

.arco-tree-select-open .arco-tree-select-arrow-icon svg {
    transform: rotate(180deg)
}

.arco-tree-select .arco-tree-select-clear-icon {
    cursor: pointer;
    display: none
}

.arco-tree-select .arco-tree-select-clear-icon>svg {
    position: relative;
    transition: all .1s linear
}

.arco-tree-select:hover .arco-tree-select-clear-icon {
    display: block
}

.arco-tree-select:hover .arco-tree-select-clear-icon~* {
    display: none
}

.arco-tree-select-wrapper {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.arco-tree-select-wrapper .arco-tree-select {
    min-width: 0
}

.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:first-child) .arco-tree-select-view {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:last-child) .arco-tree-select-view {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.arco-tree-select-addbefore {
    align-items: center;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-bottom-left-radius: var(--border-radius-small);
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    color: var(--color-text-1);
    display: flex;
    padding: 0 12px;
    white-space: nowrap
}

.arco-tree-select-popup {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    box-sizing: border-box;
    max-height: 200px;
    overflow: auto;
    padding: 4px 0 4px 8px
}

.arco-tree-select-popup .arco-tree-node {
    padding-left: 0
}

.arco-tree-select-highlight {
    font-weight: 500
}

.arco-tree-select-rtl {
    direction: rtl
}

.arco-tree-select-rtl-popup {
    padding-left: 0;
    padding-right: 8px
}

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-tree-select-wrapper-rtl .arco-tree-select-addbefore {
    border-left: 1px solid var(--color-border-2);
    border-right: unset
}

.arco-tree-select-rtl .arco-tree-select-view {
    text-align: right
}

.arco-tree-select-rtl .arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 12px
}

.arco-tree-select-rtl .arco-tree-select-prefix {
    margin-left: 12px;
    margin-right: 0
}

.arco-tree-select-rtl .arco-tree-select-suffix {
    margin-left: 0;
    margin-right: 4px
}

.arco-trigger {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    z-index: 1000
}

.arco-trigger-arrow {
    background-color: var(--color-bg-5);
    box-sizing: border-box;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: 50% 50% 0;
    width: 8px;
    z-index: -1
}

.arco-trigger[trigger-placement=tl] .arco-trigger-arrow,.arco-trigger[trigger-placement=top] .arco-trigger-arrow,.arco-trigger[trigger-placement=tr] .arco-trigger-arrow {
    border-bottom-right-radius: 2px;
    border-left: none;
    border-top: none;
    bottom: -4px;
    margin-left: -4px
}

.arco-trigger[trigger-placement=bl] .arco-trigger-arrow,.arco-trigger[trigger-placement=bottom] .arco-trigger-arrow,.arco-trigger[trigger-placement=br] .arco-trigger-arrow {
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 2px;
    margin-left: -4px;
    top: -4px
}

.arco-trigger[trigger-placement=lb] .arco-trigger-arrow,.arco-trigger[trigger-placement=left] .arco-trigger-arrow,.arco-trigger[trigger-placement=lt] .arco-trigger-arrow {
    border-bottom: none;
    border-left: none;
    border-top-right-radius: 2px;
    margin-top: -4px;
    right: -4px
}

.arco-trigger[trigger-placement=rb] .arco-trigger-arrow,.arco-trigger[trigger-placement=right] .arco-trigger-arrow,.arco-trigger[trigger-placement=rt] .arco-trigger-arrow {
    border-bottom-left-radius: 2px;
    border-right: none;
    border-top: none;
    left: -4px;
    margin-top: -4px
}

.arco-typography {
    color: var(--color-text-1);
    line-height: 1.5715;
    white-space: normal;
    word-break: break-all
}

.arco-typography-h1,.arco-typography-h2,.arco-typography-h3,.arco-typography-h4,.arco-typography-h5,.arco-typography-h6,h1.arco-typography,h2.arco-typography,h3.arco-typography,h4.arco-typography,h5.arco-typography,h6.arco-typography {
    font-weight: 500;
    margin-bottom: .5em;
    margin-top: 1em
}

.arco-typography-h1,h1.arco-typography {
    font-size: 36px;
    line-height: 1.23
}

.arco-typography-h2,h2.arco-typography {
    font-size: 32px;
    line-height: 1.25
}

.arco-typography-h3,h3.arco-typography {
    font-size: 28px;
    line-height: 1.29
}

.arco-typography-h4,h4.arco-typography {
    font-size: 24px;
    line-height: 1.33
}

.arco-typography-h5,h5.arco-typography {
    font-size: 20px;
    line-height: 1.4
}

.arco-typography-h6,h6.arco-typography {
    font-size: 16px;
    line-height: 1.5
}

div.arco-typography,p.arco-typography {
    margin-bottom: 1em;
    margin-top: 0
}

.arco-typography-simple-ellipsis {
    align-items: flex-end;
    display: flex;
    white-space: nowrap
}

.arco-typography-primary {
    color: rgb(var(--primary-6))
}

.arco-typography-secondary {
    color: var(--color-text-2)
}

.arco-typography-success {
    color: rgb(var(--success-6))
}

.arco-typography-warning {
    color: rgb(var(--warning-6))
}

.arco-typography-error {
    color: rgb(var(--danger-6))
}

.arco-typography-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-typography mark {
    background-color: rgb(var(--yellow-4))
}

.arco-typography u {
    text-decoration: underline
}

.arco-typography del {
    text-decoration: line-through
}

.arco-typography b {
    font-weight: 500
}

.arco-typography code {
    background-color: var(--color-neutral-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: 2px;
    color: var(--color-text-2);
    font-size: 85%;
    margin: 0 2px;
    padding: 2px 8px
}

.arco-typography blockquote {
    background-color: var(--color-bg-2);
    border-left: 2px solid var(--color-neutral-6);
    margin: 0 0 1em;
    padding-left: 8px
}

.arco-typography ol,.arco-typography ul {
    margin: 0;
    padding: 0
}

.arco-typography ol li,.arco-typography ul li {
    margin-left: 20px
}

.arco-typography ul {
    list-style: circle
}

.arco-typography-spacing-close {
    line-height: 1.3
}

.arco-typography-operation-copied,.arco-typography-operation-copy {
    margin-left: 2px;
    padding: 2px
}

.arco-typography-operation-copy {
    background-color: transparent;
    border-radius: 2px;
    color: var(--color-text-2);
    cursor: pointer;
    transition: background-color .1s linear
}

.arco-typography-operation-copy:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2)
}

.arco-typography-operation-copy:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-typography-operation-copied {
    color: rgb(var(--success-6))
}

.arco-typography-operation-edit {
    background-color: transparent;
    border-radius: 2px;
    color: var(--color-text-2);
    cursor: pointer;
    margin-left: 2px;
    padding: 2px;
    transition: background-color .1s linear
}

.arco-typography-operation-edit:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2)
}

.arco-typography-operation-edit:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-typography-operation-expand {
    color: rgb(var(--primary-6));
    cursor: pointer;
    margin: 0 4px
}

.arco-typography-operation-expand:hover {
    color: rgb(var(--primary-5))
}

.arco-typography-operation-expand:focus-visible {
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-typography-edit-content {
    left: -13px;
    margin-bottom: calc(1em - 7px);
    margin-right: -13px;
    margin-top: -7px;
    position: relative
}

.arco-typography-edit-content-textarea {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.arco-typography-rtl {
    direction: rtl
}

.arco-typography-rtl blockquote {
    border-right: 2px solid var(--color-neutral-6);
    padding-left: 0;
    padding-right: 8px
}

.arco-typography-rtl ol li,.arco-typography-rtl ul li {
    margin-left: 0;
    margin-right: 20px
}

.arco-typography-rtl .arco-typography-operation-copied,.arco-typography-rtl .arco-typography-operation-copy,.arco-typography-rtl .arco-typography-operation-edit {
    margin-left: 0;
    margin-right: 2px
}

.arco-typography-rtl .arco-typography-edit-content {
    left: auto;
    margin-left: -13px;
    margin-right: 0;
    right: -13px
}

.arco-upload {
    display: inline-block;
    max-width: 100%
}

.arco-upload-type-picture-card {
    vertical-align: top
}

.arco-upload-drag {
    width: 100%
}

.arco-upload-hide {
    display: none
}

.arco-upload-disabled .arco-upload-trigger-picture,.arco-upload-disabled .arco-upload-trigger-picture:hover {
    background-color: var(--color-fill-1);
    border-color: var(--color-neutral-4);
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-upload-disabled .arco-upload-trigger-drag,.arco-upload-disabled .arco-upload-trigger-drag:hover {
    background-color: var(--color-fill-1);
    border-color: var(--color-text-4);
    cursor: not-allowed
}

.arco-upload-disabled .arco-upload-trigger-drag .arco-icon-plus,.arco-upload-disabled .arco-upload-trigger-drag .arco-upload-trigger-drag-text,.arco-upload-disabled .arco-upload-trigger-drag:hover .arco-icon-plus,.arco-upload-disabled .arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text,.arco-upload-disabled .arco-upload-trigger-tip {
    color: var(--color-text-4)
}

.arco-upload-trigger {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.arco-upload-trigger-tip {
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-upload-trigger-picture {
    background: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    color: var(--color-text-2);
    height: 80px;
    margin-bottom: 0;
    min-width: 80px;
    text-align: center;
    transition: all .1s linear
}

.arco-upload-trigger-picture:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4);
    color: var(--color-text-2)
}

.arco-upload-trigger-picture:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-upload-trigger-picture-text {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.arco-upload-trigger-drag {
    background-color: var(--color-fill-1);
    border: 1px dashed var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    padding: 50px 0;
    text-align: center;
    transition: all .2s ease;
    width: 100%
}

.arco-upload-trigger-drag .arco-icon-plus {
    color: var(--color-text-2);
    font-size: 16px;
    margin-bottom: 24px
}

.arco-upload-trigger-drag:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4)
}

.arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text {
    color: var(--color-text-1)
}

.arco-upload-trigger-drag:hover .arco-icon-plus {
    color: var(--color-text-2)
}

.arco-upload-trigger-drag:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-upload-trigger-drag-active {
    background-color: var(--color-primary-light-1);
    border-color: rgb(var(--primary-6));
    color: var(--color-text-1)
}

.arco-upload-trigger-drag-active .arco-upload-trigger-drag-text {
    color: var(--color-text-1)
}

.arco-upload-trigger-drag-active .arco-icon-plus {
    color: rgb(var(--primary-6))
}

.arco-upload-trigger-drag .arco-upload-trigger-tip {
    margin-top: 0
}

.arco-upload-trigger-drag-text {
    color: var(--color-text-1);
    font-size: 16px;
    line-height: 1.5
}

.arco-upload-hide+.arco-upload-list .arco-upload-list-item:first-of-type {
    margin-top: 0
}

.arco-upload-list {
    width: 100%
}

.arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type,.arco-upload-list-type-text .arco-upload-list-item:first-of-type {
    margin-top: 32px
}

.arco-upload-list-file-icon {
    color: rgb(var(--primary-6));
    font-size: 16px;
    line-height: 16px;
    margin-right: 12px
}

.arco-upload-list-preview-icon {
    cursor: pointer
}

.arco-upload-list-error-icon {
    color: rgb(var(--danger-6));
    cursor: pointer;
    font-size: 14px;
    margin-left: 4px
}

.arco-upload-list-success-icon {
    color: rgb(var(--success-6));
    cursor: pointer;
    font-size: 12px;
    line-height: 12px
}

.arco-upload-list-remove-icon {
    cursor: pointer;
    font-size: 16px;
    position: relative
}

.arco-upload-list-cancel-icon,.arco-upload-list-start-icon {
    color: var(--color-white);
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.arco-upload-list-cancel-icon:focus-visible,.arco-upload-list-start-icon:focus-visible {
    color: rgb(var(--primary-6))
}

.arco-upload-list-reupload-icon {
    color: rgb(var(--primary-6));
    cursor: pointer;
    font-size: 12px;
    transition: all .2s ease
}

.arco-upload-list-reupload-icon:active,.arco-upload-list-reupload-icon:hover {
    color: rgb(var(--primary-7))
}

.arco-upload-list-reupload-icon:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-upload-list-status {
    cursor: pointer;
    line-height: 12px;
    position: relative
}

.arco-upload-list-status:hover .arco-progress-circle-mask {
    stroke: rgba(var(--gray-10),.2)
}

.arco-upload-list-status:hover .arco-progress-circle-path {
    stroke: rgb(var(--primary-7))
}

.arco-upload-list-item-done .arco-upload-list-file-icon {
    color: rgb(var(--primary-6))
}

.arco-upload-list-item {
    box-sizing: border-box;
    margin-top: 8px;
    padding-right: 24px;
    position: relative
}

.arco-upload-list-item-operation {
    color: var(--color-neutral-8);
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.arco-upload-list-item-operation .arco-upload-list-remove-icon-hover:focus-visible:before {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-upload-list-item-operation .arco-upload-list-remove-icon {
    font-size: inherit
}

.arco-upload-list-item-text {
    align-items: center;
    background-color: #f6f7fb;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px;
    padding: 8px 12px;
    width: 100%
}

.arco-upload-list-item-text-content {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .1s linear;
    white-space: nowrap
}

.arco-upload-list-item-text-thumbnail {
    flex-shrink: 0;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.arco-upload-list-item-text-thumbnail img {
    height: 100%;
    width: 100%
}

.arco-upload-list-item-text-name {
    align-items: center;
    color: var(--color-text-1);
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 12px;
    line-height: 1.4286;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-upload-list-item-text-name-link {
    color: rgb(var(--link-6));
    cursor: pointer;
    text-decoration: none
}

.arco-upload-list-item-text-name-link,.arco-upload-list-item-text-name-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.arco-upload-list-item-done .arco-upload-list-status,.arco-upload-list-item-error .arco-upload-list-status {
    display: none
}

.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name,.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name-link {
    color: rgb(var(--danger-6))
}

.arco-upload-list.arco-upload-list-type-picture-card {
    display: inline;
    vertical-align: top
}

.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status {
    margin-left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.arco-upload-list-type-picture-card .arco-upload-list-item {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-top: 0;
    overflow: hidden;
    padding-right: 0;
    transition: all .2s cubic-bezier(.34,.69,.1,1);
    vertical-align: top
}

.arco-upload-list-type-picture-card .arco-upload-list-item-error .arco-upload-list-item-picture-mask {
    opacity: 1
}

.arco-upload-list-item-picture {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    height: 80px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 80px
}

.arco-upload-list-item-picture img {
    height: 100%;
    width: 100%
}

.arco-upload-list-item-picture-mask {
    background: rgba(0,0,0,.5);
    bottom: 0;
    color: var(--color-white);
    cursor: pointer;
    font-size: 16px;
    left: 0;
    line-height: 80px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .1s linear
}

.arco-upload-list-item-picture-operation {
    font-size: 16px
}

.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon {
    color: var(--color-white)
}

.arco-upload-list-item-picture-operation .arco-upload-list-preview-icon+.arco-upload-list-remove-icon,.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon+.arco-upload-list-remove-icon {
    margin-left: 20px
}

.arco-upload-list-item-picture-operation .arco-upload-list-preview-icon:focus-visible,.arco-upload-list-item-picture-operation .arco-upload-list-remove-icon:focus-visible,.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon:focus-visible {
    border-radius: 2px;
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-upload-list-item-picture-error-tip .arco-upload-list-item-picture-operation {
    height: 0;
    opacity: 0;
    width: 0
}

.arco-upload-list-item-picture-error-tip .arco-upload-list-error-icon {
    color: var(--color-white);
    font-size: 28px
}

.arco-upload-list-item-picture-mask:focus-within,.arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-operation,.arco-upload-list-item-picture-mask:hover,.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-operation {
    display: block;
    opacity: 1
}

.arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-error-tip,.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-error-tip {
    display: none
}

.arco-upload-list-type-picture-list .arco-upload-list-item-text {
    padding-bottom: 8px;
    padding-top: 8px
}

.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text {
    background-color: var(--color-danger-light-1)
}

.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name,.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name-link {
    color: rgb(var(--danger-6))
}

.arco-upload-slide-up-enter {
    opacity: 0
}

.arco-upload-slide-up-enter-active {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.34,.69,.1,1)
}

.arco-upload-slide-up-exit {
    opacity: 1
}

.arco-upload-slide-up-exit-active {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .1s linear,height .3s cubic-bezier(.34,.69,.1,1) .1s,margin .3s cubic-bezier(.34,.69,.1,1) .1s
}

.arco-upload-list-item.arco-upload-slide-inline-enter {
    opacity: 0
}

.arco-upload-list-item.arco-upload-slide-inline-enter-active {
    opacity: 1;
    transition: opacity .2s linear
}

.arco-upload-list-item.arco-upload-slide-inline-exit {
    opacity: 1
}

.arco-upload-list-item.arco-upload-slide-inline-exit-active {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .1s linear,width .3s cubic-bezier(.34,.69,.1,1) .1s,margin .3s cubic-bezier(.34,.69,.1,1) .1s
}

.arco-upload-list-rtl,.arco-upload-rtl {
    direction: rtl
}

.arco-upload-list-rtl .arco-upload-list-file-icon {
    margin-left: 12px;
    margin-right: 0
}

.arco-upload-list-rtl .arco-upload-list-error-icon {
    margin-left: 0;
    margin-right: 4px
}

.arco-upload-list-rtl .arco-upload-list-item {
    padding-left: 24px;
    padding-right: 0
}

.arco-upload-list-rtl .arco-upload-list-item-operation {
    left: 0;
    right: auto
}

.arco-upload-list-rtl .arco-upload-list-item-text {
    padding-left: 12px;
    padding-right: 12px
}

.arco-upload-list-rtl .arco-upload-list-item-text-thumbnail {
    margin-left: 12px;
    margin-right: 0
}

.arco-upload-list-rtl .arco-upload-list-item-text-name {
    margin-left: 10px;
    margin-right: 0
}

.arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon+.arco-upload-list-remove-icon,.arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon+.arco-upload-list-remove-icon {
    margin-left: 0;
    margin-right: 20px
}

.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-status {
    margin-left: 0;
    margin-right: 0
}

.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-item {
    margin-left: 8px;
    margin-right: 0;
    padding-left: 0
}

body {
    --color-white: #fff;
    --color-black: #0000000;
    --color-border: rgb(var(--gray-3));
    --color-bg-popup: var(--color-bg-5);
    --color-bg-1: #fff;
    --color-bg-2: #fff;
    --color-bg-3: #fff;
    --color-bg-4: #fff;
    --color-bg-5: #fff;
    --color-bg-white: #fff;
    --color-neutral-1: rgb(var(--gray-1));
    --color-neutral-2: rgb(var(--gray-2));
    --color-neutral-3: rgb(var(--gray-3));
    --color-neutral-4: rgb(var(--gray-4));
    --color-neutral-5: rgb(var(--gray-5));
    --color-neutral-6: rgb(var(--gray-6));
    --color-neutral-7: rgb(var(--gray-7));
    --color-neutral-8: rgb(var(--gray-8));
    --color-neutral-9: rgb(var(--gray-9));
    --color-neutral-10: rgb(var(--gray-10));
    --color-text-1: var(--color-neutral-10);
    --color-text-2: var(--color-neutral-8);
    --color-text-3: var(--color-neutral-6);
    --color-text-4: var(--color-neutral-4);
    --color-fill-1: #f6f7fb;
    --color-fill-2: #f2f3f8;
    --color-fill-3: #e5e8ef;
    --color-fill-4: var(--color-neutral-4);
    --color-border-1: #e5e8ef;
    --color-border-2: #c9cdd4;
    --color-border-3: var(--color-neutral-4);
    --color-border-4: var(--color-neutral-6);
    --color-primary-light-1: rgb(var(--primary-1));
    --color-primary-light-2: rgb(var(--primary-2));
    --color-primary-light-3: rgb(var(--primary-3));
    --color-primary-light-4: rgb(var(--primary-4));
    --color-secondary: var(--color-neutral-2);
    --color-secondary-hover: var(--color-neutral-3);
    --color-secondary-active: var(--color-neutral-4);
    --color-secondary-disabled: var(--color-neutral-1);
    --color-danger-light-1: rgb(var(--danger-1));
    --color-danger-light-2: rgb(var(--danger-2));
    --color-danger-light-3: rgb(var(--danger-3));
    --color-danger-light-4: rgb(var(--danger-4));
    --color-success-light-1: rgb(var(--success-1));
    --color-success-light-2: rgb(var(--success-2));
    --color-success-light-3: rgb(var(--success-3));
    --color-success-light-4: rgb(var(--success-4));
    --color-warning-light-1: rgb(var(--warning-1));
    --color-warning-light-2: rgb(var(--warning-2));
    --color-warning-light-3: rgb(var(--warning-3));
    --color-warning-light-4: rgb(var(--warning-4));
    --color-link-light-1: rgb(var(--link-1));
    --color-link-light-2: rgb(var(--link-2));
    --color-link-light-3: rgb(var(--link-3));
    --color-link-light-4: rgb(var(--link-4));
    --border-radius-none: 0;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    --border-radius-circle: 100%;
    --color-tooltip-bg: rgb(var(--gray-10));
    --color-spin-layer-bg: hsla(0,0%,100%,.6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #fff;
    --color-menu-dark-hover: hsla(0,0%,100%,.04);
    --color-mask-bg: rgba(29,33,41,.6);
    font-family: Inter,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif,Helvetica Neue
}

body[arco-theme=dark] {
    --color-black: #000;
    --color-border: #333335;
    --color-bg-1: #17171a;
    --color-bg-2: #232324;
    --color-bg-3: #2a2a2b;
    --color-bg-4: #313132;
    --color-bg-5: #373739;
    --color-bg-white: #f6f6f6;
    --color-text-1: hsla(0,0%,100%,.9);
    --color-text-2: hsla(0,0%,100%,.7);
    --color-text-3: hsla(0,0%,100%,.5);
    --color-text-4: hsla(0,0%,100%,.3);
    --color-fill-1: hsla(0,0%,100%,.04);
    --color-fill-2: hsla(0,0%,100%,.08);
    --color-fill-3: hsla(0,0%,100%,.12);
    --color-fill-4: hsla(0,0%,100%,.16);
    --color-border-1: #2e2e30;
    --color-border-2: #484849;
    --color-border-3: #5f5f60;
    --color-border-4: #929293;
    --color-primary-light-1: rgba(var(--primary-6),0.2);
    --color-primary-light-2: rgba(var(--primary-6),0.35);
    --color-primary-light-3: rgba(var(--primary-6),0.5);
    --color-primary-light-4: rgba(var(--primary-6),0.65);
    --color-secondary: rgba(var(--gray-9),0.08);
    --color-secondary-hover: rgba(var(--gray-8),0.16);
    --color-secondary-active: rgba(var(--gray-7),0.24);
    --color-secondary-disabled: rgba(var(--gray-9),0.08);
    --color-danger-light-1: rgba(var(--danger-6),0.2);
    --color-danger-light-2: rgba(var(--danger-6),0.35);
    --color-danger-light-3: rgba(var(--danger-6),0.5);
    --color-danger-light-4: rgba(var(--danger-6),0.65);
    --color-success-light-1: rgb(var(--success-6),0.2);
    --color-success-light-2: rgb(var(--success-6),0.35);
    --color-success-light-3: rgb(var(--success-6),0.5);
    --color-success-light-4: rgb(var(--success-6),0.65);
    --color-warning-light-1: rgb(var(--warning-6),0.2);
    --color-warning-light-2: rgb(var(--warning-6),0.35);
    --color-warning-light-3: rgb(var(--warning-6),0.5);
    --color-warning-light-4: rgb(var(--warning-6),0.65);
    --color-link-light-1: rgba(var(--link-6),0.2);
    --color-link-light-2: rgba(var(--link-6),0.35);
    --color-link-light-3: rgba(var(--link-6),0.5);
    --color-link-light-4: rgba(var(--link-6),0.65);
    --color-tooltip-bg: #373739;
    --color-spin-layer-bg: rgba(51,51,51,.6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #232324;
    --color-menu-dark-hover: var(--color-fill-2);
    --color-mask-bg: rgba(23,23,26,.6)
}

body {
    --red-1: 255,236,232;
    --red-2: 253,205,197;
    --red-3: 251,172,163;
    --red-4: 249,137,129;
    --red-5: 247,101,96;
    --red-6: 245,63,63;
    --red-7: 203,39,45;
    --red-8: 161,21,30;
    --red-9: 119,8,19;
    --red-10: 77,0,10;
    --orangered-1: 255,243,232;
    --orangered-2: 253,221,195;
    --orangered-3: 252,197,159;
    --orangered-4: 250,172,123;
    --orangered-5: 249,144,87;
    --orangered-6: 247,114,52;
    --orangered-7: 204,81,32;
    --orangered-8: 162,53,17;
    --orangered-9: 119,31,6;
    --orangered-10: 77,14,0;
    --orange-1: 255,247,232;
    --orange-2: 255,228,186;
    --orange-3: 255,207,139;
    --orange-4: 255,182,93;
    --orange-5: 255,154,46;
    --orange-6: 255,125,0;
    --orange-7: 210,95,0;
    --orange-8: 166,69,0;
    --orange-9: 121,46,0;
    --orange-10: 77,27,0;
    --gold-1: 255,252,232;
    --gold-2: 253,244,191;
    --gold-3: 252,233,150;
    --gold-4: 250,220,109;
    --gold-5: 249,204,69;
    --gold-6: 247,186,30;
    --gold-7: 204,146,19;
    --gold-8: 162,109,10;
    --gold-9: 119,75,4;
    --gold-10: 77,45,0;
    --yellow-1: 254,255,232;
    --yellow-2: 254,254,190;
    --yellow-3: 253,250,148;
    --yellow-4: 252,242,107;
    --yellow-5: 251,232,66;
    --yellow-6: 250,220,25;
    --yellow-7: 207,175,15;
    --yellow-8: 163,132,8;
    --yellow-9: 120,93,3;
    --yellow-10: 77,56,0;
    --lime-1: 252,255,232;
    --lime-2: 237,248,187;
    --lime-3: 220,241,144;
    --lime-4: 201,233,104;
    --lime-5: 181,226,65;
    --lime-6: 159,219,29;
    --lime-7: 126,183,18;
    --lime-8: 95,148,10;
    --lime-9: 67,112,4;
    --lime-10: 42,77,0;
    --green-1: 232,255,234;
    --green-2: 175,240,181;
    --green-3: 123,225,136;
    --green-4: 76,210,99;
    --green-5: 35,195,67;
    --green-6: 0,180,42;
    --green-7: 0,154,41;
    --green-8: 0,128,38;
    --green-9: 0,102,34;
    --green-10: 0,77,28;
    --cyan-1: 232,255,251;
    --cyan-2: 183,244,236;
    --cyan-3: 137,233,224;
    --cyan-4: 94,223,214;
    --cyan-5: 55,212,207;
    --cyan-6: 20,201,201;
    --cyan-7: 13,165,170;
    --cyan-8: 7,130,139;
    --cyan-9: 3,97,108;
    --cyan-10: 0,66,77;
    --blue-1: 232,247,255;
    --blue-2: 195,231,254;
    --blue-3: 159,212,253;
    --blue-4: 123,192,252;
    --blue-5: 87,169,251;
    --blue-6: 52,145,250;
    --blue-7: 32,108,207;
    --blue-8: 17,75,163;
    --blue-9: 6,48,120;
    --blue-10: 0,26,77;
    --arcoblue-1: 232,243,255;
    --arcoblue-2: 190,218,255;
    --arcoblue-3: 148,191,255;
    --arcoblue-4: 106,161,255;
    --arcoblue-5: 64,128,255;
    --arcoblue-6: 22,93,255;
    --arcoblue-7: 14,66,210;
    --arcoblue-8: 7,44,166;
    --arcoblue-9: 3,26,121;
    --arcoblue-10: 0,13,77;
    --purple-1: 245,232,255;
    --purple-2: 221,190,246;
    --purple-3: 195,150,237;
    --purple-4: 168,113,227;
    --purple-5: 141,78,218;
    --purple-6: 114,46,209;
    --purple-7: 85,29,176;
    --purple-8: 60,16,143;
    --purple-9: 39,6,110;
    --purple-10: 22,0,77;
    --pinkpurple-1: 255,232,251;
    --pinkpurple-2: 247,186,239;
    --pinkpurple-3: 240,142,230;
    --pinkpurple-4: 232,101,223;
    --pinkpurple-5: 225,62,219;
    --pinkpurple-6: 217,26,217;
    --pinkpurple-7: 176,16,182;
    --pinkpurple-8: 138,9,147;
    --pinkpurple-9: 101,3,112;
    --pinkpurple-10: 66,0,77;
    --magenta-1: 255,232,241;
    --magenta-2: 253,194,219;
    --magenta-3: 251,157,199;
    --magenta-4: 249,121,183;
    --magenta-5: 247,84,168;
    --magenta-6: 245,49,157;
    --magenta-7: 203,30,131;
    --magenta-8: 161,16,105;
    --magenta-9: 119,6,79;
    --magenta-10: 77,0,52;
    --gray-1: 247,248,250;
    --gray-2: 242,243,245;
    --gray-3: 229,230,235;
    --gray-4: 201,205,212;
    --gray-5: 169,174,184;
    --gray-6: 134,144,156;
    --gray-7: 107,119,133;
    --gray-8: 78,89,105;
    --gray-9: 39,46,59;
    --gray-10: 29,33,41;
    --primary-1: 232,244,255;
    --primary-2: 190,220,255;
    --primary-3: 148,194,255;
    --primary-4: 106,166,255;
    --primary-5: 64,134,255;
    --primary-6: 22,100,255;
    --primary-7: 14,73,210;
    --primary-8: 7,49,166;
    --primary-9: 3,30,121;
    --primary-10: 0,15,77;
    --success-1: 232,255,234;
    --success-2: 173,238,181;
    --success-3: 121,221,136;
    --success-4: 74,204,98;
    --success-5: 34,187,67;
    --success-6: 0,170,42;
    --success-7: 0,147,42;
    --success-8: 0,123,39;
    --success-9: 0,100,35;
    --success-10: 0,77,29;
    --danger-1: 255,236,232;
    --danger-2: 250,203,196;
    --danger-3: 245,169,161;
    --danger-4: 240,134,127;
    --danger-5: 235,99,94;
    --danger-6: 230,63,63;
    --danger-7: 192,39,44;
    --danger-8: 153,21,30;
    --danger-9: 115,8,19;
    --danger-10: 77,0,10;
    --warning-1: 255,250,232;
    --warning-2: 254,236,185;
    --warning-3: 253,219,138;
    --warning-4: 252,199,92;
    --warning-5: 251,176,46;
    --warning-6: 250,150,0;
    --warning-7: 207,117,0;
    --warning-8: 163,87,0;
    --warning-9: 120,60,0;
    --warning-10: 77,36,0;
    --color-fill-5: #86909c;
    --color-fill-6: #4e5969;
    --color-fill-7: #1d2129;
    --secondary-1: 232,255,252;
    --secondary-2: 181,246,241;
    --secondary-3: 134,237,232;
    --secondary-4: 90,228,226;
    --secondary-5: 48,216,219;
    --secondary-6: 10,200,210;
    --secondary-7: 6,162,177;
    --secondary-8: 3,127,143;
    --secondary-9: 1,94,110;
    --secondary-10: 0,62,77;
    --link-1: 232,244,255;
    --link-2: 190,220,255;
    --link-3: 148,194,255;
    --link-4: 106,166,255;
    --link-5: 64,134,255;
    --link-6: 22,100,255;
    --link-7: 14,73,210;
    --link-8: 7,49,166;
    --link-9: 3,30,121;
    --link-10: 0,15,77
}

body[arco-theme=dark] {
    --red-1: 77,0,10;
    --red-2: 119,6,17;
    --red-3: 161,22,31;
    --red-4: 203,46,52;
    --red-5: 245,78,78;
    --red-6: 247,105,101;
    --red-7: 249,141,134;
    --red-8: 251,176,167;
    --red-9: 253,209,202;
    --red-10: 255,240,236;
    --orangered-1: 77,14,0;
    --orangered-2: 119,30,5;
    --orangered-3: 162,55,20;
    --orangered-4: 204,87,41;
    --orangered-5: 247,126,69;
    --orangered-6: 249,146,90;
    --orangered-7: 250,173,125;
    --orangered-8: 252,198,161;
    --orangered-9: 253,222,197;
    --orangered-10: 255,244,235;
    --orange-1: 77,27,0;
    --orange-2: 121,48,4;
    --orange-3: 166,75,10;
    --orange-4: 210,105,19;
    --orange-5: 255,141,31;
    --orange-6: 255,150,38;
    --orange-7: 255,179,87;
    --orange-8: 255,205,135;
    --orange-9: 255,227,184;
    --orange-10: 255,247,232;
    --gold-1: 77,45,0;
    --gold-2: 119,75,4;
    --gold-3: 162,111,15;
    --gold-4: 204,150,31;
    --gold-5: 247,192,52;
    --gold-6: 249,204,68;
    --gold-7: 250,220,108;
    --gold-8: 252,233,149;
    --gold-9: 253,244,190;
    --gold-10: 255,252,232;
    --yellow-1: 77,56,0;
    --yellow-2: 120,94,7;
    --yellow-3: 163,134,20;
    --yellow-4: 207,179,37;
    --yellow-5: 250,225,60;
    --yellow-6: 251,233,75;
    --yellow-7: 252,243,116;
    --yellow-8: 253,250,157;
    --yellow-9: 254,254,198;
    --yellow-10: 254,255,240;
    --lime-1: 42,77,0;
    --lime-2: 68,112,6;
    --lime-3: 98,148,18;
    --lime-4: 132,183,35;
    --lime-5: 168,219,57;
    --lime-6: 184,226,75;
    --lime-7: 203,233,112;
    --lime-8: 222,241,152;
    --lime-9: 238,248,194;
    --lime-10: 253,255,238;
    --green-1: 0,77,28;
    --green-2: 4,102,37;
    --green-3: 10,128,45;
    --green-4: 18,154,55;
    --green-5: 29,180,64;
    --green-6: 39,195,70;
    --green-7: 80,210,102;
    --green-8: 126,225,139;
    --green-9: 178,240,183;
    --green-10: 235,255,236;
    --cyan-1: 0,66,77;
    --cyan-2: 6,97,108;
    --cyan-3: 17,131,139;
    --cyan-4: 31,166,170;
    --cyan-5: 48,201,201;
    --cyan-6: 63,212,207;
    --cyan-7: 102,223,215;
    --cyan-8: 144,233,225;
    --cyan-9: 190,244,237;
    --cyan-10: 240,255,252;
    --blue-1: 0,26,77;
    --blue-2: 5,47,120;
    --blue-3: 19,76,163;
    --blue-4: 41,113,207;
    --blue-5: 70,154,250;
    --blue-6: 90,170,251;
    --blue-7: 125,193,252;
    --blue-8: 161,213,253;
    --blue-9: 198,232,254;
    --blue-10: 234,248,255;
    --arcoblue-1: 0,13,77;
    --arcoblue-2: 4,27,121;
    --arcoblue-3: 14,50,166;
    --arcoblue-4: 29,77,210;
    --arcoblue-5: 48,111,255;
    --arcoblue-6: 60,126,255;
    --arcoblue-7: 104,159,255;
    --arcoblue-8: 147,190,255;
    --arcoblue-9: 190,218,255;
    --arcoblue-10: 234,244,255;
    --purple-1: 22,0,77;
    --purple-2: 39,6,110;
    --purple-3: 62,19,143;
    --purple-4: 90,37,176;
    --purple-5: 123,61,209;
    --purple-6: 142,81,218;
    --purple-7: 169,116,227;
    --purple-8: 197,154,237;
    --purple-9: 223,194,246;
    --purple-10: 247,237,255;
    --pinkpurple-1: 66,0,77;
    --pinkpurple-2: 101,3,112;
    --pinkpurple-3: 138,13,147;
    --pinkpurple-4: 176,27,182;
    --pinkpurple-5: 217,46,217;
    --pinkpurple-6: 225,61,219;
    --pinkpurple-7: 232,102,223;
    --pinkpurple-8: 240,146,230;
    --pinkpurple-9: 247,193,240;
    --pinkpurple-10: 255,242,253;
    --magenta-1: 77,0,52;
    --magenta-2: 119,8,80;
    --magenta-3: 161,23,108;
    --magenta-4: 203,43,136;
    --magenta-5: 245,69,166;
    --magenta-6: 247,86,169;
    --magenta-7: 249,122,184;
    --magenta-8: 251,158,200;
    --magenta-9: 253,195,219;
    --magenta-10: 255,232,241;
    --gray-1: 23,23,26;
    --gray-2: 46,46,48;
    --gray-3: 72,72,73;
    --gray-4: 95,95,96;
    --gray-5: 120,120,122;
    --gray-6: 146,146,147;
    --gray-7: 171,171,172;
    --gray-8: 197,197,197;
    --gray-9: 223,223,223;
    --gray-10: 246,246,246;
    --primary-1: 0,15,77;
    --primary-2: 4,31,121;
    --primary-3: 14,54,166;
    --primary-4: 29,83,210;
    --primary-5: 48,117,255;
    --primary-6: 60,132,255;
    --primary-7: 104,165,255;
    --primary-8: 147,193,255;
    --primary-9: 190,220,255;
    --primary-10: 234,245,255;
    --success-1: 0,77,29;
    --success-2: 4,100,38;
    --success-3: 10,123,46;
    --success-4: 18,147,55;
    --success-5: 27,170,62;
    --success-6: 37,187,70;
    --success-7: 78,204,101;
    --success-8: 124,221,138;
    --success-9: 176,238,184;
    --success-10: 235,255,236;
    --danger-1: 77,0,10;
    --danger-2: 115,7,18;
    --danger-3: 153,24,32;
    --danger-4: 192,47,52;
    --danger-5: 230,77,77;
    --danger-6: 235,104,100;
    --danger-7: 240,140,133;
    --danger-8: 245,175,168;
    --danger-9: 250,210,203;
    --danger-10: 255,243,241;
    --warning-1: 77,36,0;
    --warning-2: 120,62,4;
    --warning-3: 163,92,10;
    --warning-4: 207,125,19;
    --warning-5: 250,162,30;
    --warning-6: 251,173,38;
    --warning-7: 252,197,86;
    --warning-8: 253,218,134;
    --warning-9: 254,235,183;
    --warning-10: 255,250,232;
    --color-fill-5: #333;
    --color-fill-6: #333;
    --color-fill-7: #333;
    --secondary-1: 0,62,77;
    --secondary-2: 5,95,110;
    --secondary-3: 14,128,143;
    --secondary-4: 26,164,177;
    --secondary-5: 41,202,210;
    --secondary-6: 54,216,219;
    --secondary-7: 95,228,226;
    --secondary-8: 139,237,232;
    --secondary-9: 186,246,241;
    --secondary-10: 237,255,253;
    --link-1: 0,15,77;
    --link-2: 4,31,121;
    --link-3: 14,54,166;
    --link-4: 29,83,210;
    --link-5: 48,117,255;
    --link-6: 60,132,255;
    --link-7: 104,165,255;
    --link-8: 147,193,255;
    --link-9: 190,220,255;
    --link-10: 234,245,255
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    src: url(./webfonts/64792ea8b3ee1cce)
}

@font-face {
    font-family: Inter;
    src: url(./webfonts/f596e7c82e2732d6)
}

@font-face {
    font-family: Inter;
    font-weight: 300;
    src: url(./webfonts/fc5f2e165eda9036)
}

.arco-form-horizontal .arco-form-label-item-left>label {
    padding-left: 16px;
    position: relative
}

.arco-form-horizontal .arco-form-label-item-left .arco-form-item-symbol {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.arco-form-label-item>label {
    line-height: 1
}

.arco-table-cell-with-sorter {
    display: inline-block
}

.arco-table .arco-table-td,.arco-table .arco-table-th {
    line-height: 20px
}

.arco-table-filters {
    display: inline-block;
    height: 100%;
    margin-left: 2px;
    padding: 0 2px;
    position: relative;
    text-align: center;
    vertical-align: -.15em;
    width: unset
}

.arco-table-size-mini .arco-table-filters {
    margin-bottom: -4px;
    margin-top: -4px;
    padding-bottom: 4px;
    padding-top: 4px
}

.arco-table-size-small .arco-table-filters {
    margin-bottom: -10px;
    margin-top: -10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.arco-table-size-default .arco-table-filters {
    margin-bottom: -14px;
    margin-top: -14px;
    padding-bottom: 14px;
    padding-top: 14px
}

.arco-table-size-middle .arco-table-filters {
    margin-bottom: -10px;
    margin-top: -10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.arco-card-header+.arco-card-body {
    padding-top: 0
}

.arco-card-cover+.arco-card-body {
    padding-top: 16px
}

.arco-message-content,.arco-picker-date-value,.arco-picker-header-value,.arco-picker-week-list {
    font-size: 12px
}

.modal-small {
    width: 400px
}

.modal-medium {
    width: 480px
}

.modal-large {
    width: 520px
}

.modal-danger .arco-modal-footer .arco-btn-primary {
    background-color: rgb(var(--danger-6))
}

.modal-danger .arco-modal-footer .arco-btn-primary:hover {
    background-color: rgb(var(--danger-5))
}

.modal-danger .arco-modal-footer .arco-btn-primary:active {
    background-color: rgb(var(--danger-7))
}

.c-card {
    background: #fff;
    border-radius: 2px
}

.c-card,.c-card-shadow {
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.c-icon,.c-icon.arco-icon {
    border-radius: 2px;
    box-sizing: border-box;
    color: #86909c;
    height: 26px;
    padding: 6px;
    width: 26px
}

.c-icon.arco-icon:not(.disabled):hover,.c-icon:not(.disabled):hover {
    background-color: #f2f3f5;
    color: #1664ff
}

.c-icon.arco-icon:not(.disabled):active,.c-icon:not(.disabled):active {
    background-color: #e5e6eb;
    color: #0e49d2
}

.c-icon.arco-icon.disabled,.c-icon.disabled {
    color: #c9cdd4;
    cursor: not-allowed
}

.cs-icon {
    vertical-align: -.125em
}

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

.z-index-20 {
    z-index: 20
}

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

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

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

.z-index-60 {
    z-index: 60
}

.z-index-70 {
    z-index: 70
}

.z-index-80 {
    z-index: 80
}

.z-index-90 {
    z-index: 90
}

.z-index-100 {
    z-index: 100
}

.z-index-part-cover {
    z-index: 900
}

.z-index-page-base {
    z-index: 1002
}

.z-index-page-cover {
    z-index: 1500
}

.arco-form-item-status-error .disable-arco-form-error .arco-select:not(.arco-select-disabled):hover .arco-select-view,.arco-form-item-status-error .disable-arco-form-error.arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-fill-2)
}

.arco-form-item-status-error .disable-arco-form-error.arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6))
}

.arco-form-item-status-error .disable-arco-form-error.arco-input-search .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
    background-color: var(--color-fill-2)
}

.arco-form-item-status-error .disable-arco-form-error.arco-input-search .arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6))
}

.c-atom-full-radius {
    border-radius: 50%
}

.c-atom-shadow-s {
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.c-atom-shadow-m {
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.c-atom-shadow-l {
    box-shadow: 0 4px 16px rgba(0,0,0,.1)
}

.c-atom-icon-size-s {
    height: 12px;
    width: 12px
}

.c-atom-icon-size-normal {
    height: 16px;
    width: 16px
}

.c-atom-icon-size-l {
    height: 20px;
    width: 20px
}

.c-atom-icon-size-xl {
    height: 24px;
    width: 24px
}

.c-atom-title-xl {
    font-size: 36px;
    line-height: 44px
}

.c-atom-title-l {
    font-size: 24px;
    line-height: 32px
}

.c-atom-title-m {
    font-size: 20px;
    line-height: 28px
}

.c-atom-title-s {
    font-size: 16px;
    line-height: 24px
}

.c-atom-body-l,.c-atom-title-xs {
    font-size: 14px;
    line-height: 22px
}

.c-atom-body-m {
    font-size: 13px;
    line-height: 22px
}

.c-atom-body-s,.c-atom-caption {
    font-size: 12px;
    line-height: 20px
}

.c-atom-pt-4,.c-atom-pt-small-1 {
    padding-top: 4px
}

.c-atom-pb-4,.c-atom-pb-small-1 {
    padding-bottom: 4px
}

.c-atom-pr-4,.c-atom-pr-small-1 {
    padding-right: 4px
}

.c-atom-pl-4,.c-atom-pl-small-1 {
    padding-left: 4px
}

.c-atom-pt-8,.c-atom-pt-small-2 {
    padding-top: 8px
}

.c-atom-pb-8,.c-atom-pb-small-2 {
    padding-bottom: 8px
}

.c-atom-pr-8,.c-atom-pr-small-2 {
    padding-right: 8px
}

.c-atom-pl-8,.c-atom-pl-small-2 {
    padding-left: 8px
}

.c-atom-pt-12,.c-atom-pt-small-3 {
    padding-top: 12px
}

.c-atom-pb-12,.c-atom-pb-small-3 {
    padding-bottom: 12px
}

.c-atom-pr-12,.c-atom-pr-small-3 {
    padding-right: 12px
}

.c-atom-pl-12,.c-atom-pl-small-3 {
    padding-left: 12px
}

.c-atom-pt-16,.c-atom-pt-normal-1 {
    padding-top: 16px
}

.c-atom-pb-16,.c-atom-pb-normal-1 {
    padding-bottom: 16px
}

.c-atom-pr-16,.c-atom-pr-normal-1 {
    padding-right: 16px
}

.c-atom-pl-16,.c-atom-pl-normal-1 {
    padding-left: 16px
}

.c-atom-pt-20,.c-atom-pt-normal-2 {
    padding-top: 20px
}

.c-atom-pb-20,.c-atom-pb-normal-2 {
    padding-bottom: 20px
}

.c-atom-pr-20,.c-atom-pr-normal-2 {
    padding-right: 20px
}

.c-atom-pl-20,.c-atom-pl-normal-2 {
    padding-left: 20px
}

.c-atom-pt-24,.c-atom-pt-normal-3 {
    padding-top: 24px
}

.c-atom-pb-24,.c-atom-pb-normal-3 {
    padding-bottom: 24px
}

.c-atom-pr-24,.c-atom-pr-normal-3 {
    padding-right: 24px
}

.c-atom-pl-24,.c-atom-pl-normal-3 {
    padding-left: 24px
}

.c-atom-pt-32,.c-atom-pt-large-1 {
    padding-top: 32px
}

.c-atom-pb-32,.c-atom-pb-large-1 {
    padding-bottom: 32px
}

.c-atom-pr-32,.c-atom-pr-large-1 {
    padding-right: 32px
}

.c-atom-pl-32,.c-atom-pl-large-1 {
    padding-left: 32px
}

.c-atom-pt-40,.c-atom-pt-large-2 {
    padding-top: 40px
}

.c-atom-pb-40,.c-atom-pb-large-2 {
    padding-bottom: 40px
}

.c-atom-pr-40,.c-atom-pr-large-2 {
    padding-right: 40px
}

.c-atom-pl-40,.c-atom-pl-large-2 {
    padding-left: 40px
}

.c-atom-pt-48,.c-atom-pt-large-3 {
    padding-top: 48px
}

.c-atom-pb-48,.c-atom-pb-large-3 {
    padding-bottom: 48px
}

.c-atom-pr-48,.c-atom-pr-large-3 {
    padding-right: 48px
}

.c-atom-pl-48,.c-atom-pl-large-3 {
    padding-left: 48px
}

.c-atom-mt-4,.c-atom-mt-small-1 {
    margin-top: 4px
}

.c-atom-mb-4,.c-atom-mb-small-1 {
    margin-bottom: 4px
}

.c-atom-mr-4,.c-atom-mr-small-1 {
    margin-right: 4px
}

.c-atom-ml-4,.c-atom-ml-small-1 {
    margin-left: 4px
}

.c-atom-mt-8,.c-atom-mt-small-2 {
    margin-top: 8px
}

.c-atom-mb-8,.c-atom-mb-small-2 {
    margin-bottom: 8px
}

.c-atom-mr-8,.c-atom-mr-small-2 {
    margin-right: 8px
}

.c-atom-ml-8,.c-atom-ml-small-2 {
    margin-left: 8px
}

.c-atom-mt-12,.c-atom-mt-small-3 {
    margin-top: 12px
}

.c-atom-mb-12,.c-atom-mb-small-3 {
    margin-bottom: 12px
}

.c-atom-mr-12,.c-atom-mr-small-3 {
    margin-right: 12px
}

.c-atom-ml-12,.c-atom-ml-small-3 {
    margin-left: 12px
}

.c-atom-mt-16,.c-atom-mt-normal-1 {
    margin-top: 16px
}

.c-atom-mb-16,.c-atom-mb-normal-1 {
    margin-bottom: 16px
}

.c-atom-mr-16,.c-atom-mr-normal-1 {
    margin-right: 16px
}

.c-atom-ml-16,.c-atom-ml-normal-1 {
    margin-left: 16px
}

.c-atom-mt-20,.c-atom-mt-normal-2 {
    margin-top: 20px
}

.c-atom-mb-20,.c-atom-mb-normal-2 {
    margin-bottom: 20px
}

.c-atom-mr-20,.c-atom-mr-normal-2 {
    margin-right: 20px
}

.c-atom-ml-20,.c-atom-ml-normal-2 {
    margin-left: 20px
}

.c-atom-mt-24,.c-atom-mt-normal-3 {
    margin-top: 24px
}

.c-atom-mb-24,.c-atom-mb-normal-3 {
    margin-bottom: 24px
}

.c-atom-mr-24,.c-atom-mr-normal-3 {
    margin-right: 24px
}

.c-atom-ml-24,.c-atom-ml-normal-3 {
    margin-left: 24px
}

.c-atom-mt-32,.c-atom-mt-large-1 {
    margin-top: 32px
}

.c-atom-mb-32,.c-atom-mb-large-1 {
    margin-bottom: 32px
}

.c-atom-mr-32,.c-atom-mr-large-1 {
    margin-right: 32px
}

.c-atom-ml-32,.c-atom-ml-large-1 {
    margin-left: 32px
}

.c-atom-mt-40,.c-atom-mt-large-2 {
    margin-top: 40px
}

.c-atom-mb-40,.c-atom-mb-large-2 {
    margin-bottom: 40px
}

.c-atom-mr-40,.c-atom-mr-large-2 {
    margin-right: 40px
}

.c-atom-ml-40,.c-atom-ml-large-2 {
    margin-left: 40px
}

.c-atom-mt-48,.c-atom-mt-large-3 {
    margin-top: 48px
}

.c-atom-mb-48,.c-atom-mb-large-3 {
    margin-bottom: 48px
}

.c-atom-mr-48,.c-atom-mr-large-3 {
    margin-right: 48px
}

.c-atom-ml-48,.c-atom-ml-large-3 {
    margin-left: 48px
}

.c-atom-border-radius-btn,.c-atom-border-radius-input {
    border-radius: 2px
}

.c-atom-border-radius-card,.c-atom-border-radius-modal {
    border-radius: 4px
}

.c-atom-color-title {
    color: #1d2129
}

.c-atom-color-sub-title {
    color: #4e5969
}

.c-atom-color-sub-info {
    color: #86909c
}

.c-atom-color-disable-info {
    color: #c9cdd4
}

.c-atom-color-success {
    color: #00aa2a
}

.c-atom-color-warning {
    color: #fa9600
}

.c-atom-color-error {
    color: #e63f3f
}

.c-atom-color-link {
    color: #1664ff
}

.c-atom-brand-bg {
    background-color: #1664ff
}

.c-atom-brand-border {
    border-color: #1664ff
}

.c-atom-brand-color {
    color: #1664ff
}

.c-atom-brand-bg-hover {
    background-color: #4086ff
}

.c-atom-brand-border-hover {
    border-color: #4086ff
}

.c-atom-brand-color-hover {
    color: #4086ff
}

.c-atom-brand-bg-focus {
    background-color: #0e49d2
}

.c-atom-brand-border-focus {
    border-color: #0e49d2
}

.c-atom-brand-color-focus {
    color: #0e49d2
}

.c-atom-brand-bg-disable {
    background-color: #94c2ff
}

.c-atom-brand-border-disable {
    border-color: #94c2ff
}

.c-atom-brand-color-disable {
    color: #94c2ff
}

.c-atom-brand-bg-banner {
    background-color: #e8f4ff
}

.c-atom-brand-border-banner {
    border-color: #e8f4ff
}

.c-atom-brand-color-banner {
    color: #e8f4ff
}

.c-atom-brand-bg-banner-dark {
    background-color: #bedcff
}

.c-atom-brand-border-banner-dark {
    border-color: #bedcff
}

.c-atom-brand-color-banner-dark {
    color: #bedcff
}

.c-atom-brand-sub-bg {
    background-color: #0ac8d2
}

.c-atom-brand-sub-border {
    border-color: #0ac8d2
}

.c-atom-brand-sub-color {
    color: #0ac8d2
}

.c-atom-brand-sub-bg-hover {
    background-color: #30d8db
}

.c-atom-brand-sub-border-hover {
    border-color: #30d8db
}

.c-atom-brand-sub-color-hover {
    color: #30d8db
}

.c-atom-brand-sub-bg-focus {
    background-color: #06a2b1
}

.c-atom-brand-sub-border-focus {
    border-color: #06a2b1
}

.c-atom-brand-sub-color-focus {
    color: #06a2b1
}

.c-atom-brand-sub-bg-disable {
    background-color: #86ede8
}

.c-atom-brand-sub-border-disable {
    border-color: #86ede8
}

.c-atom-brand-sub-color-disable {
    color: #86ede8
}

.c-atom-brand-sub-bg-banner {
    background-color: #e8fffc
}

.c-atom-brand-sub-border-banner {
    border-color: #e8fffc
}

.c-atom-brand-sub-color-banner {
    color: #e8fffc
}

.c-atom-brand-sub-bg-banner-dark {
    background-color: #b5f6f1
}

.c-atom-brand-sub-border-banner-dark {
    border-color: #b5f6f1
}

.c-atom-brand-sub-color-banner-dark {
    color: #b5f6f1
}

.c-atom-line-dark {
    border-color: #c9cdd4
}

.c-atom-line-normal {
    border-color: #e5e8ef
}

.c-atom-fill-main {
    background-color: #1d2129
}

.c-atom-fill-sub {
    background-color: #4e5969
}

.c-atom-fill-special-dark {
    background-color: #86909c
}

.c-atom-fill-special {
    background-color: #c9cdd4
}

.c-atom-fill-dark {
    background-color: #e5e8ef
}

.c-atom-fill-normal {
    background-color: #f2f3f8
}

.c-atom-fill-forbidden {
    background-color: #f6f7fb
}

.c-atom-fill-white {
    background-color: #fff
}

.c-atom-success-bg {
    background-color: #00aa2a
}

.c-atom-success-border {
    border-color: #00aa2a
}

.c-atom-success-color {
    color: #00aa2a
}

.c-atom-success-bg-hover {
    background-color: #22bb43
}

.c-atom-success-border-hover {
    border-color: #22bb43
}

.c-atom-success-color-hover {
    color: #22bb43
}

.c-atom-success-bg-focus {
    background-color: #00932a
}

.c-atom-success-border-focus {
    border-color: #00932a
}

.c-atom-success-color-focus {
    color: #00932a
}

.c-atom-success-bg-disable {
    background-color: #79dd88
}

.c-atom-success-border-disable {
    border-color: #79dd88
}

.c-atom-success-color-disable {
    color: #79dd88
}

.c-atom-success-bg-banner {
    background-color: #e8ffea
}

.c-atom-success-border-banner {
    border-color: #e8ffea
}

.c-atom-success-color-banner {
    color: #e8ffea
}

.c-atom-warning-bg {
    background-color: #fa9600
}

.c-atom-warning-border {
    border-color: #fa9600
}

.c-atom-warning-color {
    color: #fa9600
}

.c-atom-warning-bg-hover {
    background-color: #fbb02e
}

.c-atom-warning-border-hover {
    border-color: #fbb02e
}

.c-atom-warning-color-hover {
    color: #fbb02e
}

.c-atom-warning-bg-focus {
    background-color: #cf7500
}

.c-atom-warning-border-focus {
    border-color: #cf7500
}

.c-atom-warning-color-focus {
    color: #cf7500
}

.c-atom-warning-bg-disable {
    background-color: #fddb8a
}

.c-atom-warning-border-disable {
    border-color: #fddb8a
}

.c-atom-warning-color-disable {
    color: #fddb8a
}

.c-atom-warning-bg-banner {
    background-color: #fffae8
}

.c-atom-warning-border-banner {
    border-color: #fffae8
}

.c-atom-warning-color-banner {
    color: #fffae8
}

.c-atom-error-bg {
    background-color: #e63f3f
}

.c-atom-error-border {
    border-color: #e63f3f
}

.c-atom-error-color {
    color: #e63f3f
}

.c-atom-error-bg-hover {
    background-color: #eb635e
}

.c-atom-error-border-hover {
    border-color: #eb635e
}

.c-atom-error-color-hover {
    color: #eb635e
}

.c-atom-error-bg-focus {
    background-color: #c0272c
}

.c-atom-error-border-focus {
    border-color: #c0272c
}

.c-atom-error-color-focus {
    color: #c0272c
}

.c-atom-error-bg-disable {
    background-color: #f5a9a1
}

.c-atom-error-border-disable {
    border-color: #f5a9a1
}

.c-atom-error-color-disable {
    color: #f5a9a1
}

.c-atom-error-bg-banner {
    background-color: #ffece8
}

.c-atom-error-border-banner {
    border-color: #ffece8
}

.c-atom-error-color-banner {
    color: #ffece8
}

.c-atom-primary-bg {
    background-color: #1664ff
}

.c-atom-primary-border {
    border-color: #1664ff
}

.c-atom-primary-color {
    color: #1664ff
}

.c-atom-primary-bg-hover {
    background-color: #4086ff
}

.c-atom-primary-border-hover {
    border-color: #4086ff
}

.c-atom-primary-color-hover {
    color: #4086ff
}

.c-atom-primary-bg-focus {
    background-color: #0e49d2
}

.c-atom-primary-border-focus {
    border-color: #0e49d2
}

.c-atom-primary-color-focus {
    color: #0e49d2
}

.c-atom-primary-bg-disable {
    background-color: #94c2ff
}

.c-atom-primary-border-disable {
    border-color: #94c2ff
}

.c-atom-primary-color-disable {
    color: #94c2ff
}

.c-atom-primary-bg-banner {
    background-color: #e8f4ff
}

.c-atom-primary-border-banner {
    border-color: #e8f4ff
}

.c-atom-primary-color-banner {
    color: #e8f4ff
}

.footer-module__box--b\+OH1 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    padding-left: 4px
}

.footer-module__box--b\+OH1 .footer-module__price--KLxv4 .footer-module__text1--P5qE3 {
    color: #020814;
    margin-right: 8px
}

.footer-module__box--b\+OH1 .footer-module__price--KLxv4 .footer-module__total--Ce7IQ {
    color: #fe560e;
    margin-right: 12px
}

.footer-module__box--b\+OH1 .footer-module__price--KLxv4 .footer-module__total--Ce7IQ span {
    font-size: 28px;
    font-weight: 600
}

.footer-module__box--b\+OH1 .footer-module__price--KLxv4 .footer-module__text2--UUGV2 {
    color: #9c9fa8
}

.footer-module__box--b\+OH1 .footer-module__infos--QL48h {
    font-size: 12px
}

.footer-module__box--b\+OH1 .footer-module__infos--QL48h .footer-module__info--sMplg {
    color: #848484;
    margin-right: 4px
}

.footer-module__box--b\+OH1 .footer-module__infos--QL48h .footer-module__link--\+eEdG {
    color: #165dff;
    cursor: pointer
}

.index-module__box--h6Ffh {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 1000
}

.index-module__box--h6Ffh>div {
    pointer-events: all
}

.index-module__box--h6Ffh .arco-drawer-footer .arco-form-item {
    margin-bottom: 0
}

#formdraw .c-components-drawer-content {
    position: relative
}

#formdraw .arco-drawer {
    max-width: 100%;
    overflow-x: auto
}

#formdraw .arco-drawer .arco-drawer-inner {
    width: 700px
}

.arco-link {
    background-color: transparent;
    border-radius: var(--border-radius-small);
    color: rgb(var(--link-6));
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5715;
    padding: 1px 4px;
    text-decoration: none;
    transition: all .1s linear
}

.arco-link:hover {
    background-color: var(--color-fill-2);
    color: rgb(var(--link-6))
}

.arco-link:active {
    background-color: var(--color-fill-3);
    color: rgb(var(--link-6));
    transition: none
}

.arco-link:focus-visible {
    box-shadow: 0 0 0 2px var(--color-link-light-3)
}

.arco-link.arco-link-hoverless {
    background-color: unset;
    display: inline;
    padding: 0
}

.arco-link.arco-link-hoverless:active,.arco-link.arco-link-hoverless:hover {
    background-color: unset
}

.arco-link.arco-link-disabled {
    background: none;
    color: var(--color-link-light-3);
    cursor: not-allowed
}

.arco-link-is-success,.arco-link-is-success:active,.arco-link-is-success:hover {
    color: rgb(var(--success-6))
}

.arco-link-is-success.arco-link-disabled {
    color: var(--color-success-light-3)
}

.arco-link-is-error,.arco-link-is-error:active,.arco-link-is-error:hover {
    color: rgb(var(--danger-6))
}

.arco-link-is-error.arco-link-disabled {
    color: var(--color-danger-light-3)
}

.arco-link-is-warning,.arco-link-is-warning:active,.arco-link-is-warning:hover {
    color: rgb(var(--warning-6))
}

.arco-link-is-warning.arco-link-disabled {
    color: var(--color-warning-light-2)
}

.arco-link-icon {
    font-size: 12px;
    margin-right: 6px
}

.arco-link-rtl .arco-link-icon {
    margin-left: 6px;
    margin-right: 0
}

.c-components-drawer {
    height: inherit;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

.c-components-drawer .arco-drawer-wrapper {
    left: unset;
    right: 0
}

.c-components-drawer .c-components-drawer-header {
    box-shadow: 0 1px 0 #e5e6eb;
    display: flex;
    margin-bottom: 1px;
    padding: 16px 24px
}

.c-components-drawer .c-components-drawer-header-left {
    flex: 1 1
}

.c-components-drawer .c-components-drawer-header-left-title {
    color: #1d2129;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    margin-right: 16px;
    max-width: 200px
}

.c-components-drawer .c-components-drawer-header-left-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-components-drawer .c-components-drawer-header-left-title-item {
    color: #7a8499;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400
}

.c-components-drawer .c-components-drawer-header-left-title-item-active {
    color: #1a2233;
    font-weight: 500
}

.c-components-drawer .c-components-drawer-header-left-title-iconRight {
    color: #d8d8d8;
    font-size: 12px;
    margin: 0 5px
}

.c-components-drawer .c-components-drawer-header-left-status {
    align-items: center;
    display: flex
}

.c-components-drawer .c-components-drawer-header-right {
    display: flex;
    flex-shrink: 0;
    height: 28px;
    justify-content: flex-end
}

.c-components-drawer .c-components-drawer-header-right-btns {
    display: flex
}

.c-components-drawer .c-components-drawer-header-right-btns-btn {
    align-items: center;
    color: #424e66;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    line-height: 20px;
    margin-left: 10px;
    width: 64px
}

.c-components-drawer .c-components-drawer-header-right-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 12px
}

.c-components-drawer .c-components-drawer-content {
    max-height: calc(100vh - 180px);
    overflow: auto
}

.c-components-drawer .c-components-drawer-content-padding {
    padding: 0 24px
}

.c-components-drawer .arco-drawer {
    box-shadow: -4px 0 10px rgba(0,0,0,.05)
}

.c-components-drawer .arco-spin-children {
    width: 100%
}

.c-components-drawer .arco-drawer-content {
    padding: 0
}

.c-components-drawer .arco-drawer-scroll {
    overflow: hidden
}

div[data-trigger=__c-components-drawer-trigger__] {
    display: unset
}

.c-operation-menu-list {
    min-width: 60px
}

.c-operation-menu .arco-btn>.arco-icon {
    vertical-align: middle
}

.c-full-page-form-step {
    background-color: #f2f3f8;
    height: 100%;
    min-width: 1000px;
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

.c-full-page-form-step-header {
    background-color: #fff;
    border-bottom: 1px solid #e5e6eb;
    height: 48px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 900
}

.c-full-page-form-step-header-title-container {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 10px;
    width: 80%
}

.c-full-page-form-step-header .icon-back {
    cursor: pointer
}

.c-full-page-form-step-header .icon-back:hover {
    color: #1664ff
}

.c-full-page-form-step-header-title {
    color: #1d2129;
    margin-left: 10px
}

.c-full-page-form-step-content {
    min-height: calc(100% - 112px);
    overflow: auto;
    padding: 16px 0 50px
}

.c-full-page-form-step-content-top-slot-wrapper {
    margin: 0 auto 16px;
    max-width: 1200px;
    width: 80%
}

.c-full-page-form-step-content-form-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 100%;
    position: relative;
    width: 80%
}

.c-full-page-form-step-content-step-warpper {
    box-sizing: border-box;
    height: 44px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 24px 16px;
    width: 80%
}

.c-full-page-form-step-footer {
    background-color: #fff;
    border-top: 1px solid #e5e6eb;
    bottom: 0;
    height: 64px;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 900
}

.c-full-page-form-step-footer-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 80%
}

.c-full-page-form-step-footer-container .arco-form-item {
    margin-bottom: unset
}

.c-default-form-step {
    background-color: #f2f3f8;
    display: flex;
    flex-direction: column;
    min-width: 1000px;
    padding-bottom: 64px;
    position: relative
}

.c-default-form-step-content {
    flex: 1 1;
    overflow: auto
}

.c-default-form-step-content-footer,.c-default-form-step-content-form-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%
}

.c-default-form-step-content-footer {
    height: 64px
}

.c-default-form-step-content-footer-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end
}

.c-default-form-step-content-step-warpper {
    box-sizing: border-box;
    height: 60px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 16px 24px;
    width: 80%
}

.c-simple-form-step-step-warpper {
    box-sizing: border-box;
    padding: 16px 4px
}

.c-simple-form-step-step-warpper .c-formstep-steps-item.arco-steps-item {
    flex-grow: 1
}

.c-simple-form-step-step-warpper .c-formstep-steps-item.arco-steps-item:last-child {
    flex-grow: 0;
    padding-right: 0
}

.c-simple-form-step-step-warpper .c-formstep-steps-item.arco-steps-item.arco-steps-item-wait .arco-steps-icon {
    background: var(--color-fill-2)
}

.c-simple-form-step-step-warpper .c-formstep-steps-item.arco-steps-item.arco-steps-item-finish .arco-steps-icon {
    background: var(--color-primary-light-1)
}

.c-simple-form-step-content {
    padding-top: 16px
}

.c-simple-form-step-footer-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.volc-fee-calculator {
    align-items: center;
    display: flex;
    height: 32px
}

.volc-fee-calculator .volc-fee-calculator-info-group {
    align-items: flex-end;
    display: flex
}

.volc-fee-calculator .volc-fee-calculator-text {
    color: #4e5969;
    height: 20px;
    line-height: 20px;
    margin-right: 10px
}

.volc-fee-calculator .volc-fee-calculator-price {
    align-self: baseline;
    color: #fa9600;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 2px
}

.volc-fee-calculator .volc-fee-calculator-originalprice {
    color: #4e5969;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px
}

.volc-fee-calculator .volc-fee-calculator-originalprice span {
    color: #02aa2b
}

.volc-fee-calculator .volc-fee-calculator-desc,.volc-fee-calculator .volc-fee-calculator-unit {
    color: #1d2129;
    height: 20px;
    line-height: 20px;
    margin-right: 5px
}

.volc-fee-calculator-popover .volc-fee-calculator-popover-title h1 {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 4px
}

.volc-fee-calculator-popover .volc-fee-calculator-popover-title h2 {
    color: #86909c;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.volc-fee-calculator-popover .arco-popover-content {
    padding: 12px 16px 20px
}

.volc-fee-calculator-popover .arco-popover-content .arco-popover-inner-content {
    margin-top: 12px
}

.volc-fee-calculator-popover .arco-popover-content .arco-popover-inner-content .arco-table-td,.volc-fee-calculator-popover .arco-popover-content .arco-popover-inner-content .arco-table-th-item {
    padding: 8px 16px
}

.c-form-item-decorator .arco-form-item-wrapper .arco-form-item-control-wrapper .arco-form-item-control .arco-form-item-control-children {
    display: flex
}

.c-form-item-decorator-space {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.c-form-item-decorator-space-children {
    flex-grow: 1
}

.c-form-item-decorator-space-prefix {
    color: #4e5969;
    margin-right: 12px
}

.c-form-item-decorator-space-prefix .arco-icon {
    color: #4e5969
}

.c-form-item-decorator-space-suffix {
    color: #4e5969;
    margin-left: 12px
}

.c-form-item-group-decorator {
    border-radius: 2px;
    margin-bottom: 25px;
    width: 100%
}

.c-form-item-group-decorator:last-child {
    margin-bottom: 0
}

.c-form-item-group-decorator-title {
    color: #4e5969;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 5px
}

.c-form-item-group-decorator-content {
    padding: 20px
}

.c-form-item-group-decorator-content-border {
    border: 1px solid #e5e8ef;
    border-radius: 2px
}

.c-form-item-group-decorator-content .c-form-grid-layout .arco-form-item:last-child {
    margin-bottom: 0
}

.c-form-grid-layout {
    display: grid;
    overflow: auto
}

.c-form-inline-item-group-decorator {
    width: 100%
}

.c-form-inline-item-group-decorator .arco-form-item,.c-form-inline-item-group-decorator:last-child {
    margin-bottom: 0
}

.c-form-inline-item-group-decorator-title {
    color: #4e5969;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 5px
}

.c-form-section-decorator {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(26,34,51,.05);
    margin-bottom: 12px;
    padding: 24px 28px 4px
}

.c-form-section-decorator:last-child {
    margin-bottom: 0
}

.c-form-section-decorator-title {
    align-items: center;
    color: #1d2129;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px
}

.c-form-section-decorator-title-tag {
    border-right: 2px solid #1664ff;
    height: 12px;
    margin-right: 4px
}

.c-form-collapse-decorator.c-form-collapse-decorator-Section {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(26,34,51,.05);
    margin-bottom: 12px;
    padding: 16px 28px 4px
}

.c-form-collapse-decorator.c-form-collapse-decorator-Section:last-child {
    margin-bottom: 0
}

.c-form-collapse-decorator.c-form-collapse-decorator-Section .c-form-collapse-decorator-title-collapse {
    margin-bottom: 12px
}

.c-form-collapse-decorator.c-form-collapse-decorator-FileItem .c-form-collapse-decorator-title {
    margin-bottom: 24px;
    margin-top: 4px
}

.c-form-collapse-decorator-title .arco-form-label-item-left>label {
    padding-left: 0
}

.c-form-collapse-decorator-title .arco-form-label-item {
    height: 20px;
    line-height: 20px
}

.c-form-collapse-decorator-title .arco-form-item-control {
    min-height: 20px
}

.c-form-collapse-decorator-title-tip {
    color: #7a8499;
    font-size: 13px;
    white-space: pre;
    width: 100%
}

.c-form-collapse-decorator-title-btn {
    border: none;
    height: 20px;
    line-height: 20px
}

.c-form-collapse-decorator-title-btn:not(.arco-btn-disabled) {
    color: #1664ff
}

.c-form-collapse-decorator-title-icon {
    position: relative;
    top: -1px;
    transition: transform .2s ease
}

.c-form-collapse-decorator-title-icon-rotate {
    transform: rotate(90deg)
}

.c-form-collapse-decorator-children {
    width: 100%
}

.c-form-collapse-decorator-children-hidden {
    display: none
}

.c-form-item-component-render-control-tooltip {
    display: flex;
    flex-direction: column;
    white-space: normal
}

.c-form-item-component-render-control-tooltip span {
    font-size: 13px;
    line-height: 22px;
    padding-left: 16px;
    position: relative
}

.c-form-item-component-render-control-tooltip span:before {
    background: #7a8499;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 4px;
    left: 4px;
    position: absolute;
    top: 9px;
    width: 4px
}

.c-form-component-text {
    font-size: 12px
}

.c-radio.arco-radio-group-type-button {
    padding: 0
}

.c-radio .arco-radio-button {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    margin: 0 2px 0 0;
    white-space: nowrap
}

.c-radio .arco-radio-button:hover {
    background-color: #f2f3f8;
    color: #1664ff
}

.c-radio .arco-radio-button:after {
    border-radius: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.c-radio .arco-radio-button:not(:first-of-type):before {
    width: 0
}

.c-radio .arco-radio-button.arco-radio-disabled {
    background-color: transparent;
    color: #c9cdd4;
    cursor: not-allowed
}

.c-radio .arco-radio-button.arco-radio-checked {
    background-color: #e8f4ff;
    color: #1664ff;
    font-weight: 400
}

.c-radio .arco-radio-button.arco-radio-disabled.arco-radio-checked {
    background-color: #e8f4ff;
    color: #1664ff
}

.c-radio.arco-radio-size-large .arco-radio-button,.c-radio.arco-radio-size-large.arco-radio-group-type-button {
    font-size: 12px;
    line-height: 32px
}

.c-radio-width-size-badge .arco-radio-button .arco-radio-button-inner,.c-radio.arco-radio-size-large .arco-radio-button-inner,.c-radio.arco-radio-size-large.arco-radio-group-type-button-inner {
    padding: 0 24px
}

.c-radio-width-size .arco-radio-button .arco-radio-button-inner {
    overflow: hidden;
    padding: 0 8px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-radio-width-size-small .arco-radio-button .arco-radio-button-inner {
    width: 64px
}

.c-radio-width-size-large .arco-radio-button .arco-radio-button-inner {
    width: 144px
}

.c-radio-width-size-default .arco-radio-button .arco-radio-button-inner {
    width: 84px
}

.c-radio-checked-style-border .arco-radio-button {
    border: 1px solid #e5e8ef;
    border-radius: 4px;
    box-sizing: border-box;
    margin-right: 12px
}

.c-radio-checked-style-border .arco-radio-button .arco-radio-button-inner {
    padding: 0
}

.c-radio-checked-style-border .arco-radio-button.arco-radio-checked {
    border: 1px solid #1664ff
}

.c-radio-checked-style-border .arco-radio-button.arco-radio-checked:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgzMHYzMEwwIDBaIiBmaWxsPSIjMTY1REZGIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NSA1Ljc0OGEuNS41IDAgMCAwLS43MTMuMDA2bC00LjI5MSA0LjQzNi0xLjU5OS0xLjU5OWEuNS41IDAgMCAwLS43MDcgMGwtLjQ3MS40NzJhLjUuNSAwIDAgMCAwIC43MDdsMi4yMzkgMi4yNGEuNTEyLjUxMiAwIDAgMCAuMDM1LjAzbC4xNjUuMTY2YS41LjUgMCAwIDAgLjcxMi0uMDA2bDUuMTA3LTUuMjc5YS41LjUgMCAwIDAtLjAwNi0uNzAxbC0uNDctLjQ3MVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat 100% 0/30px 30px;
    border-radius: 0;
    content: "";
    z-index: 10
}

.c-radio-arco-radio-badge {
    background-color: #88919b;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 22px;
    z-index: 10
}

.c-radio-arco-radio-badge-container,.c-radio-arco-radio-badge-font {
    display: inline-block;
    position: relative
}

.c-radio-arco-radio-badge-font {
    font-size: 15px;
    height: 15px;
    text-align: center;
    transform: scale(.67);
    width: 15px
}

.c-radio-arco-radio-badge-grey {
    background-color: #88919b
}

.c-radio-arco-radio-badge-orange {
    background-color: orange
}

c-array-table .editable-row .editable-cell {
    display: inline-block;
    padding: 5px 11px
}

c-array-table .editable-row .editable-cell:hover {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 4px 10px
}

.c-array-table .arco-form-item {
    margin-bottom: unset
}

.c-form-array-button {
    align-items: center;
    border-radius: 2px;
    box-sizing: border-box;
    color: #4e5969;
    cursor: pointer;
    display: flex;
    flex: none;
    font-size: 12px;
    height: 32px;
    line-height: 20px;
    padding: 0 10px;
    width: auto
}

.c-form-array-button-content {
    margin-left: 8px
}

.c-form-array-button:not(.disabled):hover {
    background-color: #f2f3f8;
    color: #1664ff
}

.c-form-array-button:not(.disabled):active {
    background-color: #e5e6eb;
    color: #424e66
}

.c-form-array-button.disabled {
    color: #c9cdd4!important;
    cursor: not-allowed
}

.c-form-array-button.disabled-icon {
    color: #c9cdd4
}

.c-form-array-button-add-tips {
    color: #86909c;
    font-size: 12px;
    line-height: 20px
}

.ArrayItemsDecorator {
    display: flex
}

.ArrayItemsObjectDecorator {
    display: flex;
    margin-bottom: 16px
}

.c-form-teble-select .sold-out-tag {
    margin-left: 6px
}

.c-form-teble-select .disabled-row .arco-table-cell-wrap-value {
    color: #c9cdd4
}

.c-form-teble-select .arco-table-td,.c-form-teble-select .arco-table-th-item {
    padding-bottom: 7px;
    padding-top: 8px
}

.cs-c-batch-paste-list .arco-input-tag-inner {
    overflow: visible
}

.cs-c-batch-paste-list .arco-input-tag-suffix {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    height: 22px;
    justify-content: center;
    margin-top: 8px;
    width: 22px
}

.cs-c-batch-paste-list .arco-tag-gray {
    background: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 2px;
    color: #1d2129
}

.project-tree-select {
    display: flex;
    width: 100%
}

.cs-c-project-selector {
    align-items: center;
    display: flex
}

.cs-c-project-selector .arco-space-item:nth-child(2),.cs-c-project-selector .project-tree-select-add {
    display: none
}

.cs-c-project-selector-link {
    margin-left: 8px
}

.cs-c-project-selector .arco-tree-select-single {
    width: 400px
}

.cs-c-project-link {
    font-size: 12px;
    line-height: 20px
}

.cs-c-project-link-empty {
    padding-left: 4px
}

.c-ellipsis {
    align-items: center
}

.c-ellipsis,.c-ellipsis-container {
    color: inherit;
    overflow: hidden;
    width: 100%
}

.c-ellipsis-container {
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-ellipsis-content {
    color: inherit;
    font-size: inherit
}

.c-ellipsis-wrapper {
    align-items: center;
    display: flex
}

.c-ellipsis-wrapper .c-ellipsis-wrapper-content .c-ellipsis {
    width: auto
}

.c-ellipsis-wrapper .c-ellipsis-wrapper-content {
    flex-shrink: 1;
    overflow: hidden
}

.c-ellipsis-wrapper .c-ellipsis-wrapper-extra {
    display: flex
}

.c-ellipsis-wrapper .c-ellipsis-wrapper-copy {
    line-height: 1
}

.cs-c-validate-message-rules-tool-tip {
    display: flex;
    flex-direction: column
}

.cs-c-validate-message-rules-tool-tip-text {
    color: #1d2129;
    font-size: 12px;
    line-height: 20px;
    margin-left: 9px
}

.cs-c-validate-message-rules-tool-tip-container {
    align-items: center;
    display: flex;
    font-size: 16px
}

.c-formstep-steps-item.arco-steps-item {
    flex: none;
    margin-right: 8px;
    padding-right: 104px
}

.c-formstep-steps-item.arco-steps-item .arco-steps-item-icon {
    font-size: 14px
}

.c-formstep-steps-item.arco-steps-item .arco-steps-item-title {
    font-size: 14px;
    padding-right: 8px
}

.c-formstep-steps-item.arco-steps-item.arco-steps-item-finish .arco-steps-icon,.c-formstep-steps-item.arco-steps-item.arco-steps-item-wait .arco-steps-icon {
    background-color: #fff
}

.c-formstep-steps-item.arco-steps-item.arco-steps-item-finish .arco-steps-item-content .arco-steps-item-title:after,.c-formstep-steps-item.arco-steps-item.arco-steps-item-process .arco-steps-icon {
    background-color: #1664ff
}

.c-formstep-steps-item.arco-steps-item.arco-steps-item-process .arco-steps-item-content .arco-steps-item-title:after,.c-formstep-steps-item.arco-steps-item.arco-steps-item-wait .arco-steps-item-content .arco-steps-item-title:after {
    background-color: #c9cdd4
}

.c-form {
    position: relative
}

.c-form-loading {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1002
}

.c-form-loading-modal {
    justify-content: center
}

.c-form-loading-modal,.c-form-loading-normal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-form-loading-normal {
    padding-top: 251px
}

.c-form-loading-error {
    background: #fff;
    height: 100%;
    min-height: 120px;
    position: absolute;
    width: 100%;
    z-index: 1002
}

.c-form-loading-error-icon {
    height: 240px;
    margin-bottom: 4px;
    width: 240px
}

.c-form-loading-error-tips {
    color: #282f38;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 42px
}

.c-form-loading-error-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-form-loading-error-modal .c-form-loading-error-icon {
    height: 60px;
    width: 60px
}

.c-form-loading-error-modal .c-form-loading-error-tips {
    color: #606a78;
    font-size: 12px;
    font-weight: unset;
    margin-bottom: 12px
}

.c-form-loading-error-normal {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 112px
}

.index-module__titleWrap--vGzbb {
    font-family: PingFang SC;
    padding-bottom: 12px;
    padding-top: 60px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.index-module__title--bx09o {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(34.72deg,#363636 55.44%,#384cff 111.87%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px
}

@media screen and (max-width: 1023px) {
    .index-module__title--bx09o {
        font-size:24px
    }
}

.index-module__description--KIw8E {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-top: 10px
}

.index-module__description--KIw8E .index-module__text--RijXZ {
    color: rgba(0,0,0,.6);
    flex-shrink: 0;
    margin-bottom: 12px
}

.index-module__description--KIw8E .index-module__link--kY3OM {
    cursor: pointer;
    flex-shrink: 0;
    margin-left: .5em
}

.index-module__description--KIw8E .index-module__link--kY3OM .index-module__svg--1LKuR {
    height: 8px;
    vertical-align: 1px;
    width: 10px
}

@media screen and (max-width: 1023px) {
    .index-module__description--KIw8E {
        line-height:14px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__titleWrap--vGzbb {
        min-width:1280px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__titleWrap--vGzbb {
        padding-bottom:22px;
        padding-top: 48px
    }
}

@media screen and (max-width: 767px) {
    .index-module__titleWrap--vGzbb .index-module__description--KIw8E .index-module__text--RijXZ {
        line-height:20px;
        max-width: calc(100% - 48px)
    }

    .index-module__titleWrap--vGzbb .index-module__description--KIw8E .index-module__text--RijXZ .index-module__link--kY3OM {
        white-space: nowrap
    }
}

.index-module__solutionCardWrap--IW5vA {
    align-items: flex-start;
    background-color: #fff;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: PingFang SC;
    height: 176px;
    justify-content: space-evenly;
    padding: 10px 0 10px 30px;
    width: 100%
}

.index-module__solutionCardWrap--IW5vA .index-module__title--SiG6m {
    color: #1e2128;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px
}

.index-module__solutionCardWrap--IW5vA .index-module__description--XkWYO {
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #505968;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__solutionCardWrap--IW5vA .index-module__tagsWrap--RMpZS {
    display: flex
}

.index-module__solutionCardWrap--IW5vA .index-module__tagsWrap--RMpZS .index-module__tag--\+rRCb {
    background-color: #eaf1ff;
    border-radius: 2px;
    color: #1664ff;
    font-size: 12px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    width: 72px
}

@media screen and (max-width: 767px) {
    .index-module__solutionCardWrap--IW5vA .index-module__description--XkWYO {
        font-size:12px
    }
}

@media screen and (min-width: 1920px) {
    .index-module__solutionCardWrap--IW5vA {
        height:236px
    }

    .index-module__solutionCardWrap--IW5vA .index-module__title--SiG6m {
        font-size: 26px;
        line-height: 26px
    }

    .index-module__solutionCardWrap--IW5vA .index-module__description--XkWYO {
        font-size: 18px;
        line-height: 32px
    }

    .index-module__solutionCardWrap--IW5vA .index-module__tagsWrap--RMpZS .index-module__tag--\+rRCb {
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        margin-right: 12px;
        width: 96px
    }
}

.index-module__layoutWrap--ULQLS {
    margin: 0 auto;
    padding: 16px 24px 60px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__layoutWrap--ULQLS {
        padding:16px 24px 32px
    }
}

@media screen and (min-width: 1248px) and (max-width:1919px) {
    .index-module__layoutWrap--ULQLS {
        padding:16px 0 100px;
        width: 1200px
    }
}

@media screen and (min-width: 1920px) {
    .index-module__layoutWrap--ULQLS {
        padding:40px 0 120px;
        width: 1600px
    }
}

.index-module__layoutContentWrap--Smmy7 {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

@media screen and (min-width: 1920px) {
    .index-module__layoutContentWrap--Smmy7 {
        grid-row-gap:25px;
        grid-column-gap: 28px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutContentWrap--Smmy7 {
        grid-row-gap:16px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr
    }
}

.index-module__bannerWrap--Er0R2 {
    background-color: #e6edf6;
    background-position: 0 55%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 460px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.index-module__bannerBgImg--wWEkj>img {
    display: block;
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 0
}

@media screen and (min-width: 1920px) {
    .index-module__bannerBgImg--wWEkj>img {
        height:100%;
        left: 50%;
        object-fit: contain;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: auto
    }
}

.index-module__bannerInnerBox--S1mcr {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.index-module__logoMargin--D-ayL {
    margin-top: -20px!important
}

.index-module__bannerInner--5umu8 {
    padding-top: 164px
}

.index-module__bannerInner--5umu8 .index-module__logo--aGFU- {
    height: 24px;
    margin-bottom: 12px
}

.index-module__bannerInner--5umu8 .index-module__logo--aGFU- img {
    max-height: 100%
}

.index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R {
    height: 58px;
    margin-bottom: 8px
}

.index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R h3 {
    color: #000f46;
    font-size: 48px;
    line-height: 58px;
    margin: 0
}

.index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R img {
    max-height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__bannerInner--5umu8 .index-module__description--nbYaM {
    color: #8086a0;
    font-weight: 400;
    margin-bottom: 32px
}

.index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- {
    background: hsla(0,0%,100%,.55);
    border: 1px solid #fff;
    border-radius: 100px;
    box-sizing: border-box;
    display: inline-block;
    height: 38px;
    overflow: hidden;
    padding: 0 24px 0 6px
}

.index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__tagWrap--B2cAI {
    align-items: center;
    box-sizing: border-box;
    color: rgba(65,70,79,.8);
    display: flex;
    font-size: 14px;
    height: 36px;
    letter-spacing: .01em;
    padding: 1px 0;
    position: relative;
    transition: top 1s ease-in-out
}

.index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__tagWrap--B2cAI .index-module__tagIcon--3ceZ9 {
    display: block;
    height: 28px;
    margin-right: 10px
}

.index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__tagWrap--B2cAI.index-module__tagHash--IuY8U {
    cursor: pointer
}

.index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__lastTag--8Au1c {
    transition: top 0s linear
}

.index-module__bannerInner--5umu8 .index-module__mobText--ESyqe {
    display: none
}

.index-module__announcement--M-a8e {
    height: 36px
}

.index-module__announcement--M-a8e img {
    display: block;
    height: 100%
}

@media screen and (min-width: 1024px) {
    .index-module__announcement--M-a8e .index-module__pcImg--WSCLN {
        box-sizing:content-box;
        padding-top: 12px
    }

    .index-module__announcement--M-a8e .index-module__mobImg--ZFAH7 {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .index-module__announcement--M-a8e .index-module__pcImg--WSCLN {
        display:none
    }
}

@media screen and (max-width: 1023px) and (min-width:768px) {
    .index-module__announcement--M-a8e .index-module__mobImg--ZFAH7 {
        box-sizing:content-box;
        padding-top: 12px
    }
}

@media screen and (min-width: 1920px) {
    .index-module__bannerInner--5umu8 {
        margin:0 auto;
        width: 1200px
    }

    .index-module__bannerInner--5umu8 .index-module__description--nbYaM {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__bannerWrap--Er0R2 {
        min-width:1280px
    }

    .index-module__bannerInner--5umu8 {
        margin: 0 auto;
        width: 1200px
    }

    .index-module__bannerInner--5umu8 .index-module__description--nbYaM {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__bannerInner--5umu8 {
        margin-left:24px;
        padding-top: 112px;
        width: 672px
    }

    .index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R {
        height: 40px;
        margin-bottom: 8px
    }

    .index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R h3 {
        color: #000f46;
        font-size: 32px;
        height: 40px;
        line-height: 40px;
        margin: 0
    }

    .index-module__bannerInner--5umu8 .index-module__description--nbYaM {
        font-size: 14px;
        line-height: 28px
    }

    .index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__tagWrap--B2cAI {
        margin-right: 24px
    }

    .index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__tagWrap--B2cAI .index-module__tagIcon--3ceZ9 {
        margin-right: 6px
    }

    .index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__tagWrap--B2cAI .index-module__tagContent--47sja {
        font-size: 18px;
        height: 18px;
        line-height: 18px
    }
}

@media screen and (min-width: 768px) {
    .index-module__pcVideo--VMgdd {
        background-image:none!important;
        height: 100%;
        position: absolute;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .index-module__bannerInner--5umu8 {
        padding:100px 0 0 24px
    }

    .index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R {
        height: 40px;
        margin-bottom: 8px;
        width: calc(100% - 24px)
    }

    .index-module__bannerInner--5umu8 .index-module__titleBox--Xub8R h3 {
        color: #000f46;
        font-size: 32px;
        height: 40px;
        line-height: 40px;
        margin: 0
    }

    .index-module__bannerInner--5umu8 .index-module__description--nbYaM {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 23px;
        width: calc(100% - 24px)
    }

    .index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__text--tZwSC {
        display: none
    }

    .index-module__bannerInner--5umu8 .index-module__tagsWrap--SBJl- .index-module__mobText--ESyqe {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pcVideo--VMgdd {
        display:none
    }

    .index-module__logoMargin--D-ayL {
        margin-top: -12px!important
    }

    .index-module__bannerInner--5umu8 .index-module__logo--aGFU- {
        height: 18px;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__pcBannerBgImgHide--ilMBN {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls {
        background-color:#fff!important;
        height: 607px
    }
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls a {
    text-decoration: none
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls a:active,.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls a:link,.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls a:visited {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__bannerBgImg--wWEkj>img {
        height:323px;
        width: 100%
    }

    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__bannerInnerBox--S1mcr {
        display: none
    }
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__halfBottom--TQMEX {
    height: 284px;
    padding: 24px 24px 0
}

@media screen and (min-width: 768px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__halfBottom--TQMEX {
        display:none
    }
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__titleBoxButton--jPl3t>img {
    display: block;
    height: 34px;
    margin: 0 auto;
    width: auto
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__titleBoxButton--jPl3t>h3 {
    color: #282828;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin: 0;
    text-align: center
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__desc--Tn-rI {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 32px;
    margin-top: 8px;
    text-align: center
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I {
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 767px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I {
        height:50px;
        line-height: 50px;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I {
        height:44px;
        line-height: 44px;
        width: 113px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I {
        height:50px;
        line-height: 50px;
        width: 158px
    }
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:first-child {
    background-color: #1664ff;
    box-shadow: 0 6px 8px 0 rgba(46,70,146,.1);
    color: #fff
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:first-child {
        margin-right:16px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:first-child {
        margin-right:20px
    }

    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:first-child:hover {
        background-color: #4281ff
    }
}

.index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:nth-child(2) {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px 0 rgba(46,70,146,.05);
    color: #282828
}

@media screen and (max-width: 767px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:nth-child(2) {
        margin-top:16px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__bannerWrap--Er0R2.index-module__buttonBanner--riuls .index-module__buttonBox--0X0IX .index-module__btn--N1U8I:nth-child(2):hover {
        background-color:#f6f8fa;
        border: 1px solid #4281fd;
        color: #41464f
    }
}

.index-module__bannerWrap--Er0R2 .index-module__noneHalfBottom--1xRf3 {
    display: none
}

.index-module__sideNavWrap--6OSEk {
    bottom: 40vh;
    display: none;
    font-family: PingFang SC;
    left: 24px;
    position: fixed;
    z-index: 601
}

@media screen and (min-width: 1024px) {
    .index-module__sideNavWrap--6OSEk {
        display:block
    }
}

@media screen and (min-width: 1920px) {
    .index-module__sideNavWrap--6OSEk {
        left:35px
    }
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 4px 6px 0;
    width: 90px
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__title--F3Pxg {
    align-items: center;
    color: #ddebff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 66px;
    line-height: 24px;
    text-align: center
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__navInner--7cXHE {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 7.5px 0;
    width: 100%
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__navInner--7cXHE .index-module__navItem--YO9lm {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 39px;
    justify-content: center
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__navInner--7cXHE .index-module__navItem--YO9lm .index-module__navLink--wctr7 {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    opacity: .6
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__navInner--7cXHE .index-module__navItem--YO9lm .index-module__navLink--wctr7.index-module__active--mRhCa,.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__navInner--7cXHE .index-module__navItem--YO9lm .index-module__navLink--wctr7:hover {
    color: #384cff;
    font-weight: 500;
    opacity: 1
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__navInner--7cXHE .index-module__navItem--YO9lm .index-module__navLinkHighlight--J7Nfq {
    all: unset;
    color: #fe560e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_active--SE437 .index-module__switchButtonWrap--gygN9 {
    align-items: center;
    color: #ddebff;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 100%
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_fold--ZwPgs {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 15px 0;
    width: 48px
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_fold--ZwPgs .index-module__title--F3Pxg {
    align-items: center;
    color: #fffde9;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 92px;
    line-height: 23px;
    text-align: center
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_fold--ZwPgs .index-module__switchButtonWrap--gygN9 {
    align-items: center;
    color: #fffde9;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 100%
}

.index-module__sideNavWrap--6OSEk .index-module__sideNavContentWrap_fold--ZwPgs .index-module__switchButtonWrap--gygN9 svg {
    transform: rotate(90deg)
}

#withRoot {
    overflow: visible
}

.index-module__TabContainer--PZzGf {
    margin-top: 16px;
    position: relative;
    z-index: 0
}

.index-module__pcOnly--fE1FS {
    display: none
}

@media screen and (min-width: 1024px) {
    .index-module__pcOnly--fE1FS {
        display:block
    }

    .index-module__TabsWrap--6BIAu {
        min-width: 1280px
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C {
        display: flex;
        margin: 0 auto;
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C .index-module__Tab--ZAeYo {
        color: #4e5969;
        cursor: pointer;
        font-size: 18px;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        margin: 0 49px;
        padding: 0 2px;
        text-align: center
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C .index-module__Tab--ZAeYo.index-module__active--2j9sq {
        color: #1664ff;
        font-weight: 500
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C .index-module__TabsLine--tdn-c {
        background: #1664ff;
        bottom: 0;
        height: 2px;
        position: absolute;
        right: auto;
        transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1)
    }

    .index-module__TabsShadowWrap--KwU36 {
        background: #f7f7f7;
        height: 29px;
        min-width: 1280px;
        position: relative;
        z-index: 0
    }

    .index-module__TabsShadowWrap--KwU36 .index-module__TabsShadowLeft--XKF-A {
        background: linear-gradient(270deg,hsla(0,0%,97%,0),#f7f7f7 90%);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 186px;
        z-index: 1
    }

    .index-module__TabsShadowWrap--KwU36 .index-module__TabsShadow--MuQGl {
        background: linear-gradient(180deg,#8f9ebb,#f7f9fa 85%);
        height: 100%;
        opacity: .1
    }

    .index-module__TabsShadowWrap--KwU36 .index-module__TabsShadowRight--0-aXE {
        background: #f7f7f7;
        background: linear-gradient(90deg,hsla(0,0%,97%,0),#f7f7f7 90%);
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 186px;
        z-index: 1
    }
}

@media screen and (max-width: 1023px) {
    .index-module__TabsWrap--6BIAu {
        overflow-x:scroll;
        position: -webkit-sticky;
        position: sticky;
        scrollbar-width: none;
        top: 0;
        z-index: 1
    }

    .index-module__TabsWrap--6BIAu::-webkit-scrollbar {
        display: none
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C {
        display: flex;
        margin: 0 auto;
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C .index-module__Tab--ZAeYo {
        color: #8c8c8c;
        cursor: pointer;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 400;
        height: 42px;
        line-height: 42px;
        margin: 0 12px;
        padding: 0 2px;
        text-align: center
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C .index-module__Tab--ZAeYo.index-module__active--2j9sq {
        color: #1664ff;
        font-weight: 500
    }

    .index-module__TabsWrap--6BIAu .index-module__Tabs--MAq-C .index-module__TabsLine--tdn-c {
        background: #1664ff;
        bottom: 0;
        height: 2px;
        position: absolute;
        right: auto;
        transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1)
    }

    .index-module__TabsShadowWrap--KwU36 {
        background: #f7f7f7;
        height: 20px
    }

    .index-module__TabsShadowWrap--KwU36 .index-module__TabsShadow--MuQGl {
        background: linear-gradient(180deg,#8f9ebb,#f7f9fa 85%);
        height: 100%;
        opacity: .1
    }

    .index-module__MobileHotProductsContainer--k9\+tE {
        display: block
    }

    .index-module__PCHotProductsContainer--7s8YV {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .index-module__MobileHotProductsContainer--k9\+tE {
        display:none
    }

    .index-module__PCHotProductsContainer--7s8YV {
        background: #f7f7f7;
        margin: 0 auto;
        padding: 0 24px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH {
        -webkit-backdrop-filter: blur(10.5px);
        backdrop-filter: blur(10.5px);
        background: linear-gradient(180.53deg,rgba(255,245,240,.73) -4.83%,#e6e8ff 106.76%);
        border-radius: 12px;
        padding: 2.34vw;
        transform: translateY(-4.326vw)
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__cardTopWrap--4UnXu {
        display: flex;
        height: 4.687vw;
        justify-content: space-between;
        margin-bottom: 1.953vw
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__title--tEZBz {
        color: #363636;
        font-size: 2.148vw;
        font-weight: 600;
        line-height: 2.539vw;
        margin-bottom: .586vw
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__description--KsOqp {
        color: #363636;
        font-size: 1.172vw;
        font-weight: 400;
        line-height: 1.563vw;
        opacity: .5
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__linkWrap--YW9Ni {
        cursor: pointer;
        margin-left: .977vw
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__link--Qt2RR {
        font-size: 1.172vw;
        font-weight: 400;
        line-height: 1.563vw;
        margin-right: .391vw
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__svg--1aBoc {
        height: .488vw;
        vertical-align: 1.5px;
        width: .586vw
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tabs--hB7wF {
        align-items: center;
        align-self: center;
        background: #fff;
        border-radius: 4px;
        display: flex;
        height: 3.32vw;
        padding-right: .293vw;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tab--bWDiW {
        border-radius: 4px;
        color: #b2a8a8;
        cursor: pointer;
        font-size: 1.367vw;
        font-weight: 400;
        height: 2.734vw;
        line-height: 2.734vw;
        margin-left: .293vw;
        padding: 0 2.441vw;
        text-align: center
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tab--bWDiW.index-module__active--k9AFF {
        background: #f5f6ff;
        color: #384cff;
        font-weight: 500
    }
}

@media screen and (min-width: 1248px) and (max-width:1919px) {
    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH {
        margin:0 auto;
        padding: 29.2px;
        transform: translateY(-54px);
        width: 1200px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__cardTopWrap--4UnXu {
        height: 58.5px;
        margin-bottom: 24.37px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__title--tEZBz {
        font-size: 26.807px;
        line-height: 31.6867px;
        margin-bottom: 7.313px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__description--KsOqp {
        font-size: 14.6266px;
        line-height: 19.5062px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__linkWrap--YW9Ni {
        margin-left: 12.193px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__link--Qt2RR {
        font-size: 14.6266px;
        line-height: 19.5062px;
        margin-right: 4.88px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__svg--1aBoc {
        height: 6.08594px;
        vertical-align: 1.6px;
        width: 7.3125px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tabs--hB7wF {
        height: 41.4297px;
        padding-right: 3.65664px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tab--bWDiW {
        font-size: 17.0602px;
        height: 34.1172px;
        line-height: 34.1172px;
        margin-left: 3.65664px;
        padding: 0 30.4637px
    }
}

@media screen and (min-width: 1920px) {
    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH {
        margin:0 auto;
        padding: 40px;
        transform: translateY(-60px);
        width: 1600px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__cardTopWrap--4UnXu {
        height: 68px;
        margin-bottom: 40px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__title--tEZBz {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 12px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__description--KsOqp {
        font-size: 18px;
        line-height: 18px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__linkWrap--YW9Ni {
        margin-left: 13px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__link--Qt2RR {
        font-size: 18px;
        line-height: 18px;
        margin-right: 6px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__svg--1aBoc {
        height: 9px;
        vertical-align: 1.6px;
        width: 10px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tabs--hB7wF {
        height: 56px;
        padding-right: 4px
    }

    .index-module__PCHotProductsContainer--7s8YV .index-module__hotProductsCard--OtbWH .index-module__tab--bWDiW {
        font-size: 24px;
        height: 48px;
        line-height: 48px;
        margin-left: 4px;
        padding: 0 40px
    }
}

.index-module__cardContainer--qw4TF {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 28px 22px 20px;
    position: relative
}

.index-module__cardContainer--qw4TF .index-module__divider--YIotj {
    background: #e4e4e4;
    height: 1px;
    width: 100%
}

.index-module__cardContainer--qw4TF .index-module__divider--YIotj.index-module__marginTop--LW4h9 {
    margin-top: 20px
}

.index-module__cardContainer--qw4TF:hover {
    box-shadow: 0 0 16px rgba(16,15,54,.02),0 12px 18px rgba(20,14,53,.1)
}

.index-module__cardContainer--qw4TF .index-module__badge--T3H60 {
    background-image: url(./images/0wcvn7edg12n_badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    padding-right: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transform: translateX(1px);
    width: 75px;
    z-index: 0
}

.index-module__cardContainer--qw4TF .index-module__badge--T3H60 .index-module__text--8KRZh {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    position: relative;
    z-index: 1
}

.index-module__cardContainer--qw4TF .index-module__title--vV117 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px
}

.index-module__cardContainer--qw4TF .index-module__description--bE-e7 {
    color: #666;
    flex: 1 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden
}

.index-module__cardContainer--qw4TF .index-module__goodsSelector--Rri1G {
    background: #f8f9fe;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 58px;
    justify-content: space-between;
    margin-top: 16px;
    padding: 18px 38px 18px 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--qw4TF .index-module__goodsSelector--Rri1G.index-module__open--SdPcj {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-filter: drop-shadow(0 0 16px rgba(16,15,54,.02)) drop-shadow(0 12px 18px rgba(20,14,53,.1));
    filter: drop-shadow(0 0 16px rgba(16,15,54,.02)) drop-shadow(0 12px 18px rgba(20,14,53,.1))
}

.index-module__cardContainer--qw4TF .index-module__goodsSelectorText--OX3Nd {
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px
}

.index-module__cardContainer--qw4TF .index-module__goodsSelectorParam--2yPcs {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px;
    opacity: .3;
    text-align: right
}

.index-module__cardContainer--qw4TF .index-module__goodsSelectorArrow--Pp0HB {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__cardContainer--qw4TF .index-module__goodsSelectorMenu--Kq9PJ {
    background: #fff;
    border-radius: 0 0 4px 4px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 58px;
    width: 100%
}

.index-module__cardContainer--qw4TF .index-module__goodsMenuItem--aqKlt {
    background: #fff;
    display: flex;
    height: 58px;
    justify-content: space-between;
    padding: 18px 38px 18px 20px;
    width: 100%
}

.index-module__cardContainer--qw4TF .index-module__params--jwZ9V {
    display: flex;
    margin-top: 24px;
    padding: 0 8px
}

.index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX {
    flex: 1 1
}

.index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__title--vV117 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px
}

.index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__text--8KRZh {
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 14px
}

.index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ {
    margin-top: 22px
}

.index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw {
    align-items: center;
    display: flex;
    height: 18px;
    margin-top: 14px;
    padding-left: 5px
}

.index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw .index-module__goodsAdvantageIcon--MgP1d {
    margin-right: 6px;
    width: 12px
}

.index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw .index-module__goodsAdvantageText--2AbcL {
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw:first-child {
    margin-top: 0
}

.index-module__cardContainer--qw4TF .index-module__tags--BArA5 {
    margin-top: 20px
}

.index-module__cardContainer--qw4TF .index-module__tags--BArA5 .index-module__tag--bHIqr {
    border: 1px solid #ffd2bf;
    border-radius: 2px;
    box-sizing: border-box;
    color: #ff6929;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 6px
}

.index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe {
    align-items: baseline;
    color: #fe560e;
    display: flex;
    height: 32px;
    margin-top: 24px
}

.index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__symbol--x1HH\+ {
    font-size: 18px;
    font-weight: 600
}

.index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__int--fbG4W {
    font-size: 32px;
    font-weight: 600;
    line-height: 32px
}

.index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__decimals--92nCT {
    font-size: 24px;
    font-weight: 600
}

.index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__unit--1BJaa {
    color: #474747;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 6px
}

.index-module__cardContainer--qw4TF .index-module__originalPrice--ztQAg {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    margin-top: 7px;
    text-decoration: line-through
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ {
    display: flex;
    margin-top: 18px
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__pad--pM996 {
    width: 11px
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3 {
    background-clip: content-box,border-box;
    background-origin: border-box;
    border-radius: 4px;
    cursor: pointer;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .02em;
    line-height: 42px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3.index-module__btnLoading--uLHHn {
    cursor: default
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3:first-child {
    border: 1px solid;
    color: #124be3
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3:first-child:hover {
    color: #6678fe
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3:last-child {
    background: linear-gradient(216.69deg,#6473ff 8.95%,#154ee7 72.35%);
    color: #fff
}

.index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3:last-child:hover {
    background: linear-gradient(72.98deg,#6675ff 42.86%,#6d85ff 80.24%)
}

@media screen and (max-width: 1023px) {
    .index-module__cardContainer--qw4TF .index-module__description--bE-e7 {
        min-height:40px
    }

    .index-module__cardContainer--qw4TF .index-module__badge--T3H60 {
        background-image: url(./images/m81xs1y1h9_BadgeMobile.png);
        transform: translateX(1px)
    }

    .index-module__cardContainer--qw4TF .index-module__badge--T3H60 .index-module__text--8KRZh {
        color: #fe560e
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__title--vV117 {
        font-size: 16px
    }
}

@media screen and (min-width: 1024px) and (max-width:1247px) {
    .index-module__cardContainer--qw4TF {
        padding:2.244vw 1.763vw 1.603vw
    }

    .index-module__cardContainer--qw4TF .index-module__divider--YIotj.index-module__marginTop--LW4h9 {
        margin-top: 1.603vw
    }

    .index-module__cardContainer--qw4TF .index-module__badge--T3H60 {
        height: 20px;
        padding-right: 8px;
        width: 69px
    }

    .index-module__cardContainer--qw4TF .index-module__badge--T3H60 .index-module__text--8KRZh {
        font-size: 12px;
        line-height: 20px
    }

    .index-module__cardContainer--qw4TF .index-module__title--vV117 {
        font-size: 1.763vw;
        line-height: 1.603vw
    }

    .index-module__cardContainer--qw4TF .index-module__description--bE-e7 {
        font-size: 1.122vw;
        line-height: 1.923vw;
        margin-top: .962vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelector--Rri1G {
        height: 4.647vw;
        margin-top: 1.282vw;
        padding: 1.442vw 3.045vw 1.442vw 1.603vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelectorParam--2yPcs,.index-module__cardContainer--qw4TF .index-module__goodsSelectorText--OX3Nd {
        font-size: 1.282vw;
        line-height: 1.763vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelectorArrow--Pp0HB {
        right: 1.282vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelectorMenu--Kq9PJ {
        top: 4.647vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsMenuItem--aqKlt {
        height: 4.647vw;
        padding: 1.442vw 3.045vw 1.442vw 1.603vw
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V {
        margin-top: 1.923vw
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__title--vV117 {
        font-size: 1.763vw;
        line-height: 1.282vw
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__text--8KRZh {
        font-size: 1.122vw;
        line-height: .962vw;
        margin-top: 1.122vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ {
        margin-top: 1.763vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw {
        height: 1.442vw;
        margin-top: 1.122vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw .index-module__goodsAdvantageIcon--MgP1d {
        margin-right: .481vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw .index-module__goodsAdvantageText--2AbcL {
        font-size: 1.122vw;
        line-height: 1.122vw
    }

    .index-module__cardContainer--qw4TF .index-module__tags--BArA5 {
        margin-top: 1.603vw
    }

    .index-module__cardContainer--qw4TF .index-module__tags--BArA5 .index-module__tag--bHIqr {
        font-size: .962vw;
        height: 1.603vw;
        line-height: 1.442vw;
        margin-right: .641vw;
        padding: 0 .481vw
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe {
        height: 2.564vw;
        margin-top: 1.923vw
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__symbol--x1HH\+ {
        font-size: 1.442vw
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__int--fbG4W {
        font-size: 2.564vw;
        line-height: 2.564vw;
        margin-left: .481vw
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__decimals--92nCT {
        font-size: 1.923vw
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__unit--1BJaa {
        font-size: 1.442vw;
        margin-left: .481vw
    }

    .index-module__cardContainer--qw4TF .index-module__originalPrice--ztQAg {
        font-size: 1.122vw;
        height: 1.603vw;
        margin-top: .561vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ {
        margin-top: 1.442vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__pad--pM996 {
        width: .881vw
    }

    .index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3 {
        font-size: 1.282vw;
        height: 3.526vw;
        line-height: 3.365vw
    }
}

@media screen and (min-width: 1920px) {
    .index-module__cardContainer--qw4TF {
        padding:37.333px 29.333px 26.667px
    }

    .index-module__cardContainer--qw4TF .index-module__divider--YIotj.index-module__marginTop--LW4h9 {
        margin-top: 26.667px
    }

    .index-module__cardContainer--qw4TF .index-module__badge--T3H60 {
        height: 29.333px;
        padding-right: 14.667px;
        width: 100px
    }

    .index-module__cardContainer--qw4TF .index-module__badge--T3H60 .index-module__text--8KRZh {
        font-size: 16px;
        line-height: 29.333px
    }

    .index-module__cardContainer--qw4TF .index-module__title--vV117 {
        font-size: 29.333px;
        line-height: 26.667px
    }

    .index-module__cardContainer--qw4TF .index-module__description--bE-e7 {
        font-size: 18.667px;
        line-height: 32px;
        margin-top: 16px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelector--Rri1G {
        height: 77.333px;
        margin-top: 21.333px;
        padding: 24px 50.667px 24px 26.667px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelectorParam--2yPcs,.index-module__cardContainer--qw4TF .index-module__goodsSelectorText--OX3Nd {
        font-size: 21.333px;
        line-height: 29.333px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelectorArrow--Pp0HB {
        right: 21.333px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsSelectorMenu--Kq9PJ {
        top: 77.333px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsMenuItem--aqKlt {
        height: 77.333px;
        padding: 24px 50.667px 24px 26.667px
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V {
        margin-top: 32px
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__title--vV117 {
        font-size: 29.333px;
        line-height: 21.333px
    }

    .index-module__cardContainer--qw4TF .index-module__params--jwZ9V .index-module__param--qpKvX .index-module__text--8KRZh {
        font-size: 18.667px;
        line-height: 16px;
        margin-top: 18.667px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ {
        margin-top: 29.333px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw {
        height: 24px;
        margin-top: 18.667px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw .index-module__goodsAdvantageIcon--MgP1d {
        margin-right: 8px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsAdvantages--9v78\+ .index-module__goodsAdvantage--Or0mw .index-module__goodsAdvantageText--2AbcL {
        font-size: 18.667px;
        line-height: 18.667px
    }

    .index-module__cardContainer--qw4TF .index-module__tags--BArA5 {
        margin-top: 26.667px
    }

    .index-module__cardContainer--qw4TF .index-module__tags--BArA5 .index-module__tag--bHIqr {
        font-size: 16px;
        height: 26.667px;
        line-height: 24px;
        margin-right: 10.667px;
        padding: 0 8px
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe {
        height: 42.667px;
        margin-top: 32px
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__symbol--x1HH\+ {
        font-size: 24px
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__int--fbG4W {
        font-size: 42.667px;
        line-height: 42.667px;
        margin-left: 8px
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__decimals--92nCT {
        font-size: 32px
    }

    .index-module__cardContainer--qw4TF .index-module__currentPrice--kkqRe .index-module__unit--1BJaa {
        font-size: 24px;
        margin-left: 8px
    }

    .index-module__cardContainer--qw4TF .index-module__originalPrice--ztQAg {
        font-size: 18.667px;
        height: 26.667px;
        margin-top: 9.333px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ {
        margin-top: 24px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__pad--pM996 {
        width: 14.667px
    }

    .index-module__cardContainer--qw4TF .index-module__goodsButtons--xONSZ .index-module__goodsButton--p1ye3 {
        font-size: 21.333px;
        height: 58.667px;
        line-height: 56px
    }
}

.index-module__pcLayoutWrap--NI71W {
    margin: 0 auto;
    padding: 20px 24px 60px;
    width: 100%
}

@media screen and (min-width: 1248px) and (max-width:1919px) {
    .index-module__pcLayoutWrap--NI71W {
        padding:20px 0 60px;
        width: 1200px
    }
}

@media screen and (min-width: 1920px) {
    .index-module__pcLayoutWrap--NI71W {
        padding:20px 0 60px;
        width: 1600px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__mobileLayoutWrap--WnZhv {
        padding:4px 24px 24px
    }

    .index-module__layoutContentWrap--Bv-av {
        grid-row-gap: 16px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .index-module__layoutContentWrap--Bv-av {
        grid-column-gap:8px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media screen and (min-width: 1920px) {
    .index-module__layoutContentWrap--Bv-av {
        grid-column-gap:13px
    }
}

.index-module__lottery-wrap--ooJFH {
    background: #fff;
    font-family: PingFang SC;
    padding-bottom: 100px;
    width: 100%
}

.index-module__lottery-wrap--ooJFH a {
    text-decoration: none
}

@media screen and (max-width: 1919px) {
    .index-module__lottery-wrap--ooJFH {
        padding-bottom:60px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__lottery-wrap--ooJFH {
        padding-bottom:32px
    }
}

.index-module__subtitle--c3zjm {
    color: rgba(50,50,50,.6);
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 48px;
    padding: 10px 24px 0
}

.index-module__subtitle--c3zjm .index-module__subText--UO2SB {
    flex-shrink: 0;
    margin-bottom: 12px;
    padding: 0 10px
}

.index-module__subtitle--c3zjm .index-module__subLinks--2U6ud {
    flex-shrink: 0;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .index-module__subtitle--c3zjm {
        line-height:14px;
        margin-bottom: 32px;
        padding-top: 8px
    }
}

@media screen and (min-width: 1920px) {
    .index-module__subtitle--c3zjm {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 80px;
        padding-top: 16px
    }
}

.index-module__rule--NUgpB {
    color: #384cff;
    cursor: pointer;
    padding-right: 10px;
    position: relative
}

.index-module__rule--NUgpB:after,.index-module__rule--NUgpB:before {
    border-right: 1px solid;
    border-top: 1px solid;
    content: " ";
    height: 4px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(8px,-50%) rotate(45deg);
    width: 4px
}

.index-module__rule--NUgpB:not(:first-child) {
    padding-left: 10px
}

.index-module__rule--NUgpB:after {
    right: 8px
}

.index-module__lottery-panel--af8qy {
    align-items: center;
    background: linear-gradient(234.73deg,#7443ff 19.13%,#2a3fff 71.11%);
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 32px 28px;
    position: relative;
    width: 1600px
}

@media screen and (max-width: 1919px) {
    .index-module__lottery-panel--af8qy {
        padding:27px 27px 27px 42px;
        width: 1200px
    }
}

@media screen and (max-width: 1279px) {
    .index-module__lottery-panel--af8qy {
        padding:20px 20px 20px 40px;
        width: 976px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__lottery-panel--af8qy {
        flex-wrap:wrap;
        padding: 32px 28px;
        width: 596px
    }
}

@media screen and (max-width: 767px) {
    .index-module__lottery-panel--af8qy {
        padding:24px;
        width: 327px
    }
}

.index-module__content--RyxIk {
    margin-right: 24px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .index-module__content--RyxIk {
        margin-right:0
    }
}

.index-module__panel-title--um7QP {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 48px
}

@media screen and (max-width: 1919px) {
    .index-module__panel-title--um7QP {
        font-size:32px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__panel-title--um7QP {
        line-height:32px
    }
}

@media screen and (max-width: 767px) {
    .index-module__panel-title--um7QP {
        font-size:20px;
        line-height: 22px
    }
}

.index-module__panel-subtitle--rIaHq {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin: 18px 0 36px
}

@media screen and (max-width: 1919px) {
    .index-module__panel-subtitle--rIaHq {
        font-size:16px;
        margin: 20px 0 32px
    }
}

@media screen and (max-width: 1279px) {
    .index-module__panel-subtitle--rIaHq {
        margin:18px 0 28px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__panel-subtitle--rIaHq {
        font-size:14px;
        margin: 14px 0 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__panel-subtitle--rIaHq {
        margin:12px 0 20px
    }
}

.index-module__action-list--tghOC {
    display: flex
}

@media screen and (max-width: 1279px) {
    .index-module__action-list--tghOC {
        justify-content:space-between
    }
}

.index-module__action--GXTM4 {
    background: linear-gradient(108.58deg,#fff 36.8%,#f1fdff 67.18%,#e2f1ff 89.78%);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 105px;
    justify-content: space-between;
    padding: 16px 18px;
    width: 234px
}

.index-module__action--GXTM4:first-child {
    margin-right: 14px
}

@media screen and (max-width: 1919px) {
    .index-module__action--GXTM4 {
        height:81px;
        padding: 12px 14px;
        width: 180px
    }
}

@media screen and (max-width: 1279px) {
    .index-module__action--GXTM4 {
        width:165px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__action--GXTM4 {
        width:262px
    }
}

@media screen and (max-width: 767px) {
    .index-module__action--GXTM4 {
        height:77px;
        width: 134px
    }
}

.index-module__action-title--Dzqgr {
    color: #4441ff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em
}

@media screen and (max-width: 1919px) {
    .index-module__action-title--Dzqgr {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__action-title--Dzqgr {
        font-size:15px
    }
}

.index-module__action-btn--PvhLg {
    background: #4141ff;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 32px;
    text-align: center;
    width: 82px
}

@media screen and (max-width: 1919px) {
    .index-module__action-btn--PvhLg {
        font-size:12px;
        line-height: 25px;
        width: 63px
    }
}

@media screen and (max-width: 767px) {
    .index-module__action-btn--PvhLg {
        line-height:24px;
        width: 61px
    }
}

.index-module__delivery-info-link--9v\+hh {
    border-bottom: 1px solid
}

.index-module__lottery-result--7jIwx {
    background: hsla(0,0%,98%,.15);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 14px 28px;
    text-align: center
}

@media screen and (max-width: 1919px) {
    .index-module__lottery-result--7jIwx {
        font-size:14px;
        padding: 10px 20px
    }
}

@media screen and (max-width: 1279px) {
    .index-module__lottery-result--7jIwx {
        display:block;
        font-size: 12px;
        padding: 10px 14px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__lottery-result--7jIwx {
        margin-top:560px
    }

    .index-module__lottery-result--7jIwx.index-module__no-space--JfPUE {
        margin-top: 460px
    }
}

@media screen and (max-width: 767px) {
    .index-module__lottery-result--7jIwx {
        margin-top:456px;
        padding: 8px 0
    }

    .index-module__lottery-result--7jIwx.index-module__no-space--JfPUE {
        margin-top: 400px
    }
}

.index-module__lottery-result-link--gr43G {
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-weight: 500
}

.index-module__lottery-content-wrap--Nu50V {
    position: relative
}

@media screen and (max-width: 1023px) {
    .index-module__lottery-content-wrap--Nu50V {
        position:absolute;
        top: 430px
    }

    .index-module__lottery-content-wrap--Nu50V.index-module__no-space--JfPUE {
        top: 320px
    }
}

@media screen and (max-width: 767px) {
    .index-module__lottery-content-wrap--Nu50V {
        top:350px
    }

    .index-module__lottery-content-wrap--Nu50V.index-module__no-space--JfPUE {
        top: 290px
    }

    .index-module__mobile-hidden--IXze4 {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .index-module__pc-hidden--2xXNg {
        display:none
    }
}

.index-module__content-center--itSpa .arco-modal-content,.index-module__content-center--itSpa .arco-modal-header {
    text-align: center
}

.index-module__rule-content--crQ-3 div,.index-module__rule-content--crQ-3 h1 {
    font-size: 14px;
    margin: 0 0 16px
}

.index-module__rule-content--crQ-3 p {
    margin: 0
}

.index-module__rule-content--crQ-3 h1 {
    font-weight: 500
}

.index-module__count-wrap--VlPf0 {
    color: #fff;
    font-size: 16px;
    margin: 38px 0 67px
}

@media screen and (max-width: 1919px) {
    .index-module__count-wrap--VlPf0 {
        margin:32px 0 45px
    }
}

@media screen and (max-width: 1279px) {
    .index-module__count-wrap--VlPf0 {
        margin:26px 0 38px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__count-wrap--VlPf0 {
        margin:26px 0 0
    }
}

@media screen and (max-width: 767px) {
    .index-module__count-wrap--VlPf0 {
        font-size:14px
    }
}

.index-module__count-wrap--VlPf0 div:not(:last-child) {
    height: 28px;
    line-height: 28px;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .index-module__count-wrap--VlPf0 div:not(:last-child) {
        height:16px;
        line-height: 16px;
        margin-bottom: 6px
    }
}

.index-module__count--MUwiz {
    font-size: 28px
}

@media screen and (max-width: 767px) {
    .index-module__count--MUwiz {
        font-size:20px
    }
}

.index-module__refresh-wrap--LfDSQ {
    align-items: center;
    bottom: 15px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    position: absolute;
    right: 0
}

@media screen and (max-width: 1919px) {
    .index-module__refresh-wrap--LfDSQ {
        bottom:8px
    }
}

@media screen and (max-width: 1279px) {
    .index-module__refresh-wrap--LfDSQ {
        bottom:80px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__refresh-wrap--LfDSQ {
        bottom:606px
    }

    .index-module__refresh-wrap--LfDSQ.index-module__disabled--hucDP {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .index-module__refresh-wrap--LfDSQ {
        bottom:494px;
        font-size: 14px
    }
}

.index-module__refresh-text--FpeU8 {
    margin-left: 8px
}

@media screen and (max-width: 767px) {
    .index-module__refresh-text--FpeU8 {
        margin-left:6px
    }
}

.index-module__refresh-icon--q0\+3r {
    height: 18px;
    pointer-events: none;
    width: 18px
}

@media screen and (max-width: 767px) {
    .index-module__refresh-icon--q0\+3r {
        height:15px;
        width: 15px
    }
}

.index-module__lottery-result-modal-entry--o91nk:not(:last-child) {
    margin-bottom: 10px
}

.index-module__reward-name--oyw7y {
    color: #ff4d00
}

.index-module__spinning--VWONt {
    -webkit-animation: index-module__spinning--VWONt .5s linear infinite;
    animation: index-module__spinning--VWONt .5s linear infinite
}

@-webkit-keyframes index-module__spinning--VWONt {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes index-module__spinning--VWONt {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

.lottery-panel-module__lottery--29qTb {
    align-items: center;
    background-image: url(./images/border.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex: 1 0 730px;
    flex-wrap: wrap;
    height: 592px;
    justify-content: space-between;
    padding: 16px 26px;
    position: relative;
    width: 730px
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__lottery--29qTb {
        height:446px;
        padding: 10px 18px;
        width: 548px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__lottery--29qTb {
        background-image:url(./images/border-mobile.png);
        flex-direction: column;
        height: 388px;
        padding: 13px;
        width: 279px
    }
}

.lottery-panel-module__lottery-notice--ELpE8 {
    align-items: center;
    background: linear-gradient(242deg,#fce9ff -1.1%,rgba(255,222,200,0) 54.99%),linear-gradient(189.45deg,#fff3d9 49.23%,#ffcc9c 100.88%);
    border-radius: 26px 26px 0 0;
    color: #e7ab57;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    justify-content: center;
    left: 50%;
    padding-left: 24px;
    padding-right: 26px;
    position: absolute;
    top: 0;
    transform: translate(-50%,-100%);
    width: 518px
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__lottery-notice--ELpE8 {
        height:44px;
        padding-left: 16px;
        padding-right: 18px;
        width: 388px
    }
}

@media screen and (max-width: 1023px) {
    .lottery-panel-module__lottery-notice--ELpE8 {
        padding-top:2px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__lottery-notice--ELpE8 {
        border-radius:16px 16px 0 0;
        height: 35px;
        padding-left: 14px;
        padding-right: 16px;
        top: 1px;
        width: 247px
    }
}

.lottery-panel-module__username--Doyzp {
    margin-right: 60px
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__username--Doyzp {
        margin-right:20px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__username--Doyzp {
        margin-right:0
    }
}

@media screen and (min-width: 768px) {
    .lottery-panel-module__reward-name--xQUpU {
        margin-right:auto
    }
}

.lottery-panel-module__user-icon--JQXdB {
    display: block;
    height: 40px;
    margin-right: 16px;
    object-fit: contain;
    width: 40px
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__user-icon--JQXdB {
        height:30px;
        margin-right: 14px;
        width: 30px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__user-icon--JQXdB {
        height:23px;
        margin-right: 8px;
        width: 23px
    }
}

.lottery-panel-module__user-reward-info--Wb7eM {
    display: flex;
    flex: 1 0;
    font-size: 20px;
    justify-content: space-between
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__user-reward-info--Wb7eM {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__user-reward-info--Wb7eM {
        font-size:12px
    }
}

.lottery-panel-module__lottery-button--d6p36 {
    background-image: url(./images/lottery-btn.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 178px;
    width: 354px
}

.lottery-panel-module__lottery-button--d6p36[data-disabled=true] {
    cursor: not-allowed
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__lottery-button--d6p36 {
        height:128px;
        width: 250px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__lottery-button--d6p36 {
        background-image:url(./images/lottery-btn-mobile.png);
        background-size: contain;
        height: 172px;
        width: 83px
    }
}

@media screen and (min-width: 768px) {
    .lottery-panel-module__lottery-button--d6p36[data-disabled=false]:hover {
        -webkit-animation:lottery-panel-module__tremble--MnG3b 1s ease-in-out infinite both;
        animation: lottery-panel-module__tremble--MnG3b 1s ease-in-out infinite both
    }
}

.lottery-panel-module__btn-img--LYUG8 {
    width: 228px
}

@-webkit-keyframes lottery-panel-module__tremble--MnG3b {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lottery-panel-module__tremble--MnG3b {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.lottery-panel-module__reward--sJoWA {
    background: #fff;
    border: 5px solid transparent;
    border-radius: 20px;
    box-sizing: border-box;
    height: 170px;
    position: relative;
    width: 158px
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__reward--sJoWA {
        height:128px;
        width: 120px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__reward--sJoWA {
        border-width:3px;
        height: 84px;
        width: 80px
    }
}

.lottery-panel-module__reward--sJoWA[data-active=true] {
    border-color: #ffeb84
}

.lottery-panel-module__reward--sJoWA[data-active=true] .lottery-panel-module__text--zcZ59 {
    background: linear-gradient(226.5deg,#ff6827 8.86%,#ff8663 43.43%,#fd550e 74.34%);
    border: 1px solid #ff7438;
    border-radius: 28px;
    color: #fff9eb
}

.lottery-panel-module__img--PVE0- {
    left: 50%;
    max-height: calc(100% - 56px);
    max-width: calc(100% - 10px);
    pointer-events: none;
    position: absolute;
    top: calc(50% - 23px);
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__img--PVE0- {
        max-height:calc(100% - 44px);
        top: calc(50% - 17px)
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__img--PVE0- {
        max-height:calc(100% - 29px);
        top: calc(50% - 11.5px)
    }
}

.lottery-panel-module__text--zcZ59 {
    bottom: 10px;
    color: #9e9dde;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    left: 50%;
    line-height: 36px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 134px
}

@media screen and (max-width: 1919px) {
    .lottery-panel-module__text--zcZ59 {
        bottom:6px;
        font-size: 16px;
        height: 28px;
        line-height: 28px;
        width: 100px
    }
}

@media screen and (max-width: 767px) {
    .lottery-panel-module__text--zcZ59 {
        bottom:4px;
        font-size: 12px;
        height: 19px;
        line-height: 19px;
        width: 64px
    }
}

.index-module__footer--Tu7Ar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 305px;
    text-align: center;
    width: 100%
}

.index-module__title--7x1F- {
    color: #181818;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .3px;
    line-height: 40px;
    margin-top: 73px;
    white-space: nowrap
}

.index-module__desc--FlDDx {
    color: hsla(0,0%,9%,.8);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 12px;
    white-space: nowrap
}

.index-module__contact---a0Zh {
    margin-top: 32px
}

.index-module__contactButton--pkqSn {
    background: #1664ff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 23px;
    text-align: center;
    vertical-align: top
}

@media screen and (min-width: 1920px) {
    .index-module__footer--Tu7Ar {
        height:348px
    }

    .index-module__title--7x1F- {
        font-size: 36px;
        letter-spacing: .002em;
        line-height: 44px;
        margin-top: 90px
    }

    .index-module__desc--FlDDx {
        font-size: 20px;
        letter-spacing: .002em;
        line-height: 28px;
        margin-top: 8px
    }

    .index-module__contact---a0Zh {
        margin-top: 40px
    }
}

@media screen and (max-width: 980px) {
    .index-module__footer--Tu7Ar {
        display:none
    }
}

.index-module__cardContainer--pmquu {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 20px 20px;
    position: relative;
    transition: box-shadow .3s;
    width: 285px
}

.index-module__cardContainer--pmquu .index-module__divider--a7I9K {
    background: #e4e4e4;
    height: 1px;
    width: 100%
}

.index-module__cardContainer--pmquu .index-module__divider--a7I9K.index-module__marginTop--7uRCl {
    margin-top: 12px
}

.index-module__cardContainer--pmquu:hover {
    background: linear-gradient(163.92deg,#e9efff -19.63%,#fff 41.05%);
    box-shadow: 0 12px 20px rgba(20,14,53,.1);
    transition: box-shadow .3s
}

.index-module__cardContainer--pmquu .index-module__badge--A8IRw {
    background: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    background-image: url(./images/card-badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 0 20px;
    height: 22px;
    padding-right: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transform: translateY(-1px);
    width: 75px;
    z-index: 0
}

.index-module__cardContainer--pmquu .index-module__badge--A8IRw .index-module__text--IpbX3 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    position: relative;
    z-index: 1
}

.index-module__cardContainer--pmquu .index-module__title--d\+aRb {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px
}

.index-module__cardContainer--pmquu .index-module__description--BktoL {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    max-height: 40px;
    overflow: hidden
}

.index-module__cardContainer--pmquu .index-module__goodsSelector--I6-pI {
    background: #eff2fa;
    border: 1px solid #eff2fa;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 8px 38px 8px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--pmquu .index-module__goodsSelector--I6-pI.index-module__open--liNVY {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.index-module__cardContainer--pmquu .index-module__goodsSelector--I6-pI:hover {
    border: 1px solid #1664ff
}

.index-module__cardContainer--pmquu .index-module__goodsSelectorText--EoKDO {
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px
}

.index-module__cardContainer--pmquu .index-module__goodsSelectorParam--rKFgz {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px;
    opacity: .3;
    text-align: right
}

.index-module__cardContainer--pmquu .index-module__goodsSelectorArrow--mgxc4 {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__cardContainer--pmquu .index-module__goodsSelectorMenu--5WUPL {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    left: 0;
    max-height: 171px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    scrollbar-width: 3px;
    top: 38px;
    width: 100%;
    z-index: 100
}

.index-module__cardContainer--pmquu .index-module__goodsSelectorMenu--5WUPL::-webkit-scrollbar {
    width: 3px
}

.index-module__cardContainer--pmquu .index-module__goodsSelectorMenu--5WUPL::-webkit-scrollbar-thumb {
    background-color: #a0a0a0
}

.index-module__cardContainer--pmquu .index-module__goodsMenuItem--HpwcS {
    display: flex;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    width: 100%
}

.index-module__cardContainer--pmquu .index-module__goodsMenuItem--HpwcS:hover {
    background: #e8f0ff
}

.index-module__cardContainer--pmquu .index-module__params--Da-B2 {
    display: flex;
    margin-top: 24px;
    padding: 0 8px
}

.index-module__cardContainer--pmquu .index-module__params--Da-B2 .index-module__param--tb5r6 {
    flex: 1 1
}

.index-module__cardContainer--pmquu .index-module__params--Da-B2 .index-module__param--tb5r6 .index-module__title--d\+aRb {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px
}

.index-module__cardContainer--pmquu .index-module__params--Da-B2 .index-module__param--tb5r6 .index-module__text--IpbX3 {
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 14px
}

.index-module__cardContainer--pmquu .index-module__goodsAdvantages--Y4Iz1 {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center
}

.index-module__cardContainer--pmquu .index-module__goodsAdvantages--Y4Iz1 .index-module__goodsAdvantage---T2UJ {
    align-items: center;
    display: flex;
    height: 18px;
    margin-top: 10px;
    padding-left: 5px
}

.index-module__cardContainer--pmquu .index-module__goodsAdvantages--Y4Iz1 .index-module__goodsAdvantage---T2UJ .index-module__goodsAdvantageIcon--Y6x2a {
    margin-right: 6px;
    width: 12px
}

.index-module__cardContainer--pmquu .index-module__goodsAdvantages--Y4Iz1 .index-module__goodsAdvantage---T2UJ .index-module__goodsAdvantageText--JC4eM {
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.index-module__cardContainer--pmquu .index-module__goodsAdvantages--Y4Iz1 .index-module__goodsAdvantage---T2UJ:first-child {
    margin-top: 12px
}

.index-module__cardContainer--pmquu .index-module__tags--irD8R {
    margin-top: 16px
}

.index-module__cardContainer--pmquu .index-module__tags--irD8R .index-module__tag--evGES {
    border: 1px solid rgba(219,55,63,.3);
    border-radius: 4px;
    box-sizing: border-box;
    color: #db373f;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 6px
}

.index-module__cardContainer--pmquu .index-module__currentPrice--0J3Or {
    align-items: baseline;
    color: #f50505;
    display: flex;
    height: 32px;
    margin-top: 8px
}

.index-module__cardContainer--pmquu .index-module__currentPrice--0J3Or .index-module__symbol--voBn7 {
    font-size: 18px;
    font-weight: 600
}

.index-module__cardContainer--pmquu .index-module__currentPrice--0J3Or .index-module__int--j0b2G {
    font-size: 32px;
    font-weight: 600;
    line-height: 32px
}

.index-module__cardContainer--pmquu .index-module__currentPrice--0J3Or .index-module__decimals--HW1Fj {
    font-size: 24px;
    font-weight: 600
}

.index-module__cardContainer--pmquu .index-module__currentPrice--0J3Or .index-module__unit--1acil {
    color: #474747;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 6px
}

.index-module__cardContainer--pmquu .index-module__originalPrice--zMaJC {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    margin-top: 7px;
    text-decoration: line-through
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 {
    display: flex;
    margin-top: 12px
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__pad--P3Ay7 {
    width: 11px
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__goodsButton--t2zSw {
    background-clip: content-box,border-box;
    background-origin: border-box;
    border-radius: 4px;
    cursor: pointer;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .02em;
    line-height: 42px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__goodsButton--t2zSw.index-module__btnLoading--iyhx6 {
    cursor: default
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__goodsButton--t2zSw.index-module__detailBtn--VZeX9 {
    border: 1px solid;
    color: #1664ff
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__goodsButton--t2zSw.index-module__detailBtn--VZeX9:hover {
    opacity: .7
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__goodsButton--t2zSw:last-child {
    background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%);
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff
}

.index-module__cardContainer--pmquu .index-module__goodsButtons--kIMj2 .index-module__goodsButton--t2zSw:last-child:hover {
    opacity: .7
}

@media screen and (max-width: 1023px) {
    .index-module__cardContainer--pmquu {
        width:100%
    }

    .index-module__cardContainer--pmquu .index-module__goodsSelector--I6-pI.index-module__open--liNVY {
        -webkit-filter: none;
        filter: none
    }

    .index-module__cardContainer--pmquu .index-module__goodsSelectorMenu--5WUPL {
        box-shadow: 0 3px 8px rgba(0,0,0,.15)
    }

    .index-module__cardContainer--pmquu .index-module__priceHelper--R7Y69 .index-module__currentPrice--0J3Or .index-module__symbol--voBn7 {
        font-size: 14px;
        line-height: 20px
    }

    .index-module__cardContainer--pmquu .index-module__priceHelper--R7Y69 .index-module__currentPrice--0J3Or .index-module__int--j0b2G {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .index-module__cardContainer--pmquu .index-module__priceHelper--R7Y69 .index-module__currentPrice--0J3Or .index-module__decimals--HW1Fj {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .index-module__cardContainer--pmquu .index-module__priceHelper--R7Y69 .index-module__currentPrice--0J3Or .index-module__unit--1acil {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .index-module__cardContainer--pmquu .index-module__priceHelper--R7Y69 .index-module__originalPrice--zMaJC {
        font-size: 14px;
        font-weight: 400;
        line-height: 12px
    }
}

.index-module__cardContainer--ykeT0 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 20px 20px;
    position: relative;
    transition: box-shadow .3s;
    width: 285px
}

.index-module__cardContainer--ykeT0 .index-module__divider--6sL-0 {
    background: #e4e4e4;
    height: 1px;
    width: 100%
}

.index-module__cardContainer--ykeT0 .index-module__divider--6sL-0.index-module__marginTop--O1xBG {
    margin-top: 12px
}

.index-module__cardContainer--ykeT0:hover {
    background: linear-gradient(163.92deg,#e9efff -19.63%,#fff 41.05%);
    box-shadow: 0 12px 20px rgba(20,14,53,.1);
    transition: box-shadow .3s
}

.index-module__cardContainer--ykeT0 .index-module__badge--E-XoN {
    background: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    background-image: url(./images/card-badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 0 20px;
    height: 22px;
    padding-right: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transform: translateY(-1px);
    width: 75px;
    z-index: 0
}

.index-module__cardContainer--ykeT0 .index-module__badge--E-XoN .index-module__text--lCSin {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    position: relative;
    z-index: 1
}

.index-module__cardContainer--ykeT0 .index-module__title--Uq5q2 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px
}

.index-module__cardContainer--ykeT0 .index-module__description--1s6-Y {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    max-height: 40px;
    overflow: hidden
}

.index-module__cardContainer--ykeT0 .index-module__options--Ep-CD .index-module__option--P9IvG {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-top: 12px
}

.index-module__cardContainer--ykeT0 .index-module__options--Ep-CD .index-module__option--P9IvG .index-module__optionTitle--sZ-v2 {
    color: #80838a;
    display: block;
    flex: 0 0 65px;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    letter-spacing: .003em;
    line-height: 38px;
    width: 65px
}

.index-module__cardContainer--ykeT0 .index-module__options--Ep-CD .index-module__option--P9IvG .index-module__optionText--CZGnB {
    color: #333;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    letter-spacing: .02em;
    line-height: 22px;
    padding: 8px 38px 8px 16px;
    position: relative
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelector--uRNwH {
    background: #eff2fa;
    border: 1px solid #eff2fa;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelector--uRNwH.index-module__open--e8QBA {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelector--uRNwH:hover {
    border: 1px solid #1664ff
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelectorText--gKVu0 {
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelectorParam--wmaiu {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px;
    opacity: .3;
    text-align: right
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelectorArrow--hN0YQ {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelectorMenu--F7Ru3 {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    left: 0;
    max-height: 171px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    scrollbar-width: 3px;
    top: 38px;
    width: 100%;
    z-index: 100
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelectorMenu--F7Ru3::-webkit-scrollbar {
    width: 3px
}

.index-module__cardContainer--ykeT0 .index-module__goodsSelectorMenu--F7Ru3::-webkit-scrollbar-thumb {
    background-color: #a0a0a0
}

.index-module__cardContainer--ykeT0 .index-module__goodsMenuItem--VQvc0 {
    background: #fff;
    display: flex;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    width: 100%
}

.index-module__cardContainer--ykeT0 .index-module__goodsMenuItem--VQvc0:hover {
    background: #e8f0ff
}

.index-module__cardContainer--ykeT0 .index-module__params--bV9nk {
    display: flex;
    margin-top: 24px;
    padding: 0 8px
}

.index-module__cardContainer--ykeT0 .index-module__params--bV9nk .index-module__param--UM697 {
    flex: 1 1
}

.index-module__cardContainer--ykeT0 .index-module__params--bV9nk .index-module__param--UM697 .index-module__title--Uq5q2 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px
}

.index-module__cardContainer--ykeT0 .index-module__params--bV9nk .index-module__param--UM697 .index-module__text--lCSin {
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 14px
}

.index-module__cardContainer--ykeT0 .index-module__goodsAdvantages--u2roi {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: start
}

.index-module__cardContainer--ykeT0 .index-module__goodsAdvantages--u2roi .index-module__goodsAdvantage--t4xU9 {
    align-items: center;
    display: flex;
    height: 18px;
    margin-top: 12px;
    padding-left: 5px
}

.index-module__cardContainer--ykeT0 .index-module__goodsAdvantages--u2roi .index-module__goodsAdvantage--t4xU9 .index-module__goodsAdvantageIcon--vC1eN {
    margin-right: 6px;
    width: 12px
}

.index-module__cardContainer--ykeT0 .index-module__goodsAdvantages--u2roi .index-module__goodsAdvantage--t4xU9 .index-module__goodsAdvantageText--xReD2 {
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.index-module__cardContainer--ykeT0 .index-module__tags--eO81R {
    margin-top: 16px
}

.index-module__cardContainer--ykeT0 .index-module__tags--eO81R .index-module__tag--aGf0M {
    border: 1px solid rgba(219,55,63,.3);
    border-radius: 4px;
    box-sizing: border-box;
    color: #db373f;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 6px
}

.index-module__cardContainer--ykeT0 .index-module__currentPrice--5CVF4 {
    align-items: baseline;
    color: #f50505;
    display: flex;
    height: 32px;
    margin-top: 8px
}

.index-module__cardContainer--ykeT0 .index-module__currentPrice--5CVF4 .index-module__symbol--5\+XNf {
    font-size: 18px;
    font-weight: 600
}

.index-module__cardContainer--ykeT0 .index-module__currentPrice--5CVF4 .index-module__int--3sT8D {
    font-size: 32px;
    font-weight: 600;
    line-height: 32px
}

.index-module__cardContainer--ykeT0 .index-module__currentPrice--5CVF4 .index-module__decimals--RNTZr {
    font-size: 24px;
    font-weight: 600
}

.index-module__cardContainer--ykeT0 .index-module__currentPrice--5CVF4 .index-module__unit--\+-S1W {
    color: #474747;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 6px
}

.index-module__cardContainer--ykeT0 .index-module__originalPrice--wR1Ql {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    margin-top: 7px;
    text-decoration: line-through
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW {
    display: flex;
    margin-top: 12px
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__pad--340Ae {
    width: 11px
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__goodsButton--p8yf1 {
    background-clip: content-box,border-box;
    background-origin: border-box;
    border-radius: 4px;
    cursor: pointer;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .02em;
    line-height: 42px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__goodsButton--p8yf1.index-module__btnLoading--oMmHE {
    cursor: default
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__goodsButton--p8yf1.index-module__detailBtn--9fuD2 {
    border: 1px solid;
    color: #1664ff
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__goodsButton--p8yf1.index-module__detailBtn--9fuD2:hover {
    opacity: .7
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__goodsButton--p8yf1:last-child {
    background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%);
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff
}

.index-module__cardContainer--ykeT0 .index-module__goodsButtons--e5OVW .index-module__goodsButton--p8yf1:last-child:hover {
    opacity: .7
}

@media screen and (max-width: 1023px) {
    .index-module__cardContainer--ykeT0 {
        width:100%
    }

    .index-module__cardContainer--ykeT0 .index-module__goodsSelector--uRNwH.index-module__open--e8QBA {
        -webkit-filter: none;
        filter: none
    }

    .index-module__cardContainer--ykeT0 .index-module__goodsSelectorMenu--F7Ru3 {
        box-shadow: 0 3px 8px rgba(0,0,0,.15)
    }

    .index-module__cardContainer--ykeT0 .index-module__priceHelper--jD1Kc .index-module__currentPrice--5CVF4 .index-module__symbol--5\+XNf {
        font-size: 14px;
        line-height: 20px
    }

    .index-module__cardContainer--ykeT0 .index-module__priceHelper--jD1Kc .index-module__currentPrice--5CVF4 .index-module__int--3sT8D {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .index-module__cardContainer--ykeT0 .index-module__priceHelper--jD1Kc .index-module__currentPrice--5CVF4 .index-module__decimals--RNTZr {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .index-module__cardContainer--ykeT0 .index-module__priceHelper--jD1Kc .index-module__currentPrice--5CVF4 .index-module__unit--\+-S1W {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .index-module__cardContainer--ykeT0 .index-module__priceHelper--jD1Kc .index-module__originalPrice--wR1Ql {
        font-size: 14px;
        font-weight: 400;
        line-height: 12px
    }
}

.arco-icon-hover.arco-checkbox-icon-hover:before {
    height: 24px;
    width: 24px
}

.arco-checkbox {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: unset;
    padding-left: 5px;
    position: relative
}

.arco-checkbox>input[type=checkbox] {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.arco-checkbox>input[type=checkbox]:focus-visible+.arco-checkbox-icon-hover:before {
    background-color: var(--color-fill-2);
    opacity: 1
}

.arco-checkbox:hover .arco-checkbox-icon-hover:before {
    background-color: var(--color-fill-2)
}

.arco-checkbox-text {
    color: var(--color-text-1);
    margin-left: 8px
}

.arco-checkbox-mask-wrapper {
    line-height: 1;
    position: relative;
    top: -.09em;
    vertical-align: middle
}

.arco-checkbox-mask {
    background-color: var(--color-bg-2);
    border: 2px solid var(--color-fill-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 14px
}

.arco-checkbox-mask:after {
    background: var(--color-white);
    border-radius: .5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    width: 6px
}

.arco-checkbox-mask-icon {
    color: var(--color-white);
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    transform: scale(0);
    transform-origin: center 75%;
    width: 8px
}

.arco-checkbox:hover .arco-checkbox-mask {
    border-color: var(--color-fill-4);
    transition: border-color .1s linear,transform .3s cubic-bezier(.3,1.3,.3,1)
}

.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    transition: transform .3s cubic-bezier(.3,1.3,.3,1)
}

.arco-checkbox-checked .arco-checkbox-mask {
    background-color: rgb(var(--primary-6));
    border-color: transparent
}

.arco-checkbox-checked .arco-checkbox-mask-icon {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.3,1.3,.3,1)
}

.arco-checkbox-indeterminate .arco-checkbox-mask {
    background-color: rgb(var(--primary-6));
    border-color: transparent
}

.arco-checkbox-indeterminate .arco-checkbox-mask-icon {
    transform: scale(0)
}

.arco-checkbox-indeterminate .arco-checkbox-mask:after {
    transform: translateX(-50%) translateY(-50%) scale(1);
    transition: transform .3s cubic-bezier(.3,1.3,.3,1)
}

.arco-checkbox.arco-checkbox-disabled,.arco-checkbox.arco-checkbox-disabled .arco-checkbox-icon-hover {
    cursor: not-allowed
}

.arco-checkbox.arco-checkbox-disabled:hover .arco-checkbox-mask {
    border-color: var(--color-fill-3)
}

.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    border-color: transparent
}

.arco-checkbox-disabled .arco-checkbox-mask {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-3)
}

.arco-checkbox-disabled.arco-checkbox-checked .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    background-color: var(--color-primary-light-3);
    border-color: transparent
}

.arco-checkbox-checked:hover .arco-checkbox-mask-wrapper:before,.arco-checkbox-disabled:hover .arco-checkbox-mask-wrapper:before,.arco-checkbox-indeterminate:hover .arco-checkbox-mask-wrapper:before {
    background-color: transparent
}

.arco-checkbox-disabled .arco-checkbox-text {
    color: var(--color-text-4)
}

.arco-checkbox-disabled .arco-checkbox-mask-icon {
    color: var(--color-fill-2)
}

.arco-checkbox-group {
    display: inline-block
}

.arco-checkbox-group .arco-checkbox {
    margin-right: 16px
}

.arco-checkbox-group-direction-vertical .arco-checkbox {
    display: block;
    line-height: 32px;
    margin-right: 0
}

.arco-checkbox-rtl {
    direction: rtl;
    padding-left: 0;
    padding-right: 5px
}

.arco-checkbox-rtl .arco-checkbox-text {
    margin-left: 0;
    margin-right: 8px
}

.arco-checkbox-group-rtl .arco-checkbox {
    margin-left: 16px;
    margin-right: 0
}

.index-module__cardContainer--Gml9o {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 20px 20px;
    position: relative;
    transition: box-shadow .3s;
    width: 285px
}

.index-module__cardContainer--Gml9o .index-module__divider--pkSzV {
    background: #e4e4e4;
    height: 1px;
    width: 100%
}

.index-module__cardContainer--Gml9o .index-module__divider--pkSzV.index-module__marginTop--hE0zH {
    margin-top: 12px
}

.index-module__cardContainer--Gml9o:hover {
    background: linear-gradient(0deg,rgb(239 197 226 / .2), #d1e3ff);
    box-shadow: 0 12px 20px rgba(20,14,53,.1);
    transition: box-shadow .3s
}

.index-module__cardContainer--Gml9o .index-module__badge--Aiu3K {
    background: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    background-image: url(./images/card-badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 0 20px;
    height: 22px;
    padding-right: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transform: translateY(-1px);
    width: 75px;
    z-index: 0
}

.index-module__cardContainer--Gml9o .index-module__badge--Aiu3K .index-module__text--Gz2vw {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    position: relative;
    z-index: 1
}

.index-module__cardContainer--Gml9o .index-module__title--z03x8 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px
}

.index-module__cardContainer--Gml9o .index-module__description--w1u9p {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    max-height: 40px;
    overflow: hidden
}

.index-module__cardContainer--Gml9o .index-module__options--Kxm9h .index-module__option--1My7D {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-top: 12px
}

.index-module__cardContainer--Gml9o .index-module__options--Kxm9h .index-module__option--1My7D .index-module__optionTitle--eiG\+i {
    color: #80838a;
    display: block;
    flex: 0 0 65px;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    letter-spacing: .003em;
    line-height: 38px;
    width: 65px
}

.index-module__cardContainer--Gml9o .index-module__options--Kxm9h .index-module__option--1My7D .index-module__optionText--8-4V7 {
    color: #333;
    flex: 1 1;
    font-size: 13px;
    font-weight: 500;
    height: 38px;
    letter-spacing: .02em;
    line-height: 22px;
    padding: 7px 0px 0px 0px;
    position: relative
}

.index-module__cardContainer--Gml9o .index-module__goodsSelector--FZ78q {
    background: #eff2fa;
    border: 1px solid #eff2fa;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--Gml9o .index-module__goodsSelector--FZ78q.index-module__open--7Xtgz {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.index-module__cardContainer--Gml9o .index-module__goodsSelector--FZ78q:hover {
    border: 1px solid #1664ff
}

.index-module__cardContainer--Gml9o .index-module__goodsSelectorText--BjUWI {
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px
}

.index-module__cardContainer--Gml9o .index-module__goodsSelectorParam--1lNlJ {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px;
    opacity: .3;
    text-align: right
}

.index-module__cardContainer--Gml9o .index-module__goodsSelectorArrow--J9wGn {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__cardContainer--Gml9o .index-module__goodsSelectorMenu--bYehM {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    left: 0;
    max-height: 171px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    scrollbar-width: 3px;
    top: 38px;
    width: 100%;
    z-index: 100
}

.index-module__cardContainer--Gml9o .index-module__goodsSelectorMenu--bYehM::-webkit-scrollbar {
    width: 3px
}

.index-module__cardContainer--Gml9o .index-module__goodsSelectorMenu--bYehM::-webkit-scrollbar-thumb {
    background-color: #a0a0a0
}

.index-module__cardContainer--Gml9o .index-module__goodsMenuItem--PHM01 {
    background: #fff;
    display: flex;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    width: 100%
}

.index-module__cardContainer--Gml9o .index-module__goodsMenuItem--PHM01:hover {
    background: #e8f0ff
}

.index-module__cardContainer--Gml9o .index-module__params--kRLDG {
    display: flex;
    margin-top: 24px;
    padding: 0 8px
}

.index-module__cardContainer--Gml9o .index-module__params--kRLDG .index-module__param--xr8vh {
    flex: 1 1
}

.index-module__cardContainer--Gml9o .index-module__params--kRLDG .index-module__param--xr8vh .index-module__title--z03x8 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px
}

.index-module__cardContainer--Gml9o .index-module__params--kRLDG .index-module__param--xr8vh .index-module__text--Gz2vw {
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 14px
}

.index-module__cardContainer--Gml9o .index-module__slaveList--6MSAg .index-module__slaveItem--FTg2L {
    cursor: pointer;
    display: flex;
    justify-items: flex-start;
    margin-top: 14px
}

.index-module__cardContainer--Gml9o .index-module__slaveList--6MSAg .index-module__slaveItem--FTg2L .index-module__slaveText--Gkowd {
    margin-left: 8px
}

.index-module__cardContainer--Gml9o .index-module__slaveList--6MSAg .index-module__slaveItem--FTg2L .index-module__slaveText--Gkowd em {
    color: #f50505;
    font-style: normal
}

.index-module__cardContainer--Gml9o .index-module__goodsAdvantages--re-Ng {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: start
}

.index-module__cardContainer--Gml9o .index-module__goodsAdvantages--re-Ng .index-module__goodsAdvantage--yKrLA {
    align-items: center;
    display: flex;
    height: 18px;
    margin-top: 12px;
    padding-left: 5px
}

.index-module__cardContainer--Gml9o .index-module__goodsAdvantages--re-Ng .index-module__goodsAdvantage--yKrLA .index-module__goodsAdvantageIcon--M6w9R {
    margin-right: 6px;
    width: 12px
}

.index-module__cardContainer--Gml9o .index-module__goodsAdvantages--re-Ng .index-module__goodsAdvantage--yKrLA .index-module__goodsAdvantageText--YZKom {
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.index-module__cardContainer--Gml9o .index-module__tags--yBhU9 {
    margin-top: 16px
}

.index-module__cardContainer--Gml9o .index-module__tags--yBhU9 .index-module__tag--fm6lZ {
    border: 1px solid rgba(219,55,63,.3);
    border-radius: 4px;
    box-sizing: border-box;
    color: #db373f;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 6px
}

.index-module__cardContainer--Gml9o .index-module__currentPrice--tTrXy {
    align-items: baseline;
    color: #f50505;
    height: 32px;
    margin-top: 8px;
}

.index-module__cardContainer--Gml9o .index-module__currentPrice--tTrXy .index-module__symbol--UuOh3 {
    font-size: 13px;
    text-decoration: line-through;
    color: darkgray;
}

.index-module__cardContainer--Gml9o .index-module__currentPrice--tTrXy .index-module__int--YNVtp {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px
}

.index-module__cardContainer--Gml9o .index-module__currentPrice--tTrXy .index-module__decimals--u4NCq {
    font-size: 24px;
    font-weight: 600
}

.index-module__cardContainer--Gml9o .index-module__currentPrice--tTrXy .index-module__unit--3p-BS {
    color: #474747;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 6px
}

.index-module__cardContainer--Gml9o .index-module__originalPrice--\+KACN {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    margin-top: 7px;
    text-decoration: line-through
}

.index-module__cardContainer--Gml9o .index-module__stockWrap--cfqp8 {
    height: 40px;
    width: 100%
}

.index-module__cardContainer--Gml9o .index-module__stockWrap--cfqp8 .index-module__stock--fpDPj {
    background: #eaedf1;
    border-radius: 2px;
    height: 4px;
    margin-top: 36px
}

.index-module__cardContainer--Gml9o .index-module__stockWrap--cfqp8 .index-module__stock--fpDPj .index-module__stockProcess--ffRcN {
    background: linear-gradient(262.95deg,#f81a14 5.5%,#fd9b98 45.36%,#ffd7d6 94.5%);
    border-radius: 4px;
    height: 4px;
    position: relative;
    transition: width .3s
}

.index-module__cardContainer--Gml9o .index-module__stockWrap--cfqp8 .index-module__stock--fpDPj .index-module__stockProcess--ffRcN .index-module__stockText--zGjOL {
    align-items: center;
    background-image: url(./images/stockTextBg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    padding-bottom: 3px;
    position: absolute;
    right: 0;
    top: -28px;
    width: 57px;
    z-index: 10
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c {
    display: flex;
    margin-top: 12px
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__pad--GtSlZ {
    width: 11px
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__goodsButton--JXOiQ {
    background-clip: content-box,border-box;
    background-origin: border-box;
    border-radius: 4px;
    cursor: pointer;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .02em;
    line-height: 42px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__goodsButton--JXOiQ.index-module__btnLoading--vi8ol {
    cursor: default
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__goodsButton--JXOiQ.index-module__detailBtn--NSVvk {
    border: 1px solid;
    color: #1664ff
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__goodsButton--JXOiQ.index-module__detailBtn--NSVvk:hover {
    opacity: .7
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__goodsButton--JXOiQ:last-child {
    background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%);
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff
}

.index-module__cardContainer--Gml9o .index-module__goodsButtons--lsu1c .index-module__goodsButton--JXOiQ:last-child:hover {
    opacity: .7
}

@media screen and (max-width: 1023px) {
    .index-module__cardContainer--Gml9o {
        width:100%
    }

    .index-module__cardContainer--Gml9o .index-module__goodsSelector--FZ78q.index-module__open--7Xtgz {
        -webkit-filter: none;
        filter: none
    }

    .index-module__cardContainer--Gml9o .index-module__goodsSelectorMenu--bYehM {
        box-shadow: 0 3px 8px rgba(0,0,0,.15)
    }

    .index-module__cardContainer--Gml9o .index-module__priceHelper--V9X9G .index-module__currentPrice--tTrXy .index-module__symbol--UuOh3 {
        font-size: 14px;
        line-height: 20px
    }

    .index-module__cardContainer--Gml9o .index-module__priceHelper--V9X9G .index-module__currentPrice--tTrXy .index-module__int--YNVtp {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .index-module__cardContainer--Gml9o .index-module__priceHelper--V9X9G .index-module__currentPrice--tTrXy .index-module__decimals--u4NCq {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .index-module__cardContainer--Gml9o .index-module__priceHelper--V9X9G .index-module__currentPrice--tTrXy .index-module__unit--3p-BS {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .index-module__cardContainer--Gml9o .index-module__priceHelper--V9X9G .index-module__originalPrice--\+KACN {
        font-size: 14px;
        font-weight: 400;
        line-height: 12px
    }
}

.index-module__cardContainer--hcGAP {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px 20px 20px;
    position: relative;
    transition: box-shadow .3s;
    width: 285px
}

.index-module__cardContainer--hcGAP .index-module__divider--ZakpM {
    background: #e4e4e4;
    height: 1px;
    width: 100%
}

.index-module__cardContainer--hcGAP .index-module__divider--ZakpM.index-module__marginTop--XrxG5 {
    margin-top: 12px
}

.index-module__cardContainer--hcGAP:hover {
    background: linear-gradient(163.92deg,#e9efff -19.63%,#fff 41.05%);
    box-shadow: 0 12px 20px rgba(20,14,53,.1);
    transition: box-shadow .3s
}

.index-module__cardContainer--hcGAP .index-module__badge--WOXQn {
    background: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    background-image: url(./images/card-badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 0 20px;
    height: 22px;
    padding-right: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transform: translateY(-1px);
    width: 75px;
    z-index: 0
}

.index-module__cardContainer--hcGAP .index-module__badge--WOXQn .index-module__text--3bbZZ {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    position: relative;
    z-index: 1
}

.index-module__cardContainer--hcGAP .index-module__title--aVfd7 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px
}

.index-module__cardContainer--hcGAP .index-module__description--0EMTy {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    max-height: 40px;
    overflow: hidden
}

.index-module__cardContainer--hcGAP .index-module__options--IAigL .index-module__option--zuvCC {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-top: 12px
}

.index-module__cardContainer--hcGAP .index-module__options--IAigL .index-module__option--zuvCC .index-module__optionTitle--vM39g {
    color: #80838a;
    display: block;
    flex: 0 0 65px;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    letter-spacing: .003em;
    line-height: 38px;
    width: 65px
}

.index-module__cardContainer--hcGAP .index-module__options--IAigL .index-module__option--zuvCC .index-module__optionText--dgQk1 {
    color: #333;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    letter-spacing: .02em;
    line-height: 22px;
    padding: 8px 38px 8px 16px;
    position: relative
}

.index-module__cardContainer--hcGAP .index-module__goodsSelector--KUhoX {
    background: #eff2fa;
    border: 1px solid #eff2fa;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--hcGAP .index-module__goodsSelector--KUhoX.index-module__open--OkcZe {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.index-module__cardContainer--hcGAP .index-module__goodsSelector--KUhoX:hover {
    border: 1px solid #1664ff
}

.index-module__cardContainer--hcGAP .index-module__goodsSelectorText--8WiP0 {
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px
}

.index-module__cardContainer--hcGAP .index-module__goodsSelectorParam--UhdLw {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 22px;
    opacity: .3;
    text-align: right
}

.index-module__cardContainer--hcGAP .index-module__goodsSelectorArrow--gO56O {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__cardContainer--hcGAP .index-module__goodsSelectorMenu--4QKlB {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    left: 0;
    max-height: 171px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    scrollbar-width: 3px;
    top: 38px;
    width: 100%;
    z-index: 100
}

.index-module__cardContainer--hcGAP .index-module__goodsSelectorMenu--4QKlB::-webkit-scrollbar {
    width: 3px
}

.index-module__cardContainer--hcGAP .index-module__goodsSelectorMenu--4QKlB::-webkit-scrollbar-thumb {
    background-color: #a0a0a0
}

.index-module__cardContainer--hcGAP .index-module__goodsMenuItem--dx5zT {
    background: #fff;
    display: flex;
    height: 38px;
    justify-content: space-between;
    padding: 8px 38px 8px 16px;
    width: 100%
}

.index-module__cardContainer--hcGAP .index-module__goodsMenuItem--dx5zT:hover {
    background: #e8f0ff
}

.index-module__cardContainer--hcGAP .index-module__params--Vqy6q {
    display: flex;
    margin-top: 24px;
    padding: 0 8px
}

.index-module__cardContainer--hcGAP .index-module__params--Vqy6q .index-module__param--YEdhr {
    flex: 1 1
}

.index-module__cardContainer--hcGAP .index-module__params--Vqy6q .index-module__param--YEdhr .index-module__title--aVfd7 {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px
}

.index-module__cardContainer--hcGAP .index-module__params--Vqy6q .index-module__param--YEdhr .index-module__text--3bbZZ {
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 14px
}

.index-module__cardContainer--hcGAP .index-module__slaveList--jcXpg .index-module__slaveItem---ujzK {
    cursor: pointer;
    display: flex;
    justify-items: flex-start;
    margin-top: 14px
}

.index-module__cardContainer--hcGAP .index-module__slaveList--jcXpg .index-module__slaveItem---ujzK .index-module__slaveText--J71Af {
    margin-left: 8px
}

.index-module__cardContainer--hcGAP .index-module__slaveList--jcXpg .index-module__slaveItem---ujzK .index-module__slaveText--J71Af em {
    color: #f50505;
    font-style: normal
}

.index-module__cardContainer--hcGAP .index-module__goodsAdvantages--JuGOC {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: start
}

.index-module__cardContainer--hcGAP .index-module__goodsAdvantages--JuGOC .index-module__goodsAdvantage--KwZ0N {
    align-items: center;
    display: flex;
    height: 18px;
    margin-top: 12px;
    padding-left: 5px
}

.index-module__cardContainer--hcGAP .index-module__goodsAdvantages--JuGOC .index-module__goodsAdvantage--KwZ0N .index-module__goodsAdvantageIcon--eMO50 {
    margin-right: 6px;
    width: 12px
}

.index-module__cardContainer--hcGAP .index-module__goodsAdvantages--JuGOC .index-module__goodsAdvantage--KwZ0N .index-module__goodsAdvantageText--Hzyl0 {
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.index-module__cardContainer--hcGAP .index-module__tags--z2qnS {
    margin-top: 16px
}

.index-module__cardContainer--hcGAP .index-module__tags--z2qnS .index-module__tag--w-Rgq {
    border: 1px solid rgba(219,55,63,.3);
    border-radius: 4px;
    box-sizing: border-box;
    color: #db373f;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 6px
}

.index-module__cardContainer--hcGAP .index-module__currentPrice--dV6OZ {
    align-items: baseline;
    color: #f50505;
    display: flex;
    height: 32px;
    margin-top: 8px
}

.index-module__cardContainer--hcGAP .index-module__currentPrice--dV6OZ .index-module__symbol--jEnRi {
    font-size: 18px;
    font-weight: 600
}

.index-module__cardContainer--hcGAP .index-module__currentPrice--dV6OZ .index-module__int--QZKto {
    font-size: 32px;
    font-weight: 600;
    line-height: 32px
}

.index-module__cardContainer--hcGAP .index-module__currentPrice--dV6OZ .index-module__decimals--Umz1X {
    font-size: 24px;
    font-weight: 600
}

.index-module__cardContainer--hcGAP .index-module__currentPrice--dV6OZ .index-module__unit--LTUNn {
    color: #474747;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 6px
}

.index-module__cardContainer--hcGAP .index-module__originalPrice--Be1V8 {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    margin-top: 7px;
    text-decoration: line-through
}

.index-module__cardContainer--hcGAP .index-module__stockWrap--VCEYC {
    height: 40px;
    width: 100%
}

.index-module__cardContainer--hcGAP .index-module__stockWrap--VCEYC .index-module__stock--sloEL {
    background: #eaedf1;
    border-radius: 2px;
    height: 4px;
    margin-top: 36px
}

.index-module__cardContainer--hcGAP .index-module__stockWrap--VCEYC .index-module__stock--sloEL .index-module__stockProcess--pWtsQ {
    background: linear-gradient(262.95deg,#f81a14 5.5%,#fd9b98 45.36%,#ffd7d6 94.5%);
    border-radius: 4px;
    height: 4px;
    position: relative;
    transition: width .3s
}

.index-module__cardContainer--hcGAP .index-module__stockWrap--VCEYC .index-module__stock--sloEL .index-module__stockProcess--pWtsQ .index-module__stockText--U9Qc5 {
    align-items: center;
    background-image: url(./images/stockTextBg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    padding-bottom: 3px;
    position: absolute;
    right: 0;
    top: -28px;
    width: 57px;
    z-index: 10
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV {
    display: flex;
    margin-top: 12px
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__pad--ssrwA {
    width: 11px
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__goodsButton--R0KI8 {
    background-clip: content-box,border-box;
    background-origin: border-box;
    border-radius: 4px;
    cursor: pointer;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    letter-spacing: .02em;
    line-height: 42px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__goodsButton--R0KI8.index-module__btnLoading--3Am2B {
    cursor: default
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__goodsButton--R0KI8.index-module__detailBtn--mRkx9 {
    border: 1px solid;
    color: #1664ff
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__goodsButton--R0KI8.index-module__detailBtn--mRkx9:hover {
    opacity: .7
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__goodsButton--R0KI8:last-child {
    background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%);
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff
}

.index-module__cardContainer--hcGAP .index-module__goodsButtons--7IKpV .index-module__goodsButton--R0KI8:last-child:hover {
    opacity: .7
}

@media screen and (max-width: 1023px) {
    .index-module__cardContainer--hcGAP {
        width:100%
    }

    .index-module__cardContainer--hcGAP .index-module__goodsSelector--KUhoX.index-module__open--OkcZe {
        -webkit-filter: none;
        filter: none
    }

    .index-module__cardContainer--hcGAP .index-module__goodsSelectorMenu--4QKlB {
        box-shadow: 0 3px 8px rgba(0,0,0,.15)
    }

    .index-module__cardContainer--hcGAP .index-module__priceHelper--sLggp .index-module__currentPrice--dV6OZ .index-module__symbol--jEnRi {
        font-size: 14px;
        line-height: 20px
    }

    .index-module__cardContainer--hcGAP .index-module__priceHelper--sLggp .index-module__currentPrice--dV6OZ .index-module__int--QZKto {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .index-module__cardContainer--hcGAP .index-module__priceHelper--sLggp .index-module__currentPrice--dV6OZ .index-module__decimals--Umz1X {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .index-module__cardContainer--hcGAP .index-module__priceHelper--sLggp .index-module__currentPrice--dV6OZ .index-module__unit--LTUNn {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .index-module__cardContainer--hcGAP .index-module__priceHelper--sLggp .index-module__originalPrice--Be1V8 {
        font-size: 14px;
        font-weight: 400;
        line-height: 12px
    }
}

.index-module__layout--\+aUWQ {
    box-sizing: content-box;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin: 0 auto;
    padding: 0 40px 60px;
    width: 1200px
}
.index-module__item--\+x0\+e {margin: 0px 7px;}
.index-module__layout--\+aUWQ .index-module__item--\+x0\+e:nth-of-type(n+5) {
    margin-top: 20px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layout--\+aUWQ {
        box-sizing:border-box;
        padding: 0 24px;
        position: relative;
        width: 100%
    }

    .index-module__layout--\+aUWQ .index-module__item--\+x0\+e {
        flex-basis: calc(50% - 10px)
    }

    .index-module__layout--\+aUWQ .index-module__item--\+x0\+e:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layout--\+aUWQ {
        box-sizing:border-box;
        padding: 0 24px;
        width: 100%
    }

    .index-module__layout--\+aUWQ .index-module__item--\+x0\+e {
        flex-basis: 100%
    }

    .index-module__layout--\+aUWQ .index-module__item--\+x0\+e:nth-of-type(n+2) {
        margin-top: 20px
    }
}

.index-module__navWrap--YpwlF {
    background: #fff;
    height: 77px;
    min-width: 1280px;
    width: 100%
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 {
    background: #fff;
    box-shadow: 0 6px 28px rgba(0,23,70,.05);
    box-sizing: border-box;
    display: flex;
    height: 77px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 calc(50% - 600px);
    top: 0;
    width: 100%;
    z-index: 600
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB {
    box-sizing: border-box;
    cursor: pointer;
    flex: 1 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 77px;
    letter-spacing: .003em;
    padding: 16px 0;
    position: relative;
    text-align: center;
    text-decoration: none
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB .index-module__navTitle--RhSO3 {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 6px
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB .index-module__navDes--4E4Pn {
    color: #41464f;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 17px
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB .index-module__navDes--4E4Pn em {
    color: #f50505;
    font-style: normal
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB:hover .index-module__navTitle--RhSO3 {
    color: #1664ff
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB:hover .index-module__navDes--4E4Pn {
    color: #1664ff;
    opacity: .8
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB:hover .index-module__navDes--4E4Pn em {
    color: #1664ff
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navActive---BKTm {
    background: linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%)
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navActive---BKTm .index-module__navTitle--RhSO3 {
    color: #fff!important
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navActive---BKTm .index-module__navDes--4E4Pn {
    color: #fff!important;
    opacity: .8
}

.index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navActive---BKTm .index-module__navDes--4E4Pn em {
    color: #fff!important
}

@media screen and (max-width: 1023px) {
    .index-module__navWrap--YpwlF {
        height:54px;
        min-width: 100%;
        width: 100%
    }

    .index-module__navWrap--YpwlF .index-module__nav--7M8d3 {
        -ms-overflow-style: none;
        box-shadow: 0 15px 35px -2px rgba(143,158,187,.05),0 5px 15px rgba(143,158,187,.05);
        box-sizing: border-box;
        display: flex;
        height: 54px;
        overflow-x: auto;
        padding: 0 12px;
        scrollbar-width: none;
        white-space: nowrap;
        width: 100%
    }

    .index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB {
        box-sizing: border-box;
        color: #020814;
        display: inline-block;
        font-weight: 400;
        height: 54px;
        padding: 0
    }

    .index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB .index-module__navTitle--RhSO3 {
        height: 54px;
        line-height: 54px
    }

    .index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB .index-module__navDes--4E4Pn {
        display: none
    }

    .index-module__navWrap--YpwlF .index-module__nav--7M8d3::-webkit-scrollbar {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .index-module__navWrap--YpwlF .index-module__nav--7M8d3 {
        display:block
    }

    .index-module__navWrap--YpwlF .index-module__nav--7M8d3 .index-module__navItem--RNzSB {
        padding: 0 16px
    }
}

.index-module__navWrap--QGpyv {
    min-width: 1200px;
    position: relative;
    width: 100%;
    z-index: 600
}

@media screen and (min-width: 1024px) {
    .index-module__navWrap--QGpyv {
        background-color:#f7f7f7;
        height: 28px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__navWrap--QGpyv {
        background:#fff;
        height: 54px;
        min-width: 100%
    }
}

.index-module__nav_box_pc--JP2pl {
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 8px;
    box-sizing: border-box;
    height: 88px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: -60px;
    transform: translateX(-50%);
    width: 1200px
}

@media screen and (max-width: 1023px) {
    .index-module__nav_box_pc--JP2pl {
        display:none
    }
}

.index-module__nav_box_mobile--0V5na {
    -ms-overflow-style: none;
    background-color: #fff;
    box-sizing: border-box;
    left: 0;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.index-module__nav_box_mobile--0V5na::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 1024px) {
    .index-module__nav_box_mobile--0V5na {
        display:none
    }
}

.index-module__nav_box--yJy3b {
    background-color: #fff;
    height: 100%;
    position: relative
}

@media screen and (min-width: 1024px) {
    .index-module__nav_box--yJy3b {
        display:flex;
        height: 80px;
        justify-content: space-between;
        position: relative
    }
}

@media screen and (max-width: 1023px) {
    .index-module__nav_box--yJy3b {
        display:block;
        height: 54px;
        top: 0!important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.index-module__navItem--NwCwh {
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    padding: 16px 0 16px 44px;
    position: relative;
    text-decoration: none;
    z-index: 2
}

@media screen and (min-width: 1024px) {
    .index-module__navItem--NwCwh {
        flex:1 1
    }
}

@media screen and (max-width: 1023px) {
    .index-module__navItem--NwCwh {
        box-sizing:border-box;
        color: #020814;
        display: inline-block;
        font-weight: 400;
        height: 54px;
        padding: 0 32px
    }
}

@media screen and (max-width: 767px) {
    .index-module__navItem--NwCwh {
        padding:0 16px
    }
}

.index-module__navTitle--LKhMV {
    color: #181818;
    font-size: 18px;
    line-height: 26px
}

@media screen and (min-width: 1024px) {
    .index-module__navTitle--LKhMV {
        font-weight:600;
        margin-bottom: 6px;
        transition: color .2s linear .3s
    }
}

@media screen and (max-width: 1023px) {
    .index-module__navTitle--LKhMV {
        font-size:14px;
        font-weight: 400;
        line-height: 54px;
        text-align: center
    }
}

.index-module__navDes--T18y- {
    color: #41464f;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 17px;
    transition: color .2s linear .3s
}

.index-module__navDes--T18y- em {
    color: #f50505;
    font-style: normal;
    transition: color .2s linear .3s
}

@media screen and (min-width: 1024px) {
    .index-module__navItem--NwCwh.index-module__active--G3H9P .index-module__navTitle--LKhMV {
        color:#fff
    }

    .index-module__navItem--NwCwh.index-module__active--G3H9P .index-module__navDes--T18y- {
        color: #fff;
        opacity: .8
    }
}

.index-module__navItem--NwCwh.index-module__active--G3H9P .index-module__navDes--T18y- em {
    color: #fff!important
}

@media screen and (max-width: 1023px) {
    .index-module__navItem--NwCwh.index-module__select_active--c5bAj {
        background:linear-gradient(54.69deg,#1664ff 32.77%,#6d9fff 93.5%)
    }

    .index-module__navItem--NwCwh.index-module__select_active--c5bAj .index-module__navTitle--LKhMV {
        color: #fff!important;
        font-weight: 600
    }
}

.index-module__nav_slider--gswCd {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: left .5s;
    width: 25%;
    z-index: 1
}

@media screen and (max-width: 1023px) {
    .index-module__nav_slider--gswCd {
        display:none
    }
}

@media screen and (max-width: 1279px) and (min-width:1024px) {
    .activitySalesBody {
        background-color:#fff;
        min-width: 1280px;
        overflow-x: auto
    }
}

.index-module__sideNavWrap--eCyIe {
    bottom: 40vh;
    font-family: PingFang SC;
    left: 0;
    padding-left: 20px;
    position: fixed;
    visibility: hidden;
    z-index: 10
}

@media screen and (min-width: 1920px) {
    .index-module__sideNavWrap--eCyIe {
        left:0;
        padding-left: 35px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__sideNavWrap--eCyIe {
        display:none!important
    }
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 4px 6px 0;
    position: relative;
    transform: translateX(-150px);
    transition: all .3s ease-in-out;
    width: 90px
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__title--mssMF {
    align-items: center;
    color: #ddebff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 66px;
    line-height: 24px;
    text-align: center
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__navInner--ZUOI3 {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 7.5px 0;
    width: 100%
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__navInner--ZUOI3 .index-module__navItem--Tjc1q {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 39px;
    justify-content: center
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__navInner--ZUOI3 .index-module__navItem--Tjc1q .index-module__navLink--S1NJN {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    opacity: .6
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__navInner--ZUOI3 .index-module__navItem--Tjc1q .index-module__navLink--S1NJN.index-module__active--9oMpr,.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__navInner--ZUOI3 .index-module__navItem--Tjc1q .index-module__navLink--S1NJN:hover {
    color: #384cff;
    font-weight: 500;
    opacity: 1
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__navInner--ZUOI3 .index-module__navItem--Tjc1q .index-module__navLinkHighlight--boxy6 {
    all: unset;
    color: #fe560e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_active--Xg698 .index-module__switchButtonWrap--xy4ck {
    align-items: center;
    color: #ddebff;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 100%
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_fold--2ekq4 {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 20px;
    padding: 16px 15px 0;
    position: absolute;
    top: 50%;
    transform: translate(-150px,-50%);
    transition: all .3s ease-in-out;
    width: 48px
}

@media screen and (min-width: 1920px) {
    .index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_fold--2ekq4 {
        left:35px
    }
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_fold--2ekq4 .index-module__title--mssMF {
    align-items: center;
    color: #fffde9;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 92px;
    line-height: 23px;
    text-align: center
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_fold--2ekq4 .index-module__switchButtonWrap--xy4ck {
    align-items: center;
    color: #fffde9;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 100%
}

.index-module__sideNavWrap--eCyIe .index-module__sideNavContentWrap_fold--2ekq4 .index-module__switchButtonWrap--xy4ck svg {
    transform: rotate(90deg)
}

.index-module__sideNavWrap--eCyIe.index-module__showSideNav--zUwMj {
    visibility: visible
}

.index-module__sideNavWrap--eCyIe.index-module__showSideNav--zUwMj .index-module__sideNavContentWrap_active--Xg698.index-module__isFold--J7Gqe {
    transform: translateX(0)
}

.index-module__sideNavWrap--eCyIe.index-module__showSideNav--zUwMj .index-module__sideNavContentWrap_fold--2ekq4.index-module__isFold--J7Gqe {
    transform: translateY(-50%)
}

.index-module__sideNavWrap--eCyIe.index-module__showSideNav--zUwMj:hover .index-module__sideNavContentWrap_active--Xg698 {
    transform: translateX(0)
}

.index-module__sideNavWrap--eCyIe.index-module__showSideNav--zUwMj:hover .index-module__sideNavContentWrap_fold--2ekq4 {
    transform: translate(-150px,-50%)
}

.index-module__scenes--67Bao {
    background: linear-gradient(180deg,#2548ff,#1997ff);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 60px calc(50% - 600px);
    width: 100%
}

.index-module__scenes--67Bao .index-module__header--1N8Tc {
    color: #fff;
    margin-top: 28px;
    width: 285px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__titles--5evBi {
    font-family: PingFang SC;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .003em;
    line-height: 40px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr {
    margin-top: 24px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m {
    cursor: pointer;
    display: flex;
    margin-top: 16px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m .index-module__bar--eJKYH {
    background: hsla(0,0%,100%,.5);
    flex: 0 0 2px;
    margin-right: 18px;
    margin-top: 4px;
    position: relative;
    width: 2px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m .index-module__bar--eJKYH .index-module__progress--35Rvk {
    background: #fff;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: height 0s;
    width: 100%
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m .index-module__bar--eJKYH .index-module__progressActived--mbUrS {
    height: 100%;
    transition: height 6s linear
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m .index-module__content--zIwNU {
    width: 220px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m .index-module__content--zIwNU .index-module__title--HRIzF {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr .index-module__feature--qb8\+m .index-module__content--zIwNU .index-module__description--5faK7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 7px
}

.index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT {
    display: none
}

.index-module__scenes--67Bao .index-module__cards--RMAgv {
    display: flex;
    width: 895px
}

.index-module__scenes--67Bao .index-module__cards--RMAgv .index-module__card--fnp0M:nth-of-type(n+2) {
    margin-left: 20px
}

@media screen and (min-width: 1024px) {
    .index-module__scenes--67Bao .index-module__header--1N8Tc {
        align-content:center;
        display: flex;
        flex-direction: column
    }
}

@media screen and (min-width: 1023px) and (max-width:1280px) {
    .index-module__scenes--67Bao {
        padding-left:40px;
        padding-right: 40px;
        width: 1280px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__scenes--67Bao {
        flex-direction:column;
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px;
        width: 100%
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc {
        width: 100%
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__titles--5evBi {
        margin: 0 auto;
        text-align: center
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__features--Maulr {
        display: none
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT {
        display: block;
        /* height:150px; */
        margin-top: 36px;
        overflow-x: hidden;
        position: relative;
        width: 100%
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__feature--qb8\+m {
        position: absolute;
        text-align: center;
        transform: translateX(-50%);
        transition: left 1s linear;
        width: 220px
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__feature--qb8\+m .index-module__bar--eJKYH {
        background: hsla(0,0%,100%,.5);
        height: 2px;
        margin: 0 auto;
        width: 66px
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__feature--qb8\+m .index-module__bar--eJKYH .index-module__progress--35Rvk {
        background: #fff;
        height: 2px;
        left: 0;
        position: absolute;
        top: 0;
        transition: height 0s;
        width: 0
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__feature--qb8\+m .index-module__bar--eJKYH .index-module__progressActived--mbUrS {
        transition: width 6s linear;
        width: 100%
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__feature--qb8\+m .index-module__content--zIwNU .index-module__title--HRIzF {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 16px
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__feature--qb8\+m .index-module__content--zIwNU .index-module__description--5faK7 {
        color: #fff;
        font-family: PingFang SC;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .003em;
        line-height: 20px;
        margin-top: 10px;
        opacity: .9;
        text-align: left
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__activedFeature--PYR\+f {
        width: 220px
    }

    .index-module__scenes--67Bao .index-module__header--1N8Tc .index-module__mobFeatures--UtkRT .index-module__activedFeature--PYR\+f .index-module__bar--eJKYH {
        width: 100%
    }

    .index-module__scenes--67Bao .index-module__cards--RMAgv {
        flex-direction: column;
        padding: 64px 24px 48px;
        width: 100%
    }

    .index-module__scenes--67Bao .index-module__cards--RMAgv .index-module__card--fnp0M:nth-of-type(n+2) {
        margin-left: 0;
        margin-top: 20px
    }
}

.index-module__activities--l9nPJ {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 60px;
    width: 1200px
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 {
    background-color: #fff;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 180px;
    padding: 28px 30px 24px;
    position: relative;
    text-decoration: none;
    transition: box-shadow .3s;
    width: 387px
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__title--eZFfy {
    color: #1e2128;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__description--R9z7T {
    color: #505968;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__go--cGIvq {
    align-items: center;
    bottom: 24px;
    color: #1664ff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    left: 32px;
    line-height: 20px;
    position: absolute
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__go--cGIvq svg {
    display: inline-block;
    margin-left: 4px
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__badge--YiPog {
    background: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    background-image: url(./images/card-badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 0 20px;
    height: 22px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transform: translateY(-1px);
    width: 75px;
    z-index: 0
}

.index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__badge--YiPog .index-module__text--I2795 {
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    line-height: 22px;
    padding-left: 5px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.index-module__activities--l9nPJ .index-module__card--B6mk6:hover {
    box-shadow: 0 0 16px rgba(16,15,54,.02),0 12px 18px rgba(20,14,53,.1);
    transition: box-shadow .3s
}

.index-module__activities--l9nPJ .index-module__card--B6mk6:nth-of-type(n+4) {
    margin-top: 20px
}

@media screen and (max-width: 1023px) {
    .index-module__activities--l9nPJ {
        box-sizing:border-box;
        margin-bottom: 48px;
        padding: 0 24px;
        width: 100%
    }

    .index-module__activities--l9nPJ .index-module__card--B6mk6 {
        padding: 28px 24px 24px;
        width: calc(50% - 10px)
    }

    .index-module__activities--l9nPJ .index-module__card--B6mk6 .index-module__go--cGIvq {
        bottom: 24px;
        left: 24px;
        position: absolute
    }

    .index-module__activities--l9nPJ .index-module__card--B6mk6:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__activities--l9nPJ .index-module__card--B6mk6 {
        width:100%
    }

    .index-module__activities--l9nPJ .index-module__card--B6mk6:nth-of-type(n+2) {
        margin-top: 20px
    }
}

.index-module__more_product_module_bg--2KvW5 {
    background: #f9f9f9;
    height: 100%;
    width: 100%
}

.index-module__more_product_module--C6wIw {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .index-module__more_product_module--C6wIw {
        display:flex;
        width: 1200px
    }
}

.index-module__tab_wrap_pc--4gQt8 {
    flex-grow: 1;
    margin-bottom: 50px;
    position: relative
}

.index-module__tab_box_pc--7aoAR {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9
}

@media (max-width: 1023px) {
    .index-module__tab_box_pc--7aoAR {
        display:none
    }
}

.index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3 {
    align-items: center;
    color: #020814;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    padding: 14px 24px;
    transition: font-size .3s
}

.index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3.index-module__active--syJYF {
    font-weight: 500
}

@media (max-width: 1439px) {
    .index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3 {
        width:276px
    }
}

@media (min-width: 1024px) {
    .index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3 {
        border-radius:8px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3:hover {
        background: rgba(22,100,255,.08);
        color: #1664ff
    }

    .index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3.index-module__last--efKLz {
        margin-bottom: 0
    }

    .index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3.index-module__active--syJYF {
        background: #1664ff;
        color: #fff;
        font-size: 18px
    }

    .index-module__tab_box_pc--7aoAR .index-module__tab_pc_btn--Mbto3.index-module__active--syJYF .index-module__btn_icon--4h5k6 {
        background-position-y: 100%
    }
}

.index-module__tab_box_pc--7aoAR .index-module__btn_icon--4h5k6 {
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100% 200%;
    display: block;
    height: 28px;
    margin-right: 16px;
    width: 28px
}

@media (min-width: 1024px) {
    .index-module__tab_box_pc--7aoAR {
        width:276px
    }
}

.index-module__tab_box_mobile--nC7\+w {
    text-align: center
}

@media (min-width: 1024px) {
    .index-module__tab_box_mobile--nC7\+w {
        display:none
    }
}

.index-module__kind_panel_box--FnEaW {
    margin-left: 32px;
    width: 895px
}

@media screen and (max-width: 1023px) {
    .index-module__kind_panel_box--FnEaW {
        margin:0;
        padding: 20px 24px 0;
        width: 100%
    }
}

.index-module__tabs_wrap--uf-3C {
    display: inline-flex;
    margin: 0 auto;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none
}

.index-module__tabs_wrap--uf-3C::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 1023px) {
    .index-module__tabs_wrap--uf-3C {
        margin-left:24px;
        padding-bottom: 14px
    }
}

.index-module__tab_pane_wrap--rfjf\+ {
    cursor: pointer;
    flex-shrink: 0
}

.index-module__tab_pane_wrap--rfjf\+:first-child>.index-module__tab_pane--Y62FN {
    margin-left: 0!important
}

.index-module__tab_pane--Y62FN.index-module__active--CQge4 {
    color: #1664ff;
    font-weight: 500
}

@media screen and (max-width: 1023px) {
    .index-module__tab_pane--Y62FN {
        color:#4e5969;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        margin: 0 16px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__tab_pane--Y62FN {
        color:#4e5969;
        font-size: 18px;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        margin: 0 32px
    }

    .index-module__tab_pane--Y62FN:hover {
        color: #1664ff
    }
}

.index-module__tab_line--6YlZp {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    bottom: 0;
    position: absolute;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1)
}

@media screen and (max-width: 1023px) {
    .index-module__tab_line--6YlZp {
        border-bottom:2px solid #1664ff;
        height: 2px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__tab_line--6YlZp {
        border-bottom:3px solid #1664ff;
        height: 3px
    }
}

.index-module__more_activity--kGSLv {
    color: #41464f;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

@media screen and (max-width: 1023px) {
    .index-module__more_activity--kGSLv {
        margin-bottom:48px;
        margin-top: 34px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__more_activity--kGSLv {
        margin-bottom:72px;
        margin-top: 24px
    }
}

.index-module__more_activity--kGSLv>svg {
    margin-left: 8px;
    transform: rotate(90deg);
    transform-origin: center;
    transition: .5s;
    vertical-align: middle
}

.index-module__more_activity--kGSLv:hover {
    color: #4281ff
}

.index-module__more_activity--kGSLv:hover>svg path {
    stroke: #4281ff
}

.index-module__more_activity--kGSLv.index-module__on--ymF7C>svg {
    transform: rotate(270deg)
}

.index-module__panel_wrap--Aw09L {
    background: #f9f9f9;
    height: 100%;
    width: 100%
}

.index-module__panel_wrap--Aw09L.index-module__no_show_more--jLrwR {
    margin-bottom: 50px
}

@media screen and (max-width: 767px) {
    .index-module__panel_wrap--Aw09L.index-module__no_show_more--jLrwR {
        margin-bottom:34px
    }
}

.index-module__panel_box--yOPxp {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(1,1fr)
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__panel_box--yOPxp {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 767px) {
    .index-module__panel_box--yOPxp {
        grid-template-columns:repeat(1,1fr)
    }
}

.index-module__common_container--e7AhX {
    background-color: #fff;
    padding-bottom: 60px
}

@media screen and (max-width: 1023px) {
    .index-module__common_container--e7AhX {
        padding-bottom:48px
    }
}

.index-module__center_container--VOPQ6 {
    margin: 0 auto;
    min-width: 1200px;
    width: 1200px
}

@media screen and (max-width: 1023px) {
    .index-module__center_container--VOPQ6 {
        margin:unset;
        min-width: unset;
        padding: 0 24px;
        width: auto
    }
}

.index-module__mobile--A6CLC {
    display: none
}

.index-module__mobile--A6CLC a,.index-module__mobile--A6CLC a:active,.index-module__mobile--A6CLC a:hover,.index-module__mobile--A6CLC a:link,.index-module__mobile--A6CLC a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__carousel--5VrBS {
    background: #f8f9fe;
    border-radius: 8px;
    height: 254px;
    overflow-x: hidden
}

.index-module__cases--L3mTh {
    height: 100%;
    overflow-x: visible;
    transition: transform 1s;
    white-space: nowrap
}

.index-module__case--oeaTb {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 32px 40px;
    position: relative;
    vertical-align: top;
    width: 100%
}

.index-module__case--oeaTb img {
    height: 44px
}

.index-module__case--oeaTb .index-module__context--Xjjk3 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #4e5969;
    display: -webkit-box;
    margin-top: 10px;
    overflow: hidden;
    white-space: pre-wrap
}

.index-module__button--etY0\+,.index-module__case--oeaTb .index-module__context--Xjjk3 {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__button--etY0\+ {
    background-color: transparent;
    border: none;
    bottom: 32px;
    color: #1664ff;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute
}

.index-module__button--etY0\+:hover {
    color: #4086ff
}

.index-module__button--etY0\+:active {
    color: #0e49d2
}

.index-module__button--etY0\+ svg {
    stroke-width: 5;
    font-size: 13px;
    margin-left: 4px
}

.index-module__capabilities-items--ToWhb {
    bottom: 12px;
    position: absolute;
    white-space: pre-wrap;
    width: calc(100% - 48px)
}

.index-module__capabilities-item--P7vW6 {
    background: #f2f3f8;
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-bottom: 12px;
    margin-right: 20px;
    padding: 7px 16px
}

.index-module__capabilities-item--P7vW6:hover {
    color: #1664ff!important;
    font-weight: 500
}

.index-module__dots--cZMDn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.index-module__dot--YKbnD {
    background: rgba(22,100,255,.1);
    border-radius: 100%;
    cursor: pointer;
    height: 6px;
    width: 6px
}

.index-module__dot--YKbnD.index-module__active--CvRmq {
    background: #1664ff
}

.index-module__dot--YKbnD+.index-module__dot--YKbnD {
    margin-left: 8px
}

@media screen and (max-width: 1023px) {
    .index-module__mobile--A6CLC {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__case--oeaTb {
        padding:24px
    }

    .index-module__button--etY0\+ {
        bottom: 24px
    }

    .index-module__carousel--5VrBS.index-module__has_capabilities--SwWNp {
        height: 352px
    }
}

.index-module__more--dop01 {
    margin-top: 49px
}

.index-module__more--dop01 h3 {
    margin: 0;
    padding: 0
}

.index-module__title--clogW {
    align-items: center;
    color: rgba(78,89,105,.6);
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__title--clogW span {
    margin: 0 37px;
    white-space: nowrap
}

.index-module__deco_left--rJ052 {
    background: linear-gradient(90deg,hsla(0,0%,95%,0),#d5dce8 96.75%);
    height: 1px;
    width: 528px
}

.index-module__deco_right--E2rir {
    background: linear-gradient(90deg,#d5dce8,hsla(0,0%,95%,0) 96.75%);
    height: 1px;
    width: 528px
}

.index-module__content--\+XL32 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-around;
    margin-top: 7px
}

.index-module__content--\+XL32 .index-module__img-wrap--4DTy1 {
    display: flex;
    height: 47px;
    justify-content: center;
    margin: 25px 0;
    width: 24%
}

.index-module__content--\+XL32 img {
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 1023px) {
    .index-module__more--dop01 {
        margin-top:32px
    }

    .index-module__title--clogW span {
        margin: 0 12px
    }

    .index-module__deco_left--rJ052,.index-module__deco_right--E2rir {
        width: 109px
    }
}

@media screen and (max-width: 767px) {
    .index-module__content--\+XL32 {
        justify-content:space-between;
        margin-top: 20px
    }

    .index-module__content--\+XL32 .index-module__img-wrap--4DTy1 {
        margin: 12px 0;
        width: 45%
    }
}

.index-module__pc--rl-Zj {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 10px rgba(51,65,101,.05),0 3px 18px rgba(51,65,101,.15);
    height: 400px;
    position: relative
}

.index-module__pc--rl-Zj a,.index-module__pc--rl-Zj a:active,.index-module__pc--rl-Zj a:hover,.index-module__pc--rl-Zj a:link,.index-module__pc--rl-Zj a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__case_names--0HoFp {
    left: 87px;
    position: absolute;
    top: 52px
}

.index-module__case_names--0HoFp span {
    color: #86909c;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0 15px;
    white-space: nowrap
}

.index-module__case_names--0HoFp span:hover {
    color: #80838a
}

.index-module__case_names--0HoFp .index-module__active--wFtAB {
    color: #1664ff!important;
    font-weight: 500
}

.index-module__case_names--0HoFp .index-module__deco--xzP6K {
    background: linear-gradient(90deg,#f2f2f2,hsla(0,0%,95%,0) 96.75%);
    height: 1px;
    position: absolute;
    top: 36px;
    width: 601px
}

.index-module__case_names--0HoFp .index-module__line--6N2Vg {
    background: #1664ff;
    border-radius: 12px 12px 0 0;
    height: 2px;
    position: absolute;
    top: 35px;
    transition: width .5s,transform .5s
}

.index-module__case_content--jrTO8 {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 1s;
    width: 100%
}

.index-module__case_content--jrTO8.index-module__active--wFtAB {
    opacity: 1;
    pointer-events: all
}

.index-module__left_part--Em3Be {
    padding: 123px 0 0 87px;
    width: 500px
}

.index-module__left_part--Em3Be img {
    height: 48px
}

.index-module__left_part--Em3Be .index-module__context--6blMv {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px;
    width: 500px
}

.index-module__button--VF\+Kh {
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 26px;
    margin: 30px 0 0;
    outline: none;
    padding: 12px 31.5px
}

.index-module__button--VF\+Kh:hover {
    background: #4281ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__button--VF\+Kh:active {
    background: #05f;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__capabilities--dVVh- {
    margin-top: 34px
}

.index-module__capabilities-title--g8XCx {
    color: #86909c;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__capabilities-items--lu2Jr {
    margin-top: 12px
}

.index-module__capabilities-item--C3ilP {
    background: #f2f3f8;
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    padding: 7px 16px
}

.index-module__capabilities-item--C3ilP:hover {
    color: #1664ff!important;
    font-weight: 500
}

.index-module__capabilities-item--C3ilP+.index-module__capabilities-item--C3ilP {
    margin-left: 20px
}

.index-module__right_img--Q3-W\+ {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 580px
}

@media screen and (max-width: 1023px) {
    .index-module__pc--rl-Zj {
        display:none
    }
}

.index-module__mobile--e5JgL {
    display: none;
    width: 100%
}

.index-module__mobile--e5JgL a,.index-module__mobile--e5JgL a:active,.index-module__mobile--e5JgL a:hover,.index-module__mobile--e5JgL a:link,.index-module__mobile--e5JgL a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--TYNLL {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    height: 350px;
    overflow-x: scroll;
    width: 100%
}

.index-module__frame--fTEQN {
    box-sizing: border-box;
    height: 98%;
    padding: 24px
}

.index-module__sub_content--JAo5Z {
    margin: 24px 0 16px
}

.index-module__sub_title--A2nUG {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--7qf3U,.index-module__sub_title--A2nUG {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--7qf3U {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--7qf3U svg {
    margin-right: 8px
}

.index-module__product_content--Ftx4E {
    border-bottom: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef;
    padding: 16px 0
}

.index-module__product_a--3SOC-:nth-child(odd) {
    margin-left: 10px
}

.index-module__product_btn--aUxSS {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding: 0;
    width: calc(50% - 5px)
}

.index-module__product_btn--aUxSS:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--aUxSS:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--aUxSS img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 767px) {
    .index-module__mobile--e5JgL {
        display:block
    }
}

.index-module__frameBox--ySKL4 {
    background: #f2f3f8;
    border-radius: 12px 0 0 12px;
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 {
    bottom: 23px;
    left: 47px;
    position: absolute;
    z-index: 3
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 button {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6e8;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    height: 36px;
    padding: 10px
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 button:hover {
    box-shadow: 0 4px 6px rgba(40,40,40,.25)
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 button span {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-left: 7px
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__disable--h1HgR {
    cursor: not-allowed
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__plus--C\+9KI {
    font-size: 24px
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__reset--O2lT4 {
    margin-bottom: 12px;
    position: relative
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__pop-over--7KZYh {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: -140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__pop-over--7KZYh.index-module__hidden--RysRU {
    opacity: 0;
    visibility: hidden
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__pop-over--7KZYh.index-module__hidden--RysRU.index-module__show--J4FfP {
    opacity: 1;
    visibility: visible
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__pop-content--qsWXU {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    box-shadow: 0 4px 10px #000;
    box-sizing: border-box;
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__rhombus--s2ARb {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-bottom: none;
    border-bottom-right-radius: 2px;
    border-left: none;
    height: 8px;
    margin-left: -4px;
    transform: rotate(45deg);
    width: 8px
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__iconFullscreen--JyEnf {
    stroke-width: 6;
    color: #4e5969;
    height: 16px;
    width: 16px
}

.index-module__frameBox--ySKL4 .index-module__tools--Cefx0 .index-module__minusSymbol--YZcWr {
    background-color: #fff;
    border-radius: .5px;
    height: 2.4px;
    margin: auto;
    width: 12px
}

.index-module__frameBox--ySKL4 .index-module__zoom-content--w-UA2,.index-module__frameBox--ySKL4 .index-module__zoom-wrapper--Egx\+I {
    height: 100%!important;
    width: 100%!important
}

.index-module__frameBox--ySKL4 .index-module__innerWrap--1oaxH {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.index-module__frameBox--ySKL4 .index-module__innerWrap--1oaxH .index-module__picture--cjDzV {
    max-height: 100%;
    max-width: min(100%,820px);
    object-fit: contain
}

.index-module__isPcZoom--3BsYB {
    cursor: zoom-in
}

@media screen and (max-width: 1023px) {
    .index-module__frameBox--ySKL4 {
        border-radius:8px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .index-module__frameBox--ySKL4 .index-module__innerWrap--1oaxH {
        box-sizing: border-box
    }
}

.index-module__modal-wrap--6nxVK {
    background-color: #f7f7f9;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__modal-wrap--6nxVK .index-module__picture--cjDzV {
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    width: 90vw
}

.index-module__modal-wrap--6nxVK .arco-modal-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.index-module__modal-wrap--6nxVK .arco-icon-hover:hover:before {
    height: 26px;
    width: 26px
}

.index-module__modal-wrap--6nxVK .arco-icon-close {
    height: 20px;
    width: 20px
}

.index-module__pad--dbpWK {
    display: none;
    width: 100%
}

.index-module__pad--dbpWK a,.index-module__pad--dbpWK a:active,.index-module__pad--dbpWK a:hover,.index-module__pad--dbpWK a:link,.index-module__pad--dbpWK a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--jZtZv {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    width: 100%
}

.index-module__content--Eycc- {
    display: flex;
    padding-top: 24px;
    width: 100%
}

.index-module__sub_content---Op5\+ {
    flex-shrink: 0;
    width: 263px
}

.index-module__sub_title--wSh6X {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--4dHYA,.index-module__sub_title--wSh6X {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--4dHYA {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--4dHYA svg {
    margin-right: 8px
}

.index-module__product_content--NmU53 {
    border-left: 1px solid #e5e8ef;
    flex-grow: 1;
    padding-left: 32px
}

.index-module__product_a--hFNg3:nth-child(odd) {
    margin-left: 12px
}

.index-module__product_btn--qEw3m {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding: 0;
    width: calc(50% - 6px)
}

.index-module__product_btn--qEw3m:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--qEw3m:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--qEw3m img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 1023px) {
    .index-module__pad--dbpWK {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__pad--dbpWK {
        display:none
    }
}

.index-module__pc--sMaQ8 {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    display: flex;
    height: 660px;
    width: 1200px
}

.index-module__pc--sMaQ8 a,.index-module__pc--sMaQ8 a:active,.index-module__pc--sMaQ8 a:hover,.index-module__pc--sMaQ8 a:link,.index-module__pc--sMaQ8 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--\+20Uh {
    flex-grow: 1;
    height: 100%
}

.index-module__content---Cp8B {
    background: #fff;
    border-radius: 0 12px 12px 0;
    flex-shrink: 0;
    padding: 32px 28px;
    width: 277px
}

.index-module__sub--kpypq+.index-module__sub--kpypq {
    margin-top: 19px
}

.index-module__sub_title--ZOoSK {
    color: #181818;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 7px;
    padding: 0
}

.index-module__sub_desc--zXVo6 {
    align-items: center;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 5px 0
}

.index-module__sub_desc--zXVo6 svg {
    margin-right: 4px
}

.index-module__button--5Ke7W {
    align-items: center;
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    margin: 19px 0 5px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%
}

.index-module__button--5Ke7W:hover {
    background: #4281ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__button--5Ke7W:active {
    background: #05f;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__cutting_line--a-mId {
    background: #e5e8ef;
    height: 1px;
    margin: 19px 0 24px;
    width: 100%
}

.index-module__product_btn--TaUmX {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 8px 0 4px;
    outline: none;
    padding: 0;
    width: 150px
}

.index-module__product_btn--TaUmX:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--TaUmX:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--TaUmX img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 1679px) {
    .index-module__pc--sMaQ8 {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pc--sMaQ8 {
        display:none
    }
}

.index-module__layoutGridWrap--EHbnb {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layoutGridWrap--EHbnb {
        width:720px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutGridWrap--EHbnb {
        padding:0 24px;
        width: 100%
    }
}

.index-module__layoutContentGridWrap--Qr0mj {
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layoutContentGridWrap--Qr0mj {
        grid-row-gap:16px;
        grid-column-gap: 16px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutContentGridWrap--Qr0mj {
        grid-row-gap:16px;
        grid-column-gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr
    }
}

.index-module__tag_box--EC9go {
    background: #f6f8fa;
    border-radius: 4px;
    display: inline-block;
    line-height: 20px;
    margin-right: 8px;
    padding: 0 8px
}

.index-module__tag_box--EC9go>div {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .index-module__tag_box--EC9go.index-module__white--UfT\+4 {
        background-color:#fff
    }
}

.index-module__tag_icon--kFLvP {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.index-module__tag_text--D-9gl {
    color: #80838a;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.index-module__industry_card_wrap--Nv\+fQ {
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    width: 384px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--Nv\+fQ {
        border-radius:8px 8px 0 0;
        width: 352px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ {
        background:#f8f9fe;
        border: none;
        border-radius: 8px;
        width: 100%
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ {
    border: 1px solid #eaedf1;
    border-radius: 12px;
    box-sizing: border-box;
    height: 216px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ {
        border-radius:8px;
        height: 198px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ {
        border-radius:8px 8px 0 0;
        height: 184px;
        margin-bottom: 20px
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ>img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ>img {
        border:none
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ>.index-module__pc_img--0cD-e {
    display: none
}

@media screen and (min-width: 768px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ>.index-module__pc_img--0cD-e {
        display:block
    }
}

@media (any-hover: hover) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ:hover .index-module__pc_img--0cD-e {
        transform:scale(1.1);
        transition: .25s ease
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ>.index-module__m_img--d\+XM- {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__img_box--7zkIJ>.index-module__m_img--d\+XM- {
        display:block
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__btn_cover--3yBTx {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.3));
    bottom: 0;
    height: 52px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: .5s;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__btn_cover--3yBTx {
        display:none
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__pc_btn--UKYhW {
    bottom: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    right: 24px;
    transition: .5s
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__pc_btn--UKYhW {
        display:none
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__pc_btn--UKYhW>svg {
    margin-left: 6px
}

@media screen and (min-width: 768px) {
    .index-module__industry_card_wrap--Nv\+fQ:hover .index-module__btn_cover--3yBTx,.index-module__industry_card_wrap--Nv\+fQ:hover .index-module__pc_btn--UKYhW {
        opacity:1
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__content_bottom--z4TR- {
        padding:0 20px 20px
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__title--0ZJw1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #181818;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__title--0ZJw1 {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (max-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__title--0ZJw1 {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__title--0ZJw1 {
        font-size:16px;
        line-height: 24px
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__description--mOuV\+ {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #41464f;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 22px;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__description--mOuV\+ {
        font-size:14px;
        height: 40px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__description--mOuV\+ {
        font-size:14px;
        height: 40px;
        line-height: 20px;
        margin: 8px 0 12px
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__tag_wrap--wuT6J {
    height: 22px;
    overflow: hidden;
    width: 100%
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__mobile_btn--yk4Bk {
    color: #1664ff;
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--Nv\+fQ .index-module__mobile_btn--yk4Bk {
        display:block;
        margin-top: 20px
    }
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__mobile_btn--yk4Bk>svg {
    margin-left: 6px
}

.index-module__industry_card_wrap--Nv\+fQ .index-module__mobile_btn--yk4Bk>svg>path {
    stroke: #1664ff
}

.index-module__industry_activity--jajd5 {
    background: #fff;
    position: relative
}

@media screen and (max-width: 1023px) {
    .index-module__industry_activity--jajd5.index-module__off--aRdh9 {
        padding-bottom:48px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__industry_activity--jajd5.index-module__off--aRdh9 {
        padding-bottom:80px
    }
}

.index-module__cards--4XsiL {
    display: flex;
    justify-content: space-between
}

.index-module__card--33Lnf {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 54px 36px;
    width: calc(50% - 16px)
}

.index-module__title--\+\+aGL {
    color: #181818;
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    margin: unset
}

.index-module__items--W\+nGX,.index-module__title--\+\+aGL {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .003em
}

.index-module__items--W\+nGX {
    color: #4e5969;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 24px
}

.index-module__item--wDazj {
    align-items: center;
    display: flex
}

.index-module__item--wDazj svg {
    flex-shrink: 0
}

.index-module__item--wDazj span {
    margin-left: 8px
}

.index-module__item--wDazj+.index-module__item--wDazj {
    margin-top: 6px
}

.index-module__buttons--9lBdy {
    margin-top: 48px
}

.index-module__button--xLpBJ {
    background: #1664ff;
    border-radius: 4px;
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 26px;
    padding: 12px 46.5px;
    text-decoration: none
}

.index-module__button--xLpBJ:nth-child(2) {
    background: unset;
    color: #1664ff;
    font-weight: 500;
    margin-left: 24px;
    padding: 12px 0
}

.index-module__button--xLpBJ:nth-child(2) svg {
    margin-left: 5px
}

@media screen and (max-width: 1023px) {
    .index-module__card--33Lnf {
        padding:36px 24px;
        width: calc(50% - 10px)
    }

    .index-module__title--\+\+aGL {
        color: #020814;
        font-size: 18px;
        line-height: 26px
    }

    .index-module__items--W\+nGX {
        margin-top: 12px
    }

    .index-module__buttons--9lBdy {
        margin-top: 30px
    }

    .index-module__button--xLpBJ {
        padding: 9px 24px
    }

    .index-module__button--xLpBJ:nth-child(2) {
        font-weight: 400;
        margin-left: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__cards--4XsiL {
        flex-direction:column
    }

    .index-module__card--33Lnf {
        width: 100%
    }

    .index-module__card--33Lnf+.index-module__card--33Lnf {
        margin-top: 20px
    }
}

.index-module__container--SeyYe {
    background-color: #fff;
    min-width: 1200px;
    padding-top: 80px
}

.index-module__container--SeyYe h2 {
    margin: 0;
    padding: 0
}

.index-module__head--0BFie {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    width: 100%
}

.index-module__head--0BFie a,.index-module__head--0BFie a:active,.index-module__head--0BFie a:hover,.index-module__head--0BFie a:link,.index-module__head--0BFie a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__title---T0j2 {
    color: #181818;
    flex: none;
    font-family: PingFang SC;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 48px;
    text-align: center
}

.index-module__desc--ScMgD {
    color: #4e5969;
    flex: none
}

.index-module__desc--ScMgD,.index-module__descArr--4fP8j {
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center
}

.index-module__descArr--4fP8j {
    color: #41464f
}

.index-module__title---T0j2+.index-module__desc--ScMgD,.index-module__title---T0j2+.index-module__descArr--4fP8j {
    margin-top: 12px
}

.index-module__compWrap--mTvk9 {
    margin: 0 auto;
    width: 1440px
}

.index-module__link-a--p87MQ {
    display: block;
    flex: none;
    margin-top: 16px
}

.index-module__link-a--p87MQ .index-module__link-panel--Cjyn2 {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center
}

.index-module__link-a--p87MQ .index-module__link-panel--Cjyn2 .index-module__link-arrow--\+ZH-g {
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__link-a--p87MQ .index-module__link-panel--Cjyn2 .index-module__link-arrow--\+ZH-g svg {
    height: 14px;
    width: 14px
}

.index-module__link-a--p87MQ .index-module__link-panel--Cjyn2:hover {
    color: #3888ff
}

.index-module__link-a--p87MQ .index-module__link-panel--Cjyn2:hover .index-module__link-arrow--\+ZH-g {
    right: -4px
}

.index-module__link-a--p87MQ .index-module__link-panel--Cjyn2:active {
    color: #014fe9
}

@media screen and (max-width: 1679px) {
    .index-module__compWrap--mTvk9 {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__container--SeyYe {
        min-width:unset;
        padding-bottom: 48px!important;
        padding-top: 48px
    }

    .index-module__head--0BFie {
        margin: 0 auto 32px
    }

    .index-module__title---T0j2 {
        font-size: 24px;
        line-height: 34px
    }

    .index-module__desc--ScMgD {
        font-size: 14px;
        line-height: 22px
    }

    .index-module__title---T0j2+.index-module__desc--ScMgD {
        margin-top: 8px
    }

    .index-module__descArr--4fP8j {
        font-size: 14px;
        line-height: 22px
    }

    .index-module__title---T0j2+.index-module__descArr--4fP8j {
        margin-top: 8px
    }

    .index-module__compWrap--mTvk9 {
        margin: unset;
        padding: 0 24px;
        width: auto
    }

    .index-module__link-a--p87MQ {
        margin-top: 8px
    }

    .index-module__head-for-trial--qtcwz .index-module__desc--ScMgD,.index-module__head-for-trial--qtcwz .index-module__title---T0j2 {
        color: #fff
    }
}

@media screen and (max-width: 767px) {
    .index-module__head-for-trial--qtcwz .index-module__title---T0j2 {
        color:#181818
    }

    .index-module__head-for-trial--qtcwz .index-module__desc--ScMgD {
        color: #4e5969
    }
}

.index-module__banner--1dJtk {
    font-family: PingFang SC;
    height: 590px;
    position: relative;
    width: 100vw
}

.index-module__banner--1dJtk .index-module__bg--PxAzY {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg0--uDpYG {
    height: 100%
}

.index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg1--0tCBr {
    display: none;
    height: 100%
}

.index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg2--ASHFb {
    display: none;
    width: 100%
}

.index-module__banner--1dJtk .index-module__content--9EsEE {
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 169px;
    transform: translateX(-50%);
    width: 1200px
}

.index-module__banner--1dJtk .index-module__content--9EsEE .index-module__tagWarp--VMiKj {
    height: 32px;
    margin-bottom: 12px
}

.index-module__banner--1dJtk .index-module__content--9EsEE .index-module__tagWarp--VMiKj .index-module__tag--n6LVd {
    -webkit-clip-path: polygon(95% 0,100% 100%,0 100%,0 0);
    clip-path: polygon(95% 0,100% 100%,0 100%,0 0);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    padding: 0 20px 0 16px;
    position: relative
}

.index-module__banner--1dJtk .index-module__content--9EsEE .index-module__title--1iHWr {
    color: #181818;
    font-size: 44px;
    font-weight: 500;
    height: 52px;
    letter-spacing: .002em;
    line-height: 52px;
    margin-bottom: 12px
}

.index-module__banner--1dJtk .index-module__content--9EsEE .index-module__explain--hovTK {
    color: hsla(0,0%,9%,.8);
    font-size: 18px;
    font-weight: 500;
    height: 26px;
    letter-spacing: .002em;
    line-height: 26px;
    margin-bottom: 40px
}

.index-module__banner--1dJtk .index-module__content--9EsEE .index-module__buttons--P2qYP .index-module__button--phokL {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 44px;
    line-height: 24px;
    margin-right: 16px;
    width: 113px
}

@media screen and (max-width: 1240px) and (min-width:1200px) {
    .index-module__banner--1dJtk .index-module__content--9EsEE {
        left:40px;
        transform: translateX(0)
    }
}

@media screen and (max-width: 1199px) and (min-width:768px) {
    .index-module__banner--1dJtk {
        height:336px
    }

    .index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg0--uDpYG {
        display: none
    }

    .index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg1--0tCBr {
        display: inline-block
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE {
        box-sizing: border-box;
        left: 0;
        padding-left: 89px;
        top: calc(50% + 24px);
        transform: translateY(-50%);
        width: 768px
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__tagWarp--VMiKj {
        margin-bottom: 8px
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__title--1iHWr {
        font-size: 32px;
        margin-bottom: 4px
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__explain--hovTK {
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner--1dJtk {
        height:calc(100vh - 58px);
        width: 100%
    }

    .index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg0--uDpYG,.index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg1--0tCBr {
        display: none
    }

    .index-module__banner--1dJtk .index-module__bg--PxAzY .index-module__bg2--ASHFb {
        display: inline-block
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        padding: 0 24px;
        top: 0;
        transform: translateZ(0);
        width: 100%
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__tagWarp--VMiKj {
        margin-top: 98px
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__title--1iHWr {
        font-size: 30px;
        letter-spacing: .002em
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__explain--hovTK {
        font-size: 18px;
        font-weight: 500
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__buttons--P2qYP {
        bottom: 32px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: calc(100% - 48px)
    }

    .index-module__banner--1dJtk .index-module__content--9EsEE .index-module__buttons--P2qYP .index-module__button--phokL {
        margin-right: 0;
        width: 156px
    }
}

.index-module__layout--q\+\+UT {
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 80px
}

.index-module__layout--q\+\+UT .index-module__header--sxYmF {
    font-family: PingFang SC;
    font-style: normal;
    margin-bottom: 65px
}

.index-module__layout--q\+\+UT .index-module__header--sxYmF .index-module__title--6j0zR {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    height: 52px;
    letter-spacing: .002em;
    line-height: 52px;
    text-shadow: 0 4.00241px 8.00482px rgba(0,0,0,.1)
}

.index-module__layout--q\+\+UT .index-module__header--sxYmF .index-module__explain--42DUf {
    color: hsla(0,0%,9%,.6);
    font-size: 20px;
    font-weight: 400;
    height: 22px;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 4px
}

.index-module__layout--q\+\+UT .index-module__content--qcEX8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 1259px) and (min-width:1000px) {
    .index-module__layout--q\+\+UT {
        width:940px
    }
}

@media screen and (max-width: 999px) and (min-width:768px) {
    .index-module__layout--q\+\+UT {
        width:620px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layout--q\+\+UT {
        padding-top:36px;
        width: 300px
    }

    .index-module__layout--q\+\+UT .index-module__header--sxYmF {
        font-family: PingFang SC;
        font-style: normal;
        margin-bottom: 25px
    }

    .index-module__layout--q\+\+UT .index-module__header--sxYmF .index-module__title--6j0zR {
        font-size: 24px
    }

    .index-module__layout--q\+\+UT .index-module__header--sxYmF .index-module__explain--42DUf {
        font-size: 16px
    }
}

.index-module__product--zT1QG {
    -webkit-filter: drop-shadow(0 6px 10px rgba(152,159,175,.4));
    filter: drop-shadow(0 6px 10px rgba(152,159,175,.4));
    font-family: PingFang SC;
    margin-bottom: 26px;
    min-height: 114px;
    position: relative;
    width: 285px
}

.index-module__product--zT1QG .index-module__content--qmQx8 {
    background: linear-gradient(180deg,#d9e0f9 -8.34%,#f7f7f7 35.9%);
    min-height: 114px;
    overflow: hidden;
    width: 100%
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA {
    box-sizing: border-box;
    height: 114px;
    padding: 26px 20px 0;
    width: 100%
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__title--YxXqU {
    color: #181818;
    font-size: 24px;
    font-weight: 500;
    height: 36px;
    letter-spacing: .2px;
    line-height: 36px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__explain--hxv5Q {
    color: #4e5969;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 6px;
    max-height: 44px;
    min-height: 20px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__icon--3qagL {
    display: none
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 {
    margin-top: 6px;
    min-height: 173px;
    padding: 0 20px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl {
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    cursor: pointer;
    min-height: 53px;
    position: relative
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__current--T-j\+6 {
    background: #fff;
    box-sizing: border-box;
    height: 52px;
    letter-spacing: .002em;
    line-height: 20px;
    padding: 16px;
    position: relative
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__current--T-j\+6 .index-module__value--lSZCg {
    color: #181818;
    font-size: 20px;
    font-weight: 500
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__current--T-j\+6 .index-module__text--QadY2 {
    color: #4e5969;
    font-size: 16px;
    font-weight: 400
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__current--T-j\+6 .index-module__icon--3qagL svg {
    position: absolute;
    right: 16px;
    top: 18px;
    transition: transform .1s ease
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__selectList--0AKrb {
    background: #fff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    max-height: 177px;
    overflow-y: scroll;
    position: absolute;
    top: 53px;
    width: 100%
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__selectList--0AKrb .index-module__selectItem--J41w8 {
    background: #fff;
    box-sizing: border-box;
    height: 52px;
    letter-spacing: .002em;
    line-height: 20px;
    padding: 16px;
    position: relative
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__selectList--0AKrb .index-module__selectItem--J41w8 .index-module__value--lSZCg {
    color: #181818;
    font-size: 20px;
    font-weight: 500
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__selectList--0AKrb .index-module__selectItem--J41w8 .index-module__text--QadY2 {
    color: #4e5969;
    font-size: 16px;
    font-weight: 400
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__selectList--0AKrb .index-module__selectItem--J41w8:hover {
    background: #f6f7fb
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__selectors--1rBFL .index-module__selector--QD4zl .index-module__selectItem--J41w8::-webkit-scrollbar {
    width: 4px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__featuresWrap--4b2dz {
    align-items: center;
    display: flex;
    height: 120px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__featuresWrap--4b2dz .index-module__features--1QBAY .index-module__feature--7NZBH {
    align-items: center;
    display: flex;
    height: 24px;
    margin-bottom: 10px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__featuresWrap--4b2dz .index-module__features--1QBAY .index-module__feature--7NZBH .index-module__icon--3qagL {
    display: inline-block;
    margin-right: 8px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__featuresWrap--4b2dz .index-module__features--1QBAY .index-module__feature--7NZBH .index-module__value--lSZCg {
    color: #4e5969;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5 .index-module__featuresWrap--4b2dz .index-module__features--1QBAY .index-module__feature--7NZBH:last-child {
    margin-bottom: 0
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA {
    border-top: 1px solid rgba(159,162,181,.3);
    height: 100px;
    margin-left: 20px;
    width: 245px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__tags--97S5Q {
    display: flex;
    height: 20px;
    margin-top: 16px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- {
    align-items: flex-end;
    color: #f58505;
    display: flex;
    height: 42px;
    margin-top: 6px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- .index-module__icon--3qagL {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- .index-module__number0--e6ZxY {
    font-size: 24px;
    font-weight: 500;
    line-height: 27px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- .index-module__number1--25k6m {
    font-size: 20px;
    line-height: 24px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- .index-module__unit--5mn0s {
    color: #4e5969
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- .index-module__sheng--3Lwui {
    background: #f58505;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    margin-left: 12px;
    margin-right: 6px;
    text-align: center;
    width: 18px
}

.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA .index-module__price--1UVi- .index-module__economy--50YPZ {
    color: #86909c;
    display: inline-block;
    text-decoration: line-through
}

.index-module__product--zT1QG .index-module__submit--Z7zbD {
    background: linear-gradient(89.89deg,#8c66ff -1.21%,#1765ff 103.24%);
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    height: 52px;
    line-height: 52px;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA {
        position:relative
    }

    .index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__title--YxXqU {
        color: #181818;
        font-size: 20px;
        font-weight: 500;
        height: 30px;
        letter-spacing: .2px;
        line-height: 30px
    }

    .index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__explain--hxv5Q {
        font-size: 12px;
        margin-top: 4px;
        width: 220px
    }

    .index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__icon--3qagL {
        display: block;
        position: absolute;
        right: 37px;
        top: 40px
    }

    .index-module__product--zT1QG .index-module__content--qmQx8 .index-module__header---8yIA .index-module__icon--3qagL svg {
        transition: transform .1s ease
    }

    .index-module__product--zT1QG .index-module__content--qmQx8 .index-module__article--wFKO5,.index-module__product--zT1QG .index-module__content--qmQx8 .index-module__footer--waWKA,.index-module__product--zT1QG .index-module__submit--Z7zbD {
        display: none
    }
}

.cornerMark3-module__cornerMark--Zh97Y {
    background: linear-gradient(right,#f90,#f55b05);
    -webkit-clip-path: polygon(100% 0,100% 100%,8% 100%,0 0);
    clip-path: polygon(100% 0,100% 100%,8% 100%,0 0);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    letter-spacing: .002em;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -6px;
    width: 80px;
    z-index: 10
}

.cornerMark3-module__cornerMarkBottom--7vMvs {
    background: #d15700;
    display: block;
    height: 6px;
    position: absolute;
    right: 0;
    top: -6px;
    width: 80px;
    z-index: 1
}

.index-module__introducer--AWAsA {
    background: linear-gradient(180deg,#fff,hsla(0,0%,100%,.7) 38.66%);
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    margin-bottom: 20px;
    padding-bottom: 8px;
    position: relative;
    width: 280px
}

.index-module__introducer--AWAsA .index-module__image--lGSjU {
    height: 94px;
    width: 280px
}

.index-module__introducer--AWAsA .index-module__image--lGSjU img {
    overflow: hidden;
    width: 100%
}

.index-module__introducer--AWAsA .index-module__content--kp86s {
    box-sizing: border-box;
    font-family: PingFang SC;
    padding: 0 20px;
    width: 100%
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__header--KcnYy {
    padding-bottom: 8px;
    padding-top: 10px
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__header--KcnYy .index-module__title--pdHTr {
    color: #181818;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    letter-spacing: .2px;
    line-height: 36px
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__header--KcnYy .index-module__icon--TgfkP {
    display: none
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB {
    padding-bottom: 12px
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__explain--L5H8e {
    color: hsla(0,0%,9%,.6);
    font-size: 14px;
    font-weight: 400;
    height: 69px;
    line-height: 23px;
    margin-bottom: 12px
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__buttons--5m8gz {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: space-between
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__buttons--5m8gz .index-module__submit--w7Pn3 {
    background: linear-gradient(273.89deg,#1664ff 21.68%,#bf66ff 130.18%);
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__buttons--5m8gz .index-module__skip--Dapm2 {
    align-items: center;
    color: #9fa2b5;
    cursor: pointer;
    display: flex;
    height: 40px;
    letter-spacing: .3px;
    line-height: 40px;
    text-transform: uppercase
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__buttons--5m8gz .index-module__skip--Dapm2 span {
    display: inline-block;
    margin-right: 5px
}

.index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__buttons--5m8gz .index-module__skip--Dapm2:hover {
    color: #3860f4
}

@media screen and (max-width: 767px) {
    .index-module__introducer--AWAsA {
        position:relative
    }

    .index-module__introducer--AWAsA .index-module__image--lGSjU {
        display: none
    }

    .index-module__introducer--AWAsA .index-module__content--kp86s .index-module__header--KcnYy {
        font-size: 20px;
        padding-top: 16px
    }

    .index-module__introducer--AWAsA .index-module__content--kp86s .index-module__header--KcnYy .index-module__icon--TgfkP {
        align-items: center;
        display: flex;
        height: 14px;
        justify-content: center;
        position: absolute;
        right: 30px;
        top: 27px;
        width: 14px
    }

    .index-module__introducer--AWAsA .index-module__content--kp86s .index-module__header--KcnYy .index-module__icon--TgfkP svg {
        transition: transform .2s ease
    }

    .index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB {
        display: none
    }

    .index-module__introducer--AWAsA .index-module__content--kp86s .index-module__footer--PX2WB .index-module__explain--L5H8e {
        font-size: 12px;
        font-weight: 400
    }
}

.index-module__article--JReJ6 {
    background: #fafafc;
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    cursor: pointer;
    height: 199px;
    position: relative;
    width: 400px
}

.index-module__article--JReJ6 .index-module__bg--KSQ8B {
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease;
    width: 100%
}

.index-module__article--JReJ6 .index-module__image--muCK\+ {
    bottom: 18px;
    display: block;
    position: absolute;
    right: 16px;
    transform-origin: right bottom;
    transition: transform .3s ease
}

.index-module__article--JReJ6 .index-module__title--\+Fpig {
    font-size: 24px;
    font-weight: 500;
    height: 32px;
    left: 32px;
    line-height: 36px;
    position: absolute;
    top: 28px;
    width: 336px
}

.index-module__article--JReJ6 .index-module__explain--Urg4X {
    color: rgba(0,0,0,.6);
    font-size: 16px;
    font-weight: 400;
    left: 32px;
    letter-spacing: .002em;
    line-height: 24px;
    min-height: 24px;
    position: absolute;
    top: 64px;
    width: 225px
}

.index-module__article--JReJ6 .index-module__skip---XonQ {
    color: #3860f4;
    font-size: 13px;
    height: 21px;
    left: 32px;
    letter-spacing: -.2px;
    line-height: 21px;
    position: absolute;
    top: 150px
}

.index-module__article--JReJ6 .index-module__skip---XonQ span {
    display: inline-block;
    margin-right: 5px
}

.index-module__article--JReJ6:hover .index-module__bg--KSQ8B {
    background: linear-gradient(180deg,rgba(23,101,254,.2),hsla(0,0%,100%,.14) 55.28%);
    opacity: 1;
    transition: opacity .5s ease
}

.index-module__article--JReJ6:hover .index-module__image--muCK\+ {
    transform: scale(1.2);
    transform-origin: right bottom;
    transition: transform .3s ease
}

@media screen and (max-width: 1199px) {
    .index-module__article--JReJ6 {
        height:199px;
        margin-bottom: 20px;
        width: 280px
    }

    .index-module__article--JReJ6 .index-module__bg--KSQ8B,.index-module__article--JReJ6 .index-module__image--muCK\+ {
        display: none
    }

    .index-module__article--JReJ6 .index-module__title--\+Fpig {
        font-size: 20px;
        left: 28px;
        top: 28px
    }

    .index-module__article--JReJ6 .index-module__explain--Urg4X {
        left: 28px;
        width: 230px
    }

    .index-module__article--JReJ6 .index-module__skip---XonQ {
        left: 28px
    }
}

.index-module__center--WlNwe {
    text-align: center
}

.index-module__left--vmPwp {
    text-align: left
}

.index-module__wrap--BqXRn {
    background-size: 100% 100%
}

.index-module__wrap--BqXRn .index-module__title--Is46i {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px
}

.index-module__wrap--BqXRn .index-module__subTitle--EW543 {
    display: block;
    font-size: 18px;
    margin-top: 8px
}

.index-module__wrap--BqXRn .index-module__subTitle--EW543 p {
    display: inline
}

.index-module__wrap--BqXRn .index-module__textlinkWrap--C37Ju {
    display: block;
    font-size: 18px;
    margin-top: 12px
}

.index-module__wrap--BqXRn .index-module__textlinkWrap--C37Ju p {
    cursor: pointer;
    display: inline
}

.index-module__wrap--BqXRn .index-module__textlinkWrap--C37Ju p .index-module__textLink--CkHot {
    display: inline;
    text-decoration: none
}

.index-module__wrap--BqXRn .index-module__textlinkWrap--C37Ju p .index-module__textlinkArrow--KgT6q {
    display: inline-block;
    margin-left: 10px
}

@media screen and (max-width: 600px) {
    .index-module__wrap--BqXRn .index-module__title--Is46i {
        font-size:18px;
        padding: 0 15%
    }

    .index-module__wrap--BqXRn .index-module__subTitle--EW543 {
        box-sizing: border-box;
        font-size: 14px;
        margin-top: 8px;
        padding: 0 15%
    }

    .index-module__wrap--BqXRn .index-module__textlinkWrap--C37Ju {
        font-size: 14px;
        margin-top: 12px
    }
}

.index-module__merchandies--ntVsM {
    display: inline-block;
    font-family: PingFang SC;
    position: relative
}

.index-module__merchandies--ntVsM .index-module__bg--N1cQT {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.index-module__merchandies--ntVsM .index-module__merchandiesHeader--nQ09X {
    font-size: 12px;
    height: 123px;
    position: relative;
    width: 590px
}

.index-module__merchandies--ntVsM .index-module__merchandiesHeaderText1--\+UbR7 {
    font-style: normal;
    font-weight: 400;
    left: 24px;
    position: relative;
    top: 20px
}

.index-module__merchandies--ntVsM .index-module__merchandiesHeaderText2--Jzqny {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    left: 24px;
    position: relative;
    top: 26px
}

.index-module__merchandies--ntVsM .index-module__merchandiesHeaderTitle--B7bRC {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    left: 24px;
    position: relative;
    top: 20px
}

.index-module__merchandies--ntVsM .index-module__merchandiesHeaderTextList--3hdLr {
    font-size: 12px;
    left: 24px;
    position: relative;
    top: 28px
}

.index-module__merchandies--ntVsM .index-module__moMerchandiesHeader--wLvR- {
    display: none;
    height: 140px;
    position: relative;
    width: 335px
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 {
    box-shadow: 0 3px 3px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 6px 8px rgba(21,40,76,.12);
    height: 248px;
    position: relative;
    width: 590px
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesContentBg--2JRXs {
    height: 100%;
    width: 100%
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesContentMoBg--aG0Gm {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb {
    bottom: 20px;
    height: 56px;
    left: 32px;
    position: absolute;
    width: 526px
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E {
    color: #eb5757;
    font-family: DIN Alternate;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 36px
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E .index-module__moTip--il\+mB {
    display: none;
    font-size: 12px;
    font-weight: 400
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E .index-module__merchandiesTags---5NHg {
    display: inline-block;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 30px;
    margin-left: 12px;
    margin-top: 6px;
    vertical-align: top
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E .index-module__merchandiesTags---5NHg .index-module__merchandiesTagsContent--bGEJd {
    display: flex
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesOriginPrice--KIi3f {
    color: #86909c;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-decoration: line-through
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesSubmit--tbbgO {
    bottom: 8px;
    color: #f7f7fa;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 254px
}

.index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__moMerchandiesTags--ZwBaB {
    display: none
}

.index-module__single--wvLqm {
    width: 1200px
}

.index-module__single--wvLqm .index-module__merchandiesHeader--nQ09X {
    height: 160px;
    width: 188px
}

.index-module__single--wvLqm .index-module__merchandiesHeader--nQ09X .index-module__merchandiesHeaderText1--\+UbR7 {
    font-style: normal;
    font-weight: 400;
    left: 24px;
    position: relative;
    top: 28px
}

.index-module__single--wvLqm .index-module__merchandiesHeader--nQ09X .index-module__merchandiesHeaderText2--Jzqny {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    left: 24px;
    position: relative;
    top: 39px
}

.index-module__single--wvLqm .index-module__merchandiesContent--lTcz0 {
    border-radius: 10px 0 0 10px;
    height: 160px;
    left: 180px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1020px
}

.index-module__single--wvLqm .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb {
    height: 160px;
    left: 816px;
    position: absolute;
    top: 0;
    width: 204px
}

.index-module__single--wvLqm .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E {
    margin-top: 24px
}

.index-module__single--wvLqm .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesOriginPrice--KIi3f {
    color: #86909c;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-decoration: line-through
}

.index-module__single--wvLqm .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesSubmit--tbbgO {
    height: 36px;
    line-height: 36px;
    margin-top: 16px;
    position: static;
    width: 185px
}

@media screen and (max-width: 600px) {
    .index-module__merchandies--ntVsM .index-module__merchandiesHeader--nQ09X {
        display:none
    }

    .index-module__merchandies--ntVsM .index-module__moMerchandiesHeader--wLvR- {
        display: block
    }

    .index-module__merchandies--ntVsM .index-module__moMerchandiesHeader--wLvR- .index-module__merchandiesHeaderTitle--B7bRC {
        font-size: 20px
    }

    .index-module__merchandies--ntVsM .index-module__moMerchandiesHeader--wLvR- .index-module__merchandiesHeaderTextList--3hdLr {
        top: 29px
    }

    .index-module__merchandies--ntVsM .index-module__moMerchandiesHeader--wLvR- .index-module__moArrow--kcx2Z {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.558 11.557 9 8.123l3.443 3.434L13.5 10.5 9 6l-4.5 4.5 1.058 1.057Z' fill='%23fff'/%3E%3C/svg%3E");
        height: 18px;
        position: absolute;
        right: 20px;
        top: 38px;
        transition: transform .2s;
        width: 18px
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 {
        height: 349px;
        width: 335px
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesContentBg--2JRXs {
        display: none
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesContentMoBg--aG0Gm {
        display: block
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb {
        height: 153px;
        left: 28px;
        width: 279px
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__moMerchandiesTags--ZwBaB {
        display: flex;
        font-family: PingFang SC;
        font-size: 12px;
        font-style: normal;
        font-weight: 400
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E .index-module__moTip--il\+mB {
        display: inline
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesPrice--OcL\+E .index-module__merchandiesTags---5NHg {
        display: none
    }

    .index-module__merchandies--ntVsM .index-module__merchandiesContent--lTcz0 .index-module__merchandiesInfo--UrsRb .index-module__merchandiesSubmit--tbbgO {
        margin-top: 24px;
        position: static;
        width: 279px
    }

    .index-module__merchandies--ntVsM .index-module__moHidden--TvB\+6 {
        display: none
    }
}

.index-module__products---F7gm {
    height: 546px;
    position: relative;
    width: 285px
}

.index-module__moProducts--4TnQU {
    font-family: PingFang SC;
    height: 140px;
    position: relative;
    width: 335px
}

.index-module__productsBox--El4NE {
    background-size: 100% 100%;
    height: 120px;
    width: 285px
}

.index-module__moProductsBox--YNXqE,.index-module__productsBox--El4NE {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: relative
}

.index-module__moProductsBox--YNXqE {
    background-size: 100% auto;
    height: 100px;
    width: 335px
}

.index-module__moProductsBoxArrows--on3wJ {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.558 11.557 9 8.123l3.443 3.434L13.5 10.5 9 6l-4.5 4.5 1.058 1.057Z' fill='%23fff'/%3E%3C/svg%3E");
    content: " ";
    height: 18px;
    position: absolute;
    right: 20px;
    top: 38px;
    transition: transform .2s;
    width: 18px
}

.index-module__moProductsBoxText1--drTqr {
    font-size: 20px;
    font-weight: 500;
    height: 28px;
    left: 20px;
    line-height: 28px;
    position: absolute;
    top: 24px
}

.index-module__productsTips--Zryk- {
    left: 20px;
    position: absolute;
    top: 58px
}

.index-module__productsTipsText--C1f0r {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    opacity: .7;
    text-transform: uppercase
}

.index-module__productsContent--Tu1Sx {
    background-color: #fff;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: 0 3px 3px rgba(21,40,76,.12),0 -1px 1px rgba(21,40,76,.04),0 6px 8px rgba(21,40,76,.12);
    height: 256px;
    padding: 24px 16px;
    position: absolute;
    top: 115px;
    width: 285px
}

.index-module__productsContentTags--k42QO {
    bottom: 145px;
    display: flex;
    height: 30px;
    justify-content: flex-start;
    position: absolute;
    width: 253px
}

.index-module__productsBoxContentInfoTag--d8qhg {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    margin-right: 12px;
    padding: 1px 4px
}

.index-module__productsContentInfo--cUoZI {
    bottom: 88px;
    left: 20px;
    position: absolute
}

.index-module__productsSubmit--eSafS {
    bottom: 24px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    left: 16px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 253px
}

.index-module__cornerMarkBox--iOxWa {
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 65px
}

.index-module__cornerMarkBefore--x0UGn {
    height: 3px;
    position: absolute;
    right: 40px;
    width: 24px
}

.index-module__cornerMarkAfter--ZOZck {
    height: 24px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 3px
}

.index-module__cornerMark--yd94v {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    right: -78px;
    text-align: center;
    top: 12px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 200px;
    z-index: 10
}

.index-module__productsItem--9jdXo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.index-module__productsItem--9jdXo i {
    color: #4e5969;
    font-size: 14px;
    font-style: normal;
    height: 22px;
    line-height: 22px;
    margin-right: 12px
}

.index-module__productsItemSelect--r1zDl {
    flex: 1 1;
    height: 32px
}

.arco-drawer-content {
    padding: 0
}

.arco-empty {
    box-sizing: border-box;
    padding: 10px 0;
    width: 100%
}

.arco-empty .arco-empty-wrapper {
    box-sizing: border-box;
    color: rgb(var(--gray-5));
    text-align: center;
    width: 100%
}

.arco-empty .arco-empty-wrapper .arco-empty-image {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 4px
}

.arco-empty .arco-empty-wrapper img {
    height: 80px
}

.arco-empty .arco-empty-description {
    color: rgb(var(--gray-5));
    font-size: 14px
}

.arco-tag {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 22px;
    padding: 0 8px
}

.arco-tag .arco-icon-hover.arco-tag-icon-hover:before {
    height: 16px;
    width: 16px
}

.arco-tag .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: var(--color-fill-3)
}

.arco-tag-content {
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-tag-checkable {
    cursor: pointer;
    transition: all .1s linear
}

.arco-tag-checkable:hover,.arco-tag-checked {
    background-color: var(--color-fill-2)
}

.arco-tag-checked {
    border-color: transparent
}

.arco-tag-checkable.arco-tag-checked:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-tag-bordered,.arco-tag-checkable.arco-tag-checked.arco-tag-bordered:hover {
    border-color: var(--color-border-2)
}

.arco-tag-size-small {
    font-size: 12px;
    height: 20px;
    line-height: 18px
}

.arco-tag-size-medium {
    font-size: 14px;
    height: 28px;
    line-height: 26px
}

.arco-tag-size-large {
    font-size: 14px;
    height: 32px;
    line-height: 30px
}

.arco-tag-hide {
    display: none
}

.arco-tag-loading {
    cursor: default;
    opacity: .8
}

.arco-tag-icon {
    color: var(--color-text-2);
    margin-right: 4px
}

.arco-tag-checked.arco-tag-red {
    background-color: rgb(var(--red-1));
    border: 1px solid transparent;
    color: rgb(var(--red-6))
}

.arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--red-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-red:hover {
    background-color: rgb(var(--red-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-red.arco-tag-bordered,.arco-tag-checked.arco-tag-red.arco-tag-bordered:hover {
    border-color: rgb(var(--red-6))
}

.arco-tag-checked.arco-tag-red .arco-tag-close-icon,.arco-tag-checked.arco-tag-red .arco-tag-icon,.arco-tag-checked.arco-tag-red .arco-tag-loading-icon {
    color: rgb(var(--red-6))
}

.arco-tag-checked.arco-tag-orangered {
    background-color: rgb(var(--orangered-1));
    border: 1px solid transparent;
    color: rgb(var(--orangered-6))
}

.arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--orangered-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover {
    background-color: rgb(var(--orangered-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-orangered.arco-tag-bordered,.arco-tag-checked.arco-tag-orangered.arco-tag-bordered:hover {
    border-color: rgb(var(--orangered-6))
}

.arco-tag-checked.arco-tag-orangered .arco-tag-close-icon,.arco-tag-checked.arco-tag-orangered .arco-tag-icon,.arco-tag-checked.arco-tag-orangered .arco-tag-loading-icon {
    color: rgb(var(--orangered-6))
}

.arco-tag-checked.arco-tag-orange {
    background-color: rgb(var(--orange-1));
    border: 1px solid transparent;
    color: rgb(var(--orange-6))
}

.arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--orange-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover {
    background-color: rgb(var(--orange-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-orange.arco-tag-bordered,.arco-tag-checked.arco-tag-orange.arco-tag-bordered:hover {
    border-color: rgb(var(--orange-6))
}

.arco-tag-checked.arco-tag-orange .arco-tag-close-icon,.arco-tag-checked.arco-tag-orange .arco-tag-icon,.arco-tag-checked.arco-tag-orange .arco-tag-loading-icon {
    color: rgb(var(--orange-6))
}

.arco-tag-checked.arco-tag-gold {
    background-color: rgb(var(--gold-1));
    border: 1px solid transparent;
    color: rgb(var(--gold-6))
}

.arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--gold-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover {
    background-color: rgb(var(--gold-3));
    border-color: transparent
}

.arco-tag-checked.arco-tag-gold.arco-tag-bordered,.arco-tag-checked.arco-tag-gold.arco-tag-bordered:hover {
    border-color: rgb(var(--gold-6))
}

.arco-tag-checked.arco-tag-gold .arco-tag-close-icon,.arco-tag-checked.arco-tag-gold .arco-tag-icon,.arco-tag-checked.arco-tag-gold .arco-tag-loading-icon {
    color: rgb(var(--gold-6))
}

.arco-tag-checked.arco-tag-lime {
    background-color: rgb(var(--lime-1));
    border: 1px solid transparent;
    color: rgb(var(--lime-6))
}

.arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--lime-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover {
    background-color: rgb(var(--lime-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-lime.arco-tag-bordered,.arco-tag-checked.arco-tag-lime.arco-tag-bordered:hover {
    border-color: rgb(var(--lime-6))
}

.arco-tag-checked.arco-tag-lime .arco-tag-close-icon,.arco-tag-checked.arco-tag-lime .arco-tag-icon,.arco-tag-checked.arco-tag-lime .arco-tag-loading-icon {
    color: rgb(var(--lime-6))
}

.arco-tag-checked.arco-tag-green {
    background-color: rgb(var(--green-1));
    border: 1px solid transparent;
    color: rgb(var(--green-6))
}

.arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--green-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-green:hover {
    background-color: rgb(var(--green-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-green.arco-tag-bordered,.arco-tag-checked.arco-tag-green.arco-tag-bordered:hover {
    border-color: rgb(var(--green-6))
}

.arco-tag-checked.arco-tag-green .arco-tag-close-icon,.arco-tag-checked.arco-tag-green .arco-tag-icon,.arco-tag-checked.arco-tag-green .arco-tag-loading-icon {
    color: rgb(var(--green-6))
}

.arco-tag-checked.arco-tag-cyan {
    background-color: rgb(var(--cyan-1));
    border: 1px solid transparent;
    color: rgb(var(--cyan-6))
}

.arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--cyan-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover {
    background-color: rgb(var(--cyan-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-cyan.arco-tag-bordered,.arco-tag-checked.arco-tag-cyan.arco-tag-bordered:hover {
    border-color: rgb(var(--cyan-6))
}

.arco-tag-checked.arco-tag-cyan .arco-tag-close-icon,.arco-tag-checked.arco-tag-cyan .arco-tag-icon,.arco-tag-checked.arco-tag-cyan .arco-tag-loading-icon {
    color: rgb(var(--cyan-6))
}

.arco-tag-checked.arco-tag-blue {
    background-color: rgb(var(--blue-1));
    border: 1px solid transparent;
    color: rgb(var(--blue-6))
}

.arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--blue-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover {
    background-color: rgb(var(--blue-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-blue.arco-tag-bordered,.arco-tag-checked.arco-tag-blue.arco-tag-bordered:hover {
    border-color: rgb(var(--blue-6))
}

.arco-tag-checked.arco-tag-blue .arco-tag-close-icon,.arco-tag-checked.arco-tag-blue .arco-tag-icon,.arco-tag-checked.arco-tag-blue .arco-tag-loading-icon {
    color: rgb(var(--blue-6))
}

.arco-tag-checked.arco-tag-arcoblue {
    background-color: rgb(var(--arcoblue-1));
    border: 1px solid transparent;
    color: rgb(var(--arcoblue-6))
}

.arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--arcoblue-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover {
    background-color: rgb(var(--arcoblue-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered,.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered:hover {
    border-color: rgb(var(--arcoblue-6))
}

.arco-tag-checked.arco-tag-arcoblue .arco-tag-close-icon,.arco-tag-checked.arco-tag-arcoblue .arco-tag-icon,.arco-tag-checked.arco-tag-arcoblue .arco-tag-loading-icon {
    color: rgb(var(--arcoblue-6))
}

.arco-tag-checked.arco-tag-purple {
    background-color: rgb(var(--purple-1));
    border: 1px solid transparent;
    color: rgb(var(--purple-6))
}

.arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--purple-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover {
    background-color: rgb(var(--purple-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-purple.arco-tag-bordered,.arco-tag-checked.arco-tag-purple.arco-tag-bordered:hover {
    border-color: rgb(var(--purple-6))
}

.arco-tag-checked.arco-tag-purple .arco-tag-close-icon,.arco-tag-checked.arco-tag-purple .arco-tag-icon,.arco-tag-checked.arco-tag-purple .arco-tag-loading-icon {
    color: rgb(var(--purple-6))
}

.arco-tag-checked.arco-tag-pinkpurple {
    background-color: rgb(var(--pinkpurple-1));
    border: 1px solid transparent;
    color: rgb(var(--pinkpurple-6))
}

.arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--pinkpurple-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover {
    background-color: rgb(var(--pinkpurple-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered,.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered:hover {
    border-color: rgb(var(--pinkpurple-6))
}

.arco-tag-checked.arco-tag-pinkpurple .arco-tag-close-icon,.arco-tag-checked.arco-tag-pinkpurple .arco-tag-icon,.arco-tag-checked.arco-tag-pinkpurple .arco-tag-loading-icon {
    color: rgb(var(--pinkpurple-6))
}

.arco-tag-checked.arco-tag-magenta {
    background-color: rgb(var(--magenta-1));
    border: 1px solid transparent;
    color: rgb(var(--magenta-6))
}

.arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--magenta-2))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover {
    background-color: rgb(var(--magenta-2));
    border-color: transparent
}

.arco-tag-checked.arco-tag-magenta.arco-tag-bordered,.arco-tag-checked.arco-tag-magenta.arco-tag-bordered:hover {
    border-color: rgb(var(--magenta-6))
}

.arco-tag-checked.arco-tag-magenta .arco-tag-close-icon,.arco-tag-checked.arco-tag-magenta .arco-tag-icon,.arco-tag-checked.arco-tag-magenta .arco-tag-loading-icon {
    color: rgb(var(--magenta-6))
}

.arco-tag-checked.arco-tag-gray {
    background-color: rgb(var(--gray-2));
    border: 1px solid transparent;
    color: rgb(var(--gray-6))
}

.arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgb(var(--gray-3))
}

.arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover {
    background-color: rgb(var(--gray-3));
    border-color: transparent
}

.arco-tag-checked.arco-tag-gray.arco-tag-bordered,.arco-tag-checked.arco-tag-gray.arco-tag-bordered:hover {
    border-color: rgb(var(--gray-6))
}

.arco-tag-checked.arco-tag-gray .arco-tag-close-icon,.arco-tag-checked.arco-tag-gray .arco-tag-icon,.arco-tag-checked.arco-tag-gray .arco-tag-loading-icon {
    color: rgb(var(--gray-6))
}

.arco-tag-custom-color {
    color: var(--color-white)
}

.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: hsla(0,0%,100%,.2)
}

.arco-tag .arco-tag-close-btn {
    font-size: 12px;
    margin-left: 4px
}

.arco-tag .arco-tag-close-btn:focus-visible:before {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tag .arco-tag-close-btn>svg {
    position: relative
}

.arco-tag-loading-icon {
    font-size: 12px;
    margin-left: 4px
}

body[arco-theme=dark] .arco-tag-checked {
    color: hsla(0,0%,100%,.9)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-red {
    background-color: rgba(var(--red-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-red:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--red-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-orangered {
    background-color: rgba(var(--orangered-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--orangered-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-orange {
    background-color: rgba(var(--orange-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--orange-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-gold {
    background-color: rgba(var(--gold-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--gold-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-lime {
    background-color: rgba(var(--lime-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--lime-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-green {
    background-color: rgba(var(--green-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-green:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--green-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-cyan {
    background-color: rgba(var(--cyan-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--cyan-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-blue {
    background-color: rgba(var(--blue-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--blue-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-arcoblue {
    background-color: rgba(var(--arcoblue-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--arcoblue-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-purple {
    background-color: rgba(var(--purple-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--purple-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-pinkpurple {
    background-color: rgba(var(--pinkpurple-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--pinkpurple-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-magenta {
    background-color: rgba(var(--magenta-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--magenta-6),.35)
}

body[arco-theme=dark] .arco-tag-checked.arco-tag-gray {
    background-color: rgba(var(--gray-6),.2)
}

body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover:before {
    background-color: rgba(var(--gray-6),.35)
}

.arco-tag-rtl {
    direction: rtl
}

.arco-tag-rtl .arco-tag-icon {
    margin-left: 4px;
    margin-right: 0
}

.arco-tag-rtl .arco-tag-close-btn,.arco-tag-rtl .arco-tag-loading-icon {
    margin-left: 0;
    margin-right: 4px
}

@-webkit-keyframes arco-draggable-item-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes arco-draggable-item-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.arco-draggable-item {
    box-sizing: border-box;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-draggable-item-dragging {
    opacity: .3
}

.arco-draggable-item-dragover.arco-draggable-item-gap-left {
    box-shadow: -1px 0 rgb(var(--primary-6))
}

.arco-draggable-item-dragover.arco-draggable-item-gap-right {
    box-shadow: 1px 0 rgb(var(--primary-6))
}

.arco-draggable-item-dragover.arco-draggable-item-gap-top {
    box-shadow: 0 -1px rgb(var(--primary-6))
}

.arco-draggable-item-dragover.arco-draggable-item-gap-bottom {
    box-shadow: 0 1px rgb(var(--primary-6))
}

.arco-draggable-item-dragged {
    -webkit-animation: arco-draggable-item-blink .8s;
    animation: arco-draggable-item-blink .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.arco-input-tag {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    transition: all .1s linear;
    vertical-align: top;
    width: 100%
}

.arco-input-tag-view {
    display: flex;
    width: 100%
}

.arco-input-tag-inner {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

.arco-input-tag-prefix,.arco-input-tag-suffix {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-width: 22px
}

.arco-input-tag-prefix {
    padding-left: 8px;
    padding-right: 4px
}

.arco-input-tag-suffix {
    padding-right: 8px
}

.arco-input-tag .arco-input-tag-clear-icon {
    color: var(--color-text-2);
    cursor: pointer;
    display: none;
    font-size: 12px
}

.arco-input-tag .arco-input-tag-clear-icon>svg {
    position: relative;
    transition: color .1s linear
}

.arco-input-tag:hover .arco-input-tag-clear-icon {
    display: block
}

.arco-input-tag:hover .arco-input-tag-clear-icon~* {
    display: none
}

.arco-input-tag:not(.arco-input-tag-focus) .arco-input-tag-clear-icon:hover:before {
    background-color: var(--color-fill-4)
}

.arco-input-tag:not(.arco-input-tag-focus) .arco-draggable-item {
    cursor: move
}

.arco-input-tag-input {
    background: none;
    border: none;
    color: inherit;
    cursor: inherit;
    font-size: inherit;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 4px
}

.arco-input-tag-input:first-child {
    width: 100%
}

.arco-tag+.arco-input-tag-input[disabled] {
    width: 0!important
}

.arco-input-tag-input-mirror {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden
}

.arco-input-tag-input::-webkit-input-placeholder {
    color: var(--color-text-3)
}

.arco-input-tag-input::-moz-placeholder {
    color: var(--color-text-3)
}

.arco-input-tag-input::-ms-input-placeholder {
    color: var(--color-text-3)
}

.arco-input-tag-input::placeholder {
    color: var(--color-text-3)
}

.arco-input-tag-tag {
    font-size: 12px;
    margin-right: 4px;
    max-width: 100%
}

.arco-input-tag .arco-icon-hover {
    cursor: pointer
}

.arco-input-tag .arco-icon-hover.arco-icon-hover-disabled {
    cursor: not-allowed
}

.arco-input-tag:hover {
    background-color: var(--color-fill-3);
    border: 1px solid transparent
}

.arco-input-tag.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border: 1px solid rgb(var(--primary-6));
    box-shadow: 0 0 0 0 rgb(var(--primary-2))
}

.arco-input-tag .arco-input-tag-tag {
    background-color: var(--color-bg-2);
    border-color: var(--color-fill-3);
    color: var(--color-text-1)
}

.arco-input-tag .arco-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-2)
}

.arco-input-tag.arco-input-tag-focus .arco-icon-hover:hover:before {
    background-color: var(--color-fill-3)
}

.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-3);
    color: var(--color-text-4)
}

.arco-input-tag-warning {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent;
    color: var(--color-text-1)
}

.arco-input-tag-warning:hover {
    background-color: var(--color-warning-light-2);
    border: 1px solid transparent
}

.arco-input-tag-warning.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border: 1px solid rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-input-tag-error {
    background-color: rgb(var(--danger-1));
    border: 1px solid transparent;
    color: var(--color-text-1)
}

.arco-input-tag-error:hover {
    background-color: rgb(var(--danger-2));
    border: 1px solid transparent
}

.arco-input-tag-error.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border: 1px solid rgb(var(--danger-6));
    box-shadow: 0 0 0 0 rgb(var(--danger-2))
}

.arco-input-tag-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-input-tag-disabled,.arco-input-tag-disabled:hover {
    background-color: var(--color-fill-2);
    border: 1px solid transparent
}

.arco-input-tag-disabled .arco-input-tag-input::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-input-tag-disabled .arco-input-tag-input::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-input-tag-disabled .arco-input-tag-input::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-input-tag-disabled .arco-input-tag-input::placeholder {
    color: var(--color-text-4)
}

.arco-input-tag-readonly {
    cursor: default
}

.arco-input-tag-wrapper {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.arco-input-tag-wrapper .arco-input-tag {
    min-width: 0
}

.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.arco-input-tag-addafter,.arco-input-tag-addbefore {
    align-items: center;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    color: var(--color-text-1);
    display: flex;
    padding: 0 12px;
    white-space: nowrap
}

.arco-input-tag-addbefore {
    border-bottom-left-radius: var(--border-radius-small);
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small)
}

.arco-input-tag-addafter {
    border-bottom-right-radius: var(--border-radius-small);
    border-left: 1px solid var(--color-border-2);
    border-top-right-radius: var(--border-radius-small)
}

.arco-input-tag-size-mini {
    font-size: 12px
}

.arco-input-tag-size-mini .arco-input-tag-view {
    min-height: 22px
}

.arco-input-tag-size-mini .arco-input-tag-inner {
    padding-bottom: -1px;
    padding-top: -1px
}

.arco-input-tag-size-mini .arco-input-tag-tag,.arco-input-tag-size-mini .arco-input-tag-tag+.arco-input-tag-input {
    height: 20px;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 1px
}

.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-mini.arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 4px
}

.arco-input-tag-size-default {
    font-size: 14px
}

.arco-input-tag-size-default .arco-input-tag-view {
    min-height: 30px
}

.arco-input-tag-size-default .arco-input-tag-inner {
    padding-bottom: 1px;
    padding-top: 1px
}

.arco-input-tag-size-default .arco-input-tag-tag,.arco-input-tag-size-default .arco-input-tag-tag+.arco-input-tag-input {
    height: 24px;
    line-height: 22px;
    margin-bottom: 1px;
    margin-top: 1px
}

.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-default.arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-input-tag-size-small {
    font-size: 14px
}

.arco-input-tag-size-small .arco-input-tag-view {
    min-height: 26px
}

.arco-input-tag-size-small .arco-input-tag-inner {
    padding-bottom: 1px;
    padding-top: 1px
}

.arco-input-tag-size-small .arco-input-tag-tag,.arco-input-tag-size-small .arco-input-tag-tag+.arco-input-tag-input {
    height: 20px;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 1px
}

.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-small.arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-input-tag-size-large {
    font-size: 16px
}

.arco-input-tag-size-large .arco-input-tag-view {
    min-height: 34px
}

.arco-input-tag-size-large .arco-input-tag-inner {
    padding-bottom: 1px;
    padding-top: 1px
}

.arco-input-tag-size-large .arco-input-tag-tag,.arco-input-tag-size-large .arco-input-tag-tag+.arco-input-tag-input {
    height: 28px;
    line-height: 26px;
    margin-bottom: 1px;
    margin-top: 1px
}

.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-large.arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 12px
}

.arco-input-tag-rtl {
    direction: rtl;
    padding-left: 4px;
    padding-right: 4px
}

.arco-input-tag-rtl .arco-input-tag-prefix {
    padding-left: 4px;
    padding-right: 8px
}

.arco-input-tag-rtl .arco-input-tag-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-input-tag-rtl .arco-input-tag-tag {
    margin-left: 4px;
    margin-right: 0
}

.arco-input-tag-rtl .arco-input-tag-input-mirror {
    left: auto;
    right: 0
}

.arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder input {
    padding-right: 4px
}

.arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder input,.arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder input {
    padding-right: 8px
}

.arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder input {
    padding-right: 12px
}

.arco-input-tag-wrapper-rtl .arco-input-tag-addbefore {
    border-left: 1px solid var(--color-border-2);
    border-right: unset
}

.arco-input-tag-wrapper-rtl .arco-input-tag-addafter {
    border-left: unset;
    border-right: 1px solid var(--color-border-2)
}

.arco-select .arco-select-view {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    color: var(--color-text-1)
}

.arco-select:hover .arco-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-select.arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    color: var(--color-text-1)
}

.arco-select .arco-select-arrow-icon,.arco-select .arco-select-clear-icon,.arco-select .arco-select-expand-icon,.arco-select .arco-select-loading-icon,.arco-select .arco-select-search-icon,.arco-select .arco-select-suffix-icon {
    color: var(--color-text-2)
}

.arco-select-error .arco-select-view {
    background-color: var(--color-danger-light-1);
    border: 1px solid transparent
}

.arco-select-error:hover .arco-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-select-error.arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    color: var(--color-text-1)
}

.arco-select-warning .arco-select-view {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent
}

.arco-select-warning:hover .arco-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-select-warning.arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
    color: var(--color-text-1)
}

.arco-select-disabled .arco-select-view {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    color: var(--color-text-4)
}

.arco-select-disabled:hover .arco-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-select-disabled .arco-select-arrow-icon,.arco-select-disabled .arco-select-clear-icon,.arco-select-disabled .arco-select-expand-icon,.arco-select-disabled .arco-select-loading-icon,.arco-select-disabled .arco-select-search-icon,.arco-select-disabled .arco-select-suffix-icon {
    color: var(--color-text-4)
}

.arco-select-no-border .arco-select-view {
    background: none!important;
    border: none!important
}

.arco-select-size-mini.arco-select-multiple .arco-select-view {
    font-size: 12px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 4px
}

.arco-select-size-mini.arco-select-multiple .arco-select-suffix {
    padding-right: 4px
}

.arco-select-size-mini.arco-select-multiple input {
    font-size: 12px
}

.arco-select-size-mini.arco-select-single .arco-select-view {
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    padding: 0 7px
}

.arco-select-size-mini.arco-select-single input {
    font-size: 12px
}

.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 7px
}

.arco-select-size-small.arco-select-multiple .arco-select-view {
    font-size: 14px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-select-size-small.arco-select-multiple .arco-select-suffix {
    padding-right: 8px
}

.arco-select-size-small.arco-select-multiple input {
    font-size: 14px
}

.arco-select-size-small.arco-select-single .arco-select-view {
    font-size: 14px;
    height: 28px;
    line-height: 26px;
    padding: 0 11px
}

.arco-select-size-small.arco-select-single input {
    font-size: 14px
}

.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 11px
}

.arco-select-size-default.arco-select-multiple .arco-select-view {
    font-size: 14px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 8px
}

.arco-select-size-default.arco-select-multiple .arco-select-suffix {
    padding-right: 8px
}

.arco-select-size-default.arco-select-multiple input {
    font-size: 14px
}

.arco-select-size-default.arco-select-single .arco-select-view {
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    padding: 0 11px
}

.arco-select-size-default.arco-select-single input {
    font-size: 14px
}

.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 11px
}

.arco-select-size-large.arco-select-multiple .arco-select-view {
    font-size: 16px;
    height: auto;
    line-height: 0;
    padding: 0 3px
}

.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input {
    box-sizing: border-box;
    padding-left: 12px
}

.arco-select-size-large.arco-select-multiple .arco-select-suffix {
    padding-right: 12px
}

.arco-select-size-large.arco-select-multiple input {
    font-size: 16px
}

.arco-select-size-large.arco-select-single .arco-select-view {
    font-size: 16px;
    height: 36px;
    line-height: 34px;
    padding: 0 15px
}

.arco-select-size-large.arco-select-single input {
    font-size: 16px
}

.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 15px
}

.arco-select {
    cursor: pointer;
    display: inline-block
}

.arco-select,.arco-select-view {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.arco-select-view {
    border-radius: var(--border-radius-small);
    display: flex;
    outline: none;
    text-align: left;
    transition: all .1s linear,padding 0s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-select-view input {
    color: inherit;
    cursor: inherit
}

.arco-select-view input::-webkit-input-placeholder {
    color: var(--color-text-3)
}

.arco-select-view input::-moz-placeholder {
    color: var(--color-text-3)
}

.arco-select-view input::-ms-input-placeholder {
    color: var(--color-text-3)
}

.arco-select-view input::placeholder {
    color: var(--color-text-3)
}

.arco-select-view input[disabled] {
    pointer-events: none
}

.arco-select-multiple,.arco-select-show-search {
    cursor: text
}

.arco-select-disabled {
    cursor: not-allowed
}

.arco-select-disabled .arco-select-view input::-webkit-input-placeholder {
    color: var(--color-text-4)
}

.arco-select-disabled .arco-select-view input::-moz-placeholder {
    color: var(--color-text-4)
}

.arco-select-disabled .arco-select-view input::-ms-input-placeholder {
    color: var(--color-text-4)
}

.arco-select-disabled .arco-select-view input::placeholder {
    color: var(--color-text-4)
}

.arco-select-single .arco-select-view-input {
    background: transparent;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-select-single .arco-select-view-selector {
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.arco-select-single .arco-select-view-selector .arco-select-view-input {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.arco-select-single .arco-select-view-selector .arco-select-view-value-mirror {
    opacity: 0
}

.arco-select-single .arco-select-view-value,.arco-select-single .arco-select-view-value-mirror {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-select-single .arco-select-view-value-mirror:after,.arco-select-single .arco-select-view-value:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.arco-select-single .arco-select-view .arco-select-hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.arco-select-multiple {
    vertical-align: top
}

.arco-select-multiple .arco-select-view {
    line-height: 0;
    padding: 0 4px
}

.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 12px
}

.arco-select-multiple .arco-input-tag {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    flex: 1 1;
    overflow: hidden;
    padding: 0
}

.arco-select-multiple .arco-tag {
    max-width: 100%
}

.arco-select-multiple:not(.arco-select-focused) .arco-input-tag input:not(:first-child)[value=""] {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.arco-select-prefix {
    align-items: center;
    color: var(--color-text-2);
    display: flex;
    margin-right: 12px;
    white-space: nowrap
}

.arco-select-suffix {
    align-items: center;
    display: flex;
    margin-left: 4px
}

.arco-select-clear-icon,.arco-select-expand-icon,.arco-select-loading-icon,.arco-select-search-icon,.arco-select-suffix-icon {
    font-size: 12px;
    transition: all .1s linear
}

.arco-select-arrow-icon {
    font-size: 12px
}

.arco-select-open .arco-select-arrow-icon svg {
    transform: rotate(180deg)
}

.arco-select .arco-select-clear-icon {
    cursor: pointer;
    display: none
}

.arco-select .arco-select-clear-icon>svg {
    position: relative;
    transition: all .1s linear
}

.arco-select:hover .arco-select-clear-icon {
    display: block
}

.arco-select:hover .arco-select-clear-icon~* {
    display: none
}

.arco-select-wrapper {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.arco-select-wrapper .arco-select {
    min-width: 0
}

.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:first-child) .arco-select-view {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:last-child) .arco-select-view {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.arco-select-addbefore {
    align-items: center;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-bottom-left-radius: var(--border-radius-small);
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    color: var(--color-text-1);
    display: flex;
    padding: 0 12px;
    white-space: nowrap
}

.arco-select-popup {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    overflow: hidden;
    padding: 4px 0;
    top: 4px
}

.arco-select-popup-hidden {
    display: none
}

.arco-select-popup .arco-select-popup-inner {
    list-style: none;
    max-height: 200px;
    width: 100%
}

.arco-select-popup .arco-select-option {
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-select-popup .arco-select-option,.arco-select-popup .arco-select-option-selected {
    background-color: var(--color-bg-popup);
    color: var(--color-text-1)
}

.arco-select-popup .arco-select-option-hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.arco-select-popup .arco-select-option-disabled {
    background-color: var(--color-bg-popup);
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-select-popup .arco-select-option-selected {
    font-weight: 500
}

.arco-select-popup .arco-select-option-empty {
    height: 36px
}

.arco-select-popup .arco-select-option-rtl {
    text-align: right
}

.arco-select-option-wrapper {
    align-items: center;
    display: flex;
    padding: 0 7px
}

.arco-select-option-wrapper .arco-select-checkbox {
    padding: 0 5px
}

.arco-select-option-wrapper .arco-select-checkbox input {
    display: none
}

.arco-select-option-wrapper .arco-select-option {
    border-radius: var(--border-radius-small);
    flex: 1 1;
    margin-left: 1px;
    padding: 0 4px
}

.arco-select-group-title {
    box-sizing: border-box;
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 12px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-select-group-title:first-child {
    padding-top: 4px
}

.arco-select-highlight {
    color: var(--color-text-1);
    font-weight: 500
}

.arco-select-rtl {
    direction: rtl
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 7px
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-suffix {
    padding-left: 4px;
    padding-right: 0
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 4px
}

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px
}

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-suffix {
    padding-left: 8px;
    padding-right: 0
}

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 8px
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 15px
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-suffix {
    padding-left: 12px;
    padding-right: 0
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input {
    padding-left: 0;
    padding-right: 12px
}

.arco-select-wrapper-rtl .arco-select-addbefore {
    border-left: 1px solid var(--color-border-2);
    border-right: unset
}

.arco-select-rtl .arco-select-view {
    text-align: right
}

.arco-select-rtl .arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 12px
}

.arco-select-rtl .arco-select-prefix {
    margin-left: 12px;
    margin-right: 0
}

.arco-select-rtl .arco-select-suffix {
    margin-left: 0;
    margin-right: 4px
}

.index-module__pc--oopDY {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 10px rgba(51,65,101,.05),0 3px 18px rgba(51,65,101,.15);
    height: 400px;
    position: relative
}

.index-module__pc--oopDY a,.index-module__pc--oopDY a:active,.index-module__pc--oopDY a:hover,.index-module__pc--oopDY a:link,.index-module__pc--oopDY a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__case_names--Ik8Yz {
    left: 103px;
    position: absolute;
    top: 52px
}

.index-module__case_names--Ik8Yz span {
    color: #86909c;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0 15px;
    white-space: nowrap
}

.index-module__case_names--Ik8Yz span:hover {
    color: #80838a
}

.index-module__case_names--Ik8Yz .index-module__active--fx\+Ni {
    color: #1664ff!important;
    font-weight: 500
}

.index-module__case_names--Ik8Yz .index-module__deco--5Gved {
    background: linear-gradient(90deg,#f2f2f2,hsla(0,0%,95%,0) 96.75%);
    height: 1px;
    position: absolute;
    top: 36px;
    width: 601px
}

.index-module__case_names--Ik8Yz .index-module__line--LfC21 {
    background: #1664ff;
    border-radius: 12px 12px 0 0;
    height: 2px;
    position: absolute;
    top: 35px;
    transition: width .5s,transform .5s
}

.index-module__case_content--qax6p {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 1s;
    width: 100%
}

.index-module__case_content--qax6p.index-module__active--fx\+Ni {
    opacity: 1;
    pointer-events: all
}

.index-module__left_part--h2K8Q {
    padding: 123px 0 0 100px;
    width: 500px
}

.index-module__left_part--h2K8Q img {
    height: 48px
}

.index-module__left_part--h2K8Q .index-module__context--j4cdd {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px;
    width: 500px
}

.index-module__button--gG6ki {
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 26px;
    margin: 30px 0 0;
    outline: none;
    padding: 12px 31.5px
}

.index-module__button--gG6ki:hover {
    background: #4281ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__button--gG6ki:active {
    background: #05f;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__capabilities--KZxql {
    margin-top: 34px
}

.index-module__capabilities-title--dxgna {
    color: #86909c;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__capabilities-items--uJITa {
    margin-top: 12px
}

.index-module__capabilities-item--Yr-cJ {
    background: #f2f3f8;
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    padding: 7px 16px
}

.index-module__capabilities-item--Yr-cJ:hover {
    color: #1664ff!important;
    font-weight: 500
}

.index-module__capabilities-item--Yr-cJ+.index-module__capabilities-item--Yr-cJ {
    margin-left: 20px
}

.index-module__right_img--NJrJI {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 580px
}

@media screen and (max-width: 1679px) {
    .index-module__case_names--Ik8Yz {
        left:90px
    }

    .index-module__left_part--h2K8Q {
        padding: 123px 0 0 87px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pc--oopDY {
        display:none
    }
}

.index-module__mobile--ImYx5 {
    display: none
}

.index-module__mobile--ImYx5 a,.index-module__mobile--ImYx5 a:active,.index-module__mobile--ImYx5 a:hover,.index-module__mobile--ImYx5 a:link,.index-module__mobile--ImYx5 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__carousel--yQvvE {
    background: #f8f9fe;
    border-radius: 8px;
    height: 254px;
    overflow-x: hidden
}

.index-module__cases--y5qHt {
    height: 100%;
    overflow-x: visible;
    transition: transform 1s;
    white-space: nowrap
}

.index-module__case--J5ulx {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 32px 40px;
    position: relative;
    vertical-align: top;
    width: 100%
}

.index-module__case--J5ulx img {
    height: 44px
}

.index-module__case--J5ulx .index-module__context--jYIiI {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #4e5969;
    display: -webkit-box;
    margin-top: 10px;
    overflow: hidden;
    white-space: pre-wrap
}

.index-module__button--ckHP2,.index-module__case--J5ulx .index-module__context--jYIiI {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__button--ckHP2 {
    background-color: transparent;
    border: none;
    bottom: 32px;
    color: #1664ff;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute
}

.index-module__button--ckHP2:hover {
    color: #4086ff
}

.index-module__button--ckHP2:active {
    color: #0e49d2
}

.index-module__button--ckHP2 svg {
    stroke-width: 5;
    font-size: 13px;
    margin-left: 4px
}

.index-module__capabilities-items--\+JwKw {
    bottom: 12px;
    position: absolute;
    white-space: pre-wrap;
    width: calc(100% - 48px)
}

.index-module__capabilities-item--g3xEN {
    background: #f2f3f8;
    color: hsla(0,0%,9%,.8);
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-bottom: 12px;
    margin-right: 20px;
    padding: 7px 16px
}

.index-module__capabilities-item--g3xEN:hover {
    color: #1664ff!important;
    font-weight: 500
}

.index-module__dots--bM8Zu {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.index-module__dot--Etbxm {
    background: rgba(22,100,255,.1);
    border-radius: 100%;
    cursor: pointer;
    height: 6px;
    width: 6px
}

.index-module__dot--Etbxm.index-module__active--ZHU6S {
    background: #1664ff
}

.index-module__dot--Etbxm+.index-module__dot--Etbxm {
    margin-left: 8px
}

@media screen and (max-width: 1023px) {
    .index-module__mobile--ImYx5 {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__case--J5ulx {
        padding:24px
    }

    .index-module__button--ckHP2 {
        bottom: 24px
    }

    .index-module__carousel--yQvvE.index-module__has_capabilities--9B2z8 {
        height: 352px
    }
}

.index-module__more--JN5yU {
    margin-top: 49px
}

.index-module__more--JN5yU h3 {
    margin: 0;
    padding: 0
}

.index-module__title--e52d4 {
    align-items: center;
    color: rgba(78,89,105,.6);
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__title--e52d4 span {
    margin: 0 37px;
    white-space: nowrap
}

.index-module__deco_left--eOTeq {
    background: linear-gradient(90deg,hsla(0,0%,95%,0),#d5dce8 96.75%);
    height: 1px;
    width: 528px
}

.index-module__deco_right--6i2ct {
    background: linear-gradient(90deg,#d5dce8,hsla(0,0%,95%,0) 96.75%);
    height: 1px;
    width: 528px
}

.index-module__content--TvuU5 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-around;
    margin-top: 7px
}

.index-module__content--TvuU5 .index-module__img-wrap--aWKqQ {
    display: flex;
    height: 47px;
    justify-content: center;
    margin: 25px 0;
    width: 24%
}

.index-module__content--TvuU5 img {
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 1023px) {
    .index-module__more--JN5yU {
        margin-top:32px
    }

    .index-module__title--e52d4 span {
        margin: 0 12px
    }

    .index-module__deco_left--eOTeq,.index-module__deco_right--6i2ct {
        width: 109px
    }
}

@media screen and (max-width: 767px) {
    .index-module__content--TvuU5 {
        justify-content:space-between;
        margin-top: 20px
    }

    .index-module__content--TvuU5 .index-module__img-wrap--aWKqQ {
        margin: 12px 0;
        width: 45%
    }
}

.index-module__banner-container--QlWxJ {
    height: 460px;
    min-width: 1200px;
    position: relative;
    width: 100%
}

.index-module__banner-image-container--xiqUi {
    height: 100%;
    position: absolute;
    width: 100%
}

.index-module__banner-image-big--TpGo- {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__banner-image-mobile--Lw8xt,.index-module__banner-image-normal--Qt6gr,.index-module__banner-image-small--iN604 {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__banner-image-img--lkUGr {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__banner-content-container--wqBUn {
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 146px;
    position: relative;
    width: 1440px
}

.index-module__logo--neYcM {
    height: 24px;
    object-fit: contain
}

.index-module__title--LeMsP {
    font-size: 56px;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 64px;
    margin: unset
}

.index-module__desc--bugFB,.index-module__title--LeMsP {
    color: #020814;
    font-family: PingFang SC;
    font-style: normal;
    margin-top: 10px
}

.index-module__desc--bugFB {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 150%;
    opacity: .6
}

.index-module__buttons--kPx32 {
    margin-top: 40px
}

.index-module__buttons--kPx32 a,.index-module__buttons--kPx32 a:active,.index-module__buttons--kPx32 a:hover,.index-module__buttons--kPx32 a:link,.index-module__buttons--kPx32 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__buttons--kPx32 button {
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 26px;
    margin: 0;
    outline: none;
    padding: 12px 38.5px
}

@media screen and (max-width: 1679px) {
    .index-module__banner-image-big--TpGo- {
        display:none
    }

    .index-module__banner-image-normal--Qt6gr {
        display: block
    }

    .index-module__banner-content-container--wqBUn {
        width: 1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__banner-container--QlWxJ {
        min-width:unset
    }

    .index-module__banner-image-normal--Qt6gr {
        display: none
    }

    .index-module__banner-image-small--iN604 {
        display: block
    }

    .index-module__banner-content-container--wqBUn {
        margin: unset;
        padding: 115px 50px 0;
        width: 100%
    }

    .index-module__logo--neYcM {
        height: 18px
    }

    .index-module__title--LeMsP {
        color: #282828;
        font-size: 32px;
        letter-spacing: .002em;
        line-height: 45px;
        margin-top: 8px
    }

    .index-module__desc--bugFB {
        color: #4e5969;
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        opacity: 1
    }

    .index-module__buttons--kPx32 {
        margin-top: 32px
    }

    .index-module__buttons--kPx32 button {
        padding: 9px 16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner-image-small--iN604 {
        display:none
    }

    .index-module__banner-image-mobile--Lw8xt {
        display: block
    }

    .index-module__banner-content-container--wqBUn {
        padding: 88px 24px 0
    }
}

.index-module__navigator--vl19w {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 99
}

.index-module__tabs--IXKTC {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #fff;
    box-shadow: 0 4px 11px rgba(0,0,0,.06);
    display: flex;
    height: 52px;
    position: absolute;
    top: -26px;
    width: 1200px
}

.index-module__tab--23u\+I {
    align-items: center;
    color: #181818;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em
}

.index-module__tabNow--Xv1S\+ {
    background: #1664ff;
    color: #fff;
    font-weight: 500
}

@media (any-hover: hover) {
    .index-module__tab--23u\+I:hover {
        color:var(--color-primary);
        transition: color .5s
    }

    .index-module__tabNow--Xv1S\+:hover {
        color: #fff;
        transition: unset
    }
}

@media screen and (max-width: 1200px) {
    .index-module__tabs--IXKTC {
        width:100vw!important
    }
}

.index-module__Navi--UNGRg {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: none;
    justify-content: center;
    position: fixed;
    top: -50px;
    transition: transform .5s;
    width: 100vw;
    z-index: 99
}

.index-module__NaviShow--Jxlkz {
    transform: translateY(50px)
}

.index-module__moTabs--hZhC2 {
    -ms-overflow-style: none;
    display: flex;
    height: 50px;
    max-width: 100vw;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none;
    width: 1200px
}

.index-module__moTabs--hZhC2::-webkit-scrollbar {
    display: none
}

.index-module__moTab--dx\+Ht {
    align-items: center;
    color: #181818;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 50px
}

.index-module__moTabScroll--Zadny {
    flex-grow: unset;
    padding: 0 10px;
    white-space: nowrap
}

.index-module__moTabNow--Lryfm {
    color: #1664ff;
    font-weight: 500
}

.index-module__highLightLine--krmhh {
    background: #1664ff;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    height: 3px;
    position: absolute;
    transition: width .5s,transform .5s
}

.index-module__slot-wrapper--4bHSq {
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .index-module__navigator--vl19w {
        display:none
    }

    .index-module__Navi--UNGRg {
        display: flex
    }

    .solutionsBody {
        min-width: 1200px
    }
}

.index-module__product-capa-grid-container--sLhdJ {
    width: 100%
}

.index-module__product-capa-grid-container--sLhdJ,.index-module__product-capa-grid-container--sLhdJ * {
    box-sizing: border-box
}

.index-module__product-capa-grid-container--sLhdJ a,.index-module__product-capa-grid-container--sLhdJ a:active,.index-module__product-capa-grid-container--sLhdJ a:hover,.index-module__product-capa-grid-container--sLhdJ a:link,.index-module__product-capa-grid-container--sLhdJ a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa {
    display: grid;
    width: 100%
}

.index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa.index-module__column-3--saeoi {
    gap: 46px 150px;
    grid-template-columns: repeat(3,1fr);
    padding: 0 80px
}

.index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa.index-module__column-4--vccPs {
    gap: 46px 50px;
    grid-template-columns: repeat(4,1fr);
    padding: 0 25px
}

.index-module__product-capa-grid-container--sLhdJ .index-module__mobile-wrapper--ydj0K {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa {
        display:none
    }

    .index-module__product-capa-grid-container--sLhdJ .index-module__mobile-wrapper--ydj0K {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa.index-module__column-3--saeoi,.index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa.index-module__column-4--vccPs {
        gap:36px 76px;
        grid-template-columns: repeat(2,1fr);
        padding: 0 36px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa.index-module__column-3--saeoi {
        gap:46px 210px;
        padding: 0 120px
    }

    .index-module__product-capa-grid-container--sLhdJ .index-module__pc-wrapper--\+RkZa.index-module__column-4--vccPs {
        gap: 46px 133px;
        padding: 0
    }
}

.index-module__capa-item-container--VDsC7 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.index-module__capa-item-container--VDsC7 .index-module__capa-item-img--bK1LC {
    flex: none;
    font-size: 0;
    height: 48px;
    width: 48px
}

.index-module__capa-item-container--VDsC7 .index-module__capa-item-img--bK1LC img {
    height: 100%;
    width: 100%
}

.index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    margin-top: 16px
}

.index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-title--\+ZPz2 {
    color: #181818;
    flex: none;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 28px;
    margin: 0;
    padding: 0
}

.index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-des--CY1uU {
    color: #4e5969;
    flex: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 8px;
    text-align: center
}

.index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-detail--h2gv\+ {
    color: #1664ff;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-detail--h2gv\+.index-module__pc--N9Hv3 {
        display:none!important
    }
}

.index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-detail--h2gv\+.index-module__mob--SoNih {
    align-items: center;
    display: flex;
    margin-top: 6px;
    position: relative
}

@media screen and (min-width: 768px) {
    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-detail--h2gv\+.index-module__mob--SoNih {
        display:none!important
    }
}

.index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-detail--h2gv\+.index-module__mob--SoNih:after {
    border-right: 1px solid;
    border-top: 1px solid;
    content: "";
    display: block;
    height: 5px;
    margin-left: 5px;
    transform: rotate(45deg);
    width: 5px
}

@media screen and (max-width: 767px) {
    .index-module__capa-item-container--VDsC7 {
        align-items:flex-start;
        flex-direction: row
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-item-img--bK1LC {
        height: 36px;
        width: 36px
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 {
        align-items: flex-start;
        flex: auto;
        margin-left: 18px;
        margin-top: 0
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-title--\+ZPz2 {
        font-size: 16px;
        line-height: 22px
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-des--CY1uU {
        font-size: 13px;
        margin-top: 6px;
        text-align: left
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__capa-item-container--VDsC7 {
        align-items:flex-start;
        flex-direction: row
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-item-img--bK1LC {
        height: 40px;
        width: 40px
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 {
        align-items: flex-start;
        flex: auto;
        margin-left: 16px;
        margin-top: 4px
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-title--\+ZPz2 {
        font-size: 16px;
        line-height: 22px
    }

    .index-module__capa-item-container--VDsC7 .index-module__capa-content-wrapper--fkfm8 .index-module__capa-item-des--CY1uU {
        font-size: 13px;
        margin-top: 6px;
        text-align: left
    }
}

.index-module__foldable-capa-items-container--\+-AuI .index-module__capa-items-outer--vzL7S {
    overflow: hidden;
    transition: height .2s cubic-bezier(.34,.69,.1,1);
    visibility: hidden
}

.index-module__foldable-capa-items-container--\+-AuI .index-module__capa-items-outer--vzL7S .index-module__capa-items-wrapper--eSgHg {
    position: relative
}

.index-module__foldable-capa-items-container--\+-AuI .index-module__capa-items-outer--vzL7S .index-module__capa-items-wrapper--eSgHg>:not(:first-child) {
    margin-top: 32px
}

.index-module__foldable-capa-items-container--\+-AuI .index-module__capa-items-mobile-fold-expand--TQA3C {
    align-items: center;
    color: #1664ff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 22px;
    padding-top: 20px
}

.index-module__foldable-capa-items-container--\+-AuI .index-module__capa-items-mobile-fold-expand--TQA3C .index-module__capa-items-mobile-fold-expand-icon--K9jT7 {
    height: 22px;
    padding-left: 6px;
    width: 22px
}

.index-module__application-scene-container--Sntko,.index-module__application-scene-container--Sntko * {
    box-sizing: border-box
}

.index-module__application-scene-container--Sntko a,.index-module__application-scene-container--Sntko a:active,.index-module__application-scene-container--Sntko a:hover,.index-module__application-scene-container--Sntko a:link,.index-module__application-scene-container--Sntko a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__application-scene-pc--dpdhe {
    display: block
}

.index-module__application-scene-mobile--cMiaD {
    display: none
}

@media screen and (max-width: 1023px) {
    .index-module__application-scene-pc--dpdhe {
        display:none
    }

    .index-module__application-scene-mobile--cMiaD {
        display: block
    }
}

.index-module__application-scene-pc-container--t8X3o {
    position: relative;
    width: 1200px
}

.index-module__application-scene-pc-header--qgc4A {
    height: 122px;
    position: relative;
    width: 100%
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO {
    height: 222px;
    left: 50%;
    min-width: 1200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    transition: all .8s ease;
    width: 280px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    color: #181818;
    flex: none;
    font-family: PingFang SC;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 32px;
    text-align: center;
    transition: all .8s ease
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY {
    color: #4e5969;
    flex: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 8px;
    opacity: 1;
    text-align: center;
    transition: all .8s ease
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    display: block;
    flex: none;
    margin-top: 16px;
    opacity: 1;
    transition: all .8s ease
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ .index-module__tab-link-panel--LHoOO {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ .index-module__tab-link-panel--LHoOO .index-module__link-arrow--eOtMJ {
    align-items: center;
    display: flex;
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ .index-module__tab-link-panel--LHoOO .index-module__link-arrow--eOtMJ svg {
    flex: none;
    height: 12px;
    width: 12px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ .index-module__tab-link-panel--LHoOO:hover {
    color: #4086ff
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ .index-module__tab-link-panel--LHoOO:hover .index-module__link-arrow--eOtMJ {
    right: -4px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ .index-module__tab-link-panel--LHoOO:active {
    color: #0e49d2
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev4--qn22f .index-module__title-wrapper--n8VF2 {
    left: -932px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev4--qn22f .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev4--qn22f .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev4--qn22f .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev3--hHc\+o .index-module__title-wrapper--n8VF2 {
    left: -598px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev3--hHc\+o .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev3--hHc\+o .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev3--hHc\+o .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev2--ntGEp .index-module__title-wrapper--n8VF2 {
    left: -264px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev2--ntGEp .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev2--ntGEp .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev2--ntGEp .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev1--jZLoM .index-module__title-wrapper--n8VF2 {
    left: 70px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev1--jZLoM .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    cursor: pointer;
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev1--jZLoM .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev1--jZLoM .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-current--JLNr3 .index-module__title-wrapper--n8VF2 {
    left: 460px;
    top: 0
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next1--LPUn7 .index-module__title-wrapper--n8VF2 {
    left: 849px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next1--LPUn7 .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    cursor: pointer;
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next1--LPUn7 .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next1--LPUn7 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next2--LMur5 .index-module__title-wrapper--n8VF2 {
    left: 1183px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next2--LMur5 .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next2--LMur5 .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next2--LMur5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next3--hOfyU .index-module__title-wrapper--n8VF2 {
    left: 1517px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next3--hOfyU .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next3--hOfyU .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next3--hOfyU .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next4--W-3u5 .index-module__title-wrapper--n8VF2 {
    left: 1851px;
    top: 44px
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next4--W-3u5 .index-module__title-wrapper--n8VF2 .index-module__tab-title--jqOoZ {
    opacity: .3
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next4--W-3u5 .index-module__title-wrapper--n8VF2 .index-module__tab-description--FxhbY,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next4--W-3u5 .index-module__title-wrapper--n8VF2 .index-module__tab-link-a--1x6wZ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-outside--Vshhh {
    display: none
}

.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-fade--\+kUmB {
    background-image: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,0) 80%,#fff);
    height: 122px;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.index-module__application-scene-pc-image--yM0HT {
    display: flex;
    justify-content: center;
    margin-top: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__application-scene-pc-image--yM0HT .index-module__scene-image-container--\+mNuL {
    flex: none;
    font-size: 0;
    height: 457px;
    position: relative;
    width: 870px
}

.index-module__application-scene-pc-image--yM0HT .index-module__scene-image-container--\+mNuL img {
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .8s ease;
    width: 100%
}

.index-module__application-scene-pc-image--yM0HT .index-module__scene-image-container--\+mNuL .index-module__incoming-image--8YOrj img {
    opacity: 1
}

.index-module__application-scene-pc-button--UT64- {
    display: flex;
    height: 64px;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 306px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.index-module__application-scene-pc-button--UT64- .index-module__scene-button--T9WfC {
    align-items: center;
    background-color: #f2f3f8;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex: none;
    height: 64px;
    justify-content: center;
    width: 64px
}

.index-module__application-scene-pc-button--UT64- .index-module__scene-button--T9WfC svg {
    stroke: #454545;
    stroke-width: 5;
    height: 28px;
    width: 28px
}

.index-module__application-scene-pc-button--UT64- .index-module__scene-button--T9WfC:hover {
    border: 1px solid #4281fd
}

.index-module__application-scene-pc-button--UT64- .index-module__scene-button--T9WfC:hover svg {
    stroke: #696969
}

.index-module__application-scene-pc-button--UT64- .index-module__scene-button--T9WfC:active {
    border: 1px solid #1664ff
}

.index-module__application-scene-pc-button--UT64- .index-module__scene-button--T9WfC:active svg {
    stroke: #454545
}

@media screen and (min-width: 1680px) {
    .index-module__application-scene-pc-container--t8X3o,.index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 {
        width:1440px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev4--qn22f .index-module__title-wrapper--n8VF2 {
        left: -943px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev3--hHc\+o .index-module__title-wrapper--n8VF2 {
        left: -576px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev2--ntGEp .index-module__title-wrapper--n8VF2 {
        left: -209px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-prev1--jZLoM .index-module__title-wrapper--n8VF2 {
        left: 158px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-current--JLNr3 .index-module__title-wrapper--n8VF2 {
        left: 580px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next1--LPUn7 .index-module__title-wrapper--n8VF2 {
        left: 1002px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next2--LMur5 .index-module__title-wrapper--n8VF2 {
        left: 1369px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next3--hOfyU .index-module__title-wrapper--n8VF2 {
        left: 1736px
    }

    .index-module__application-scene-pc-header--qgc4A .index-module__header-content-wrapper--rURHO .index-module__header-content--eDhs5 .index-module__tab-panel-next4--W-3u5 .index-module__title-wrapper--n8VF2 {
        left: 2103px
    }
}

.index-module__application-scene-mobile-container--\+Xzb0 {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.index-module__application-scene-card--QYSd6 {
    background: #f8f9fe;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 36px 0 0
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz {
    flex: none
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-title--7rxV4 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: unset;
    text-align: center
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-des--bnn2K {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 4px;
    padding: 0 35px;
    text-align: center
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-link--n\+NO6 {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-link--n\+NO6 .index-module__card-link-a--7FVc3 {
    display: block;
    flex: none
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-link--n\+NO6 .index-module__card-link-a--7FVc3 .index-module__card-link-panel--JY4ON {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-link--n\+NO6 .index-module__card-link-a--7FVc3 .index-module__card-link-panel--JY4ON .index-module__link-arrow--I1\+FJ {
    flex: none;
    margin-left: 5px
}

.index-module__application-scene-card--QYSd6 .index-module__card-content--jkklz .index-module__card-link--n\+NO6 .index-module__card-link-a--7FVc3 .index-module__card-link-panel--JY4ON .index-module__link-arrow--I1\+FJ svg {
    height: 14px;
    width: 14px
}

.index-module__application-scene-card--QYSd6 .index-module__card-image--IsVFh {
    flex: none;
    font-size: 0;
    margin-top: 22px;
    padding: 0 8px;
    width: 100%
}

.index-module__application-scene-card--QYSd6 .index-module__card-image--IsVFh img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__application-scene-mobile-container--\+Xzb0 {
        display:block
    }

    .index-module__application-scene-card--QYSd6+.index-module__application-scene-card--QYSd6 {
        margin-top: 16px
    }
}

.index-module__access-process-container--g3zsX {
    display: flex;
    width: 100%
}

.index-module__access-process-container--g3zsX,.index-module__access-process-container--g3zsX * {
    box-sizing: border-box
}

.index-module__access-process-container--g3zsX a,.index-module__access-process-container--g3zsX a:active,.index-module__access-process-container--g3zsX a:hover,.index-module__access-process-container--g3zsX a:link,.index-module__access-process-container--g3zsX a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__access-process-container--g3zsX .index-module__line-wrapper--Lj8WD {
    flex: auto;
    padding: 0 8px
}

.index-module__access-process-container--g3zsX .index-module__line-wrapper--Lj8WD:first-child {
    display: none
}

.index-module__access-process-container--g3zsX .index-module__line-wrapper--Lj8WD .index-module__line--U7uU4 {
    background-color: #909090;
    height: 1px;
    opacity: .3;
    position: relative;
    top: 42px;
    width: 100%
}

.index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    width: 169px
}

.index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__series--EMYkg {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(180deg,rgba(22,100,255,.5) 12.5%,rgba(22,100,255,0) 66.67%);
    color: transparent;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .003em;
    line-height: 48px;
    margin-bottom: -18px
}

.index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__title--Ir8v5 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__description--\+Q8f1 {
    -webkit-text-size-adjust: none;
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .index-module__access-process-container--g3zsX {
        display:block
    }

    .index-module__access-process-container--g3zsX .index-module__line-wrapper--Lj8WD {
        display: none
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 {
        display: block;
        width: 100%
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9:not(:first-child) {
        margin-top: 24px
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__title--Ir8v5 {
        font-size: 16px
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__description--\+Q8f1 {
        margin-top: 3px;
        text-align: left
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__access-process-container--g3zsX {
        display:block;
        padding: 0 36px
    }

    .index-module__access-process-container--g3zsX .index-module__line-wrapper--Lj8WD {
        display: none
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 {
        display: block;
        width: 100%
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9:not(:first-child) {
        margin-top: 24px
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__title--Ir8v5 {
        font-size: 16px
    }

    .index-module__access-process-container--g3zsX .index-module__process-item-container--5gHu9 .index-module__description--\+Q8f1 {
        margin-top: 3px;
        text-align: left
    }
}

@media screen and (min-width: 1680px) {
    .index-module__access-process-container--g3zsX .index-module__line-wrapper--Lj8WD {
        padding:0 12px
    }
}

.index-module__items-container---BDcA {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.index-module__items-container---BDcA a,.index-module__items-container---BDcA a:active,.index-module__items-container---BDcA a:hover,.index-module__items-container---BDcA a:link,.index-module__items-container---BDcA a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__item--MqRhJ {
    background: #fff;
    border: 1px solid #dde2e9;
    border-radius: 12px;
    box-sizing: border-box;
    display: block;
    display: flex;
    height: 124px;
    justify-content: space-between;
    padding: 32px;
    width: 467px
}

.index-module__item--MqRhJ h3 {
    color: #020814;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 28px;
    margin: unset
}

.index-module__item--MqRhJ:nth-child(n+4) {
    margin-top: 20px
}

.index-module__item--MqRhJ:hover {
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.05)
}

.index-module__item--MqRhJ:hover h3 {
    color: #1664ff
}

.index-module__item--MqRhJ img {
    height: 60px;
    object-fit: cover;
    width: 60px
}

.index-module__desc--uKobw {
    word-wrap: break-word;
    color: #80838a;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    letter-spacing: .003em;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 327px
}

@media screen and (max-width: 1679px) {
    .index-module__item--MqRhJ {
        width:387px
    }

    .index-module__desc--uKobw {
        width: 247px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__items-container---BDcA {
        flex-direction:column
    }

    .index-module__item--MqRhJ {
        justify-content: flex-start;
        width: 100%
    }

    .index-module__item--MqRhJ:nth-child(n+2) {
        margin-top: 20px
    }

    .index-module__item--MqRhJ img {
        margin-right: 16px
    }

    .index-module__item--MqRhJ>div {
        flex: 1 1;
        width: 0
    }

    .index-module__desc--uKobw {
        width: unset
    }
}

.index-module__banner-container--xuzxT {
    background-color: #fff;
    min-width: 1200px;
    position: relative
}

.index-module__banner-container--xuzxT,.index-module__banner-container--xuzxT * {
    box-sizing: border-box
}

.index-module__banner-container--xuzxT a,.index-module__banner-container--xuzxT a:active,.index-module__banner-container--xuzxT a:hover,.index-module__banner-container--xuzxT a:link,.index-module__banner-container--xuzxT a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__banner-image-container--aaxrT {
    font-size: 0;
    height: 740px;
    position: absolute;
    width: 100%
}

.index-module__banner-image-container--aaxrT.index-module__noButtonOrOpCard--1qtOu {
    height: 629px
}

.index-module__banner-image-big--AkpYK {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__banner-image-normal--6535I {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__banner-image-small--314f4 {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__banner-image-mobile--67W4j {
    display: none;
    padding-top: 48px
}

.index-module__banner-image-img--wE5Ro {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__banner-content-container--nGsaP {
    height: 740px;
    margin: 0 auto;
    padding-top: 188px;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__banner-content-container--nGsaP.index-module__noButtonOrOpCard--1qtOu {
    height: 629px
}

.index-module__banner-title-container--wP5e5 {
    align-items: flex-end;
    display: flex
}

.index-module__banner-title-container--wP5e5.index-module__with-subtitle--udiR8 {
    align-items: flex-start;
    flex-direction: column
}

.index-module__banner-title-container--wP5e5 .index-module__banner-title--A2icT {
    color: #282828;
    display: block;
    font-family: PingFang SC;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 64px;
    margin: 0;
    padding: 0
}

.index-module__banner-title-container--wP5e5 .index-module__banner-title-small-text--Ec2FY {
    color: #181818;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 28px;
    margin-left: 10px
}

.index-module__banner-title-container--wP5e5 .index-module__banner-title-subtitle--acsmE {
    color: #282828;
    font-family: PingFang SC;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 44px;
    margin: 12px 0 0
}

@media screen and (max-width: 1023px) {
    .index-module__banner-title-container--wP5e5 .index-module__banner-title-subtitle--acsmE {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner-title-container--wP5e5 .index-module__banner-title-subtitle--acsmE {
        font-size:14px;
        line-height: 22px;
        margin-top: 4px
    }
}

.index-module__banner-title-container--wP5e5 .index-module__banner-title-tag--KfR2\+ {
    background: #eceded;
    border-radius: 2px;
    color: #41464f;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 38px;
    margin-left: 8px;
    padding: 0 6px;
    vertical-align: bottom
}

.index-module__banner-des-items--QyT0a {
    margin-top: 20px
}

.index-module__banner-des-items-pad--ZDlGf {
    display: none;
    margin-top: 15px
}

.index-module__des-panel--IL09q {
    display: flex
}

.index-module__des-panel--IL09q+.index-module__des-panel--IL09q {
    margin-top: 8px
}

.index-module__yes-icon--K0F\+3 {
    align-items: center;
    display: flex;
    height: 24px
}

.index-module__des--wiT1U {
    margin-left: 6px
}

.index-module__banner-des-text--1Aq-F,.index-module__des--wiT1U {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__banner-des-text--1Aq-F {
    margin-top: 12px;
    width: 480px
}

.index-module__banner-des-text-pad--GVtMm {
    color: #4e5969;
    display: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 8px;
    width: 320px
}

.index-module__banner-params--HJXmj {
    display: flex;
    margin-top: 40px
}

@media(max-width: 767px) {
    .index-module__banner-params--HJXmj.index-module__for-merchant--dLuaF {
        justify-content:space-between;
        margin-top: 28px
    }

    .index-module__banner-params--HJXmj:not(.index-module__for-merchant--dLuaF) {
        display: none
    }
}

.index-module__param-panel--EIF0e+.index-module__param-panel--EIF0e {
    margin-left: 72px
}

@media(max-width: 767px) {
    .index-module__param-panel--EIF0e+.index-module__param-panel--EIF0e {
        margin:0
    }
}

.index-module__param-value--TPsSg em {
    color: #181818;
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .182143px;
    line-height: 42px
}

.index-module__param-value--TPsSg small {
    font-family: Roboto
}

.index-module__param-value--TPsSg small,.index-module__param-value--TPsSg span {
    color: #181818;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px
}

.index-module__param-value--TPsSg span {
    font-family: PingFang SC
}

@media(max-width: 767px) {
    .index-module__param-value--TPsSg>em,.index-module__param-value--TPsSg>small {
        font-family:PingFang SC;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px
    }
}

.index-module__param-name--PPLqC {
    color: #768197;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 26px;
    margin: 1px 0
}

@media(max-width: 767px) {
    .index-module__param-name--PPLqC {
        font-size:14px;
        line-height: 26px
    }
}

.index-module__banner-buttons---b5uy {
    display: flex;
    margin-top: 40px
}

@media(max-width: 767px) {
    .index-module__banner-buttons---b5uy.index-module__has-params--x-B7y {
        margin-top:28px
    }
}

.index-module__button-a-tag--An5-N {
    flex: none
}

.index-module__button-a-tag--An5-N+.index-module__button-a-tag--An5-N {
    margin-left: 20px
}

.index-module__button--hCEK1 {
    height: 50px
}

.index-module__button-primary--Dzyq8 {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 50px;
    text-align: center;
    width: 158px
}

.index-module__button-primary--Dzyq8:hover {
    background-color: #4281ff
}

.index-module__button-primary--Dzyq8:active {
    background-color: #05f
}

.index-module__button-secondary--mRHWe {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(46,70,146,.15);
    color: #101010;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 50px;
    text-align: center;
    width: 158px
}

.index-module__button-secondary--mRHWe:hover {
    background-color: #f6f8fa;
    border: 1px solid #4281fd;
    color: #41464f
}

.index-module__button-secondary--mRHWe:active {
    background-color: #f6f8fa;
    border: 1px solid #1664ff
}

.index-module__button-text--ihYgB {
    color: #101010;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 50px;
    text-align: center
}

.index-module__button-text--ihYgB .index-module__button-arrow--9VDul {
    align-items: center;
    display: flex;
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__button-text--ihYgB .index-module__button-arrow--9VDul svg {
    flex: none;
    height: 14px;
    width: 14px
}

.index-module__button-text--ihYgB:hover {
    color: #4086ff
}

.index-module__button-text--ihYgB:hover .index-module__button-arrow--9VDul {
    right: -4px
}

.index-module__button-text--ihYgB:active {
    color: #0e49d2
}

.index-module__banner-opcard-container--DS7p- {
    bottom: -4px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1200px;
    z-index: 1
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu {
    display: block;
    flex: 1 1 100px;
    min-width: 0
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu .index-module__op-card--wUBbQ {
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    height: 102px;
    overflow: hidden;
    padding: 24px 32px;
    position: relative;
    transition: box-shadow .5s,border .5s
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu .index-module__op-card--wUBbQ .index-module__op-card-title--QywoP {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu .index-module__op-card--wUBbQ .index-module__op-card-des--HP\+1Z {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu .index-module__op-card--wUBbQ:hover {
    border: 1px solid #fff;
    box-shadow: 0 3px 18px rgba(51,65,101,.1)
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu .index-module__op-card--wUBbQ:hover .index-module__op-card-title--QywoP {
    color: #1664ff
}

.index-module__banner-opcard-container--DS7p- .index-module__op-a-tag--fA\+iu+.index-module__op-a-tag--fA\+iu {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .index-module__banner-container--xuzxT {
        min-width:unset
    }

    .index-module__banner-image-container--aaxrT {
        height: unset;
        position: unset
    }

    .index-module__banner-image-container--aaxrT.index-module__noButtonOrOpCard--1qtOu {
        height: unset
    }

    .index-module__banner-image-mobile--67W4j {
        display: block
    }

    .index-module__banner-image-normal--6535I {
        display: none
    }

    .index-module__banner-image-img--wE5Ro {
        object-fit: unset
    }

    .index-module__banner-content-container--nGsaP {
        height: auto;
        margin: 0 24px;
        padding-top: unset;
        width: auto
    }

    .index-module__banner-content-container--nGsaP.index-module__noButtonOrOpCard--1qtOu {
        height: auto
    }

    .index-module__banner-title-container--wP5e5 {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .index-module__banner-title-container--wP5e5.index-module__with-subtitle--udiR8 {
        align-items: center
    }

    .index-module__banner-title-container--wP5e5 .index-module__banner-title--A2icT {
        font-size: 24px;
        line-height: 34px
    }

    .index-module__banner-title-container--wP5e5 .index-module__banner-title-tag--KfR2\+ {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 13px;
        margin-left: 6px;
        padding: 0 5px
    }

    .index-module__banner-title-container--wP5e5 .index-module__banner-title-small-text--Ec2FY {
        font-size: 16px;
        line-height: 19px;
        margin-left: 0;
        margin-top: 4px
    }

    .index-module__yes-icon--K0F\+3 {
        height: 22px
    }

    .index-module__des--wiT1U {
        font-size: 14px;
        line-height: 22px;
        margin-left: 8px
    }

    .index-module__banner-des-text--1Aq-F {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .index-module__banner-buttons---b5uy {
        display: flex;
        flex-direction: column;
        margin-top: 36px;
        padding-bottom: 48px;
        width: 100%
    }

    .index-module__button-a-tag--An5-N {
        flex: none;
        width: 100%
    }

    .index-module__button-a-tag--An5-N+.index-module__button-a-tag--An5-N {
        margin-left: unset;
        margin-top: 16px
    }

    .index-module__button-primary--Dzyq8,.index-module__button-secondary--mRHWe {
        width: 100%
    }

    .index-module__button-text--ihYgB {
        justify-content: center;
        width: 100%
    }

    .index-module__banner-opcard-container--DS7p- {
        display: none
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__banner-container--xuzxT {
        min-width:unset
    }

    .index-module__banner-image-container--aaxrT {
        height: 410px
    }

    .index-module__banner-image-container--aaxrT.index-module__noButtonOrOpCard--1qtOu {
        height: 392px
    }

    .index-module__banner-image-normal--6535I {
        display: none
    }

    .index-module__banner-image-small--314f4 {
        display: block
    }

    .index-module__banner-content-container--nGsaP {
        height: 410px;
        margin: 0 42px;
        padding-top: 115px;
        width: auto
    }

    .index-module__banner-content-container--nGsaP.index-module__noButtonOrOpCard--1qtOu {
        height: 392px
    }

    .index-module__banner-title-container--wP5e5 .index-module__banner-title--A2icT {
        font-size: 32px;
        line-height: 45px
    }

    .index-module__banner-title-container--wP5e5 .index-module__banner-title-small-text--Ec2FY {
        font-size: 16px
    }

    .index-module__banner-title-container--wP5e5 .index-module__banner-title-tag--KfR2\+ {
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 20px
    }

    .index-module__banner-des-items--QyT0a {
        display: none
    }

    .index-module__banner-des-items-pad--ZDlGf {
        display: block
    }

    .index-module__yes-icon--K0F\+3 {
        height: 22px
    }

    .index-module__des--wiT1U {
        font-size: 14px;
        line-height: 22px;
        margin-left: 8px
    }

    .index-module__banner-des-text--1Aq-F {
        display: none
    }

    .index-module__banner-des-text-pad--GVtMm {
        display: block
    }

    .index-module__banner-params--HJXmj {
        display: none
    }

    .index-module__banner-buttons---b5uy {
        margin-top: 38px
    }

    .index-module__button--hCEK1 {
        height: 44px
    }

    .index-module__button-primary--Dzyq8,.index-module__button-secondary--mRHWe {
        line-height: 44px;
        width: 113px
    }

    .index-module__button-text--ihYgB {
        line-height: 44px
    }

    .index-module__banner-opcard-container--DS7p- {
        background-color: #fff;
        bottom: unset;
        left: unset;
        padding: 0 42px 40px;
        position: relative;
        transform: unset;
        width: 100%
    }
}

@media screen and (min-width: 1680px) {
    .index-module__banner-image-big--AkpYK {
        display:block
    }

    .index-module__banner-image-normal--6535I {
        display: none
    }

    .index-module__banner-content-container--nGsaP {
        padding-top: 193px;
        width: 1440px
    }

    .index-module__banner-opcard-container--DS7p- {
        width: 1440px
    }
}

.index-module__card-tag--ws641 {
    height: 24px;
    overflow: hidden;
    padding: 0 13px 0 16px;
    position: absolute;
    right: 0;
    top: 0
}

.index-module__card-tag--ws641 .index-module__cardTag-trapezoid--x9kIz {
    background-image: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    border-radius: 8px;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    transform: matrix(1,0,.3182,1,3,-8);
    width: 100%
}

.index-module__card-tag--ws641 .index-module__cardTag-text--w9I58 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    position: relative;
    z-index: 1
}

.index-module__icon-yes--zgJzr {
    height: 18px;
    width: 18px
}

.index-module__partners--Hpz1G {
    flex-wrap: wrap;
    justify-content: space-between
}

.index-module__partners--Hpz1G img {
    flex-shrink: 0;
    height: 54px;
    object-fit: contain;
    width: 288px
}

.index-module__partners--Hpz1G img:nth-child(n+6) {
    margin-top: 32px
}

@media screen and (max-width: 1679px) {
    .index-module__partners--Hpz1G img {
        width:240px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__partners--Hpz1G {
        justify-content:center
    }

    .index-module__partners--Hpz1G img {
        height: 37px;
        width: 25%
    }

    .index-module__partners--Hpz1G img:nth-child(n+5) {
        margin-top: 43px
    }
}

@media screen and (max-width: 767px) {
    .index-module__partners--Hpz1G {
        justify-content:space-between
    }

    .index-module__partners--Hpz1G img {
        height: 37px;
        width: 50%
    }

    .index-module__partners--Hpz1G img:nth-child(n+3) {
        margin-top: 24px
    }
}

.arco-dropdown-menu {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    max-height: 200px;
    overflow: auto;
    padding: 4px 0;
    position: relative
}

.arco-dropdown-menu-hidden {
    display: none
}

.arco-dropdown-menu-item,.arco-dropdown-menu-pop-header {
    background-color: transparent;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.arco-dropdown-menu-item.arco-dropdown-menu-selected,.arco-dropdown-menu-pop-header.arco-dropdown-menu-selected {
    background-color: transparent;
    color: var(--color-text-1);
    font-weight: 500;
    transition: all .1s linear
}

.arco-dropdown-menu-item:hover,.arco-dropdown-menu-pop-header:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.arco-dropdown-menu-item:focus-visible,.arco-dropdown-menu-pop-header:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset
}

.arco-dropdown-menu-item.arco-dropdown-menu-active,.arco-dropdown-menu-pop-header.arco-dropdown-menu-active {
    box-shadow: 0 0 0 1px rgb(var(--primary-6)) inset
}

.arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-dropdown-menu-item a,.arco-dropdown-menu-item a:active,.arco-dropdown-menu-item a:focus,.arco-dropdown-menu-item a:hover,.arco-dropdown-menu-pop-header a,.arco-dropdown-menu-pop-header a:active,.arco-dropdown-menu-pop-header a:focus,.arco-dropdown-menu-pop-header a:hover {
    color: inherit;
    cursor: inherit;
    text-decoration: none
}

.arco-dropdown-menu-item>a:only-child:before,.arco-dropdown-menu-pop-header>a:only-child:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.arco-dropdown-menu-pop-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
    margin-left: 12px
}

.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title {
    margin-top: 4px
}

.arco-dropdown-menu-group-title {
    box-sizing: border-box;
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-dropdown-menu-dark {
    background-color: var(--color-menu-dark-bg);
    border-color: var(--color-menu-dark-bg)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header {
    background-color: transparent;
    color: var(--color-text-4)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected {
    background-color: transparent;
    color: var(--color-white)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover {
    color: var(--color-white)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item:hover,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover {
    background-color: var(--color-menu-dark-hover);
    color: var(--color-text-4)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
    background-color: transparent;
    color: var(--color-text-2)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-group-title {
    color: var(--color-text-3)
}

.arco-dropdown-menu-pop-trigger .arco-trigger-arrow {
    display: none
}

.arco-dropdown-menu+.arco-trigger-arrow {
    background-color: var(--color-bg-popup)
}

.arco-dropdown-menu-rtl .arco-dropdown-menu-item,.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header {
    text-align: right
}

.arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix,.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
    margin-left: 0;
    margin-right: 12px
}

@media screen and (max-width: 767px) {
    .index-module__pc--umdxf {
        display:none!important
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pcOnly--BjW-J {
        display:none!important
    }
}

.index-module__pad--Kmw5I {
    display: none!important
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__pad--Kmw5I {
        display:block!important
    }
}

@media screen and (min-width: 768px) {
    .index-module__mobile--KhDWF {
        display:none!important
    }
}

.index-module__banner-container--eSoL3 {
    background-color: #fff;
    position: relative
}

@media screen and (min-width: 1024px) {
    .index-module__banner-container--eSoL3 {
        min-width:1200px
    }
}

.index-module__banner-container--eSoL3,.index-module__banner-container--eSoL3 * {
    box-sizing: border-box
}

.index-module__banner-container--eSoL3 a,.index-module__banner-container--eSoL3 a:active,.index-module__banner-container--eSoL3 a:hover,.index-module__banner-container--eSoL3 a:link,.index-module__banner-container--eSoL3 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__banner-image-container--b2unA {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.index-module__banner-image-container--b2unA .index-module__banner-image--ndZD4 {
    display: block;
    height: 100%
}

@media screen and (max-width: 767px) {
    .index-module__banner-image-container--b2unA {
        align-items:flex-start;
        height: auto;
        position: relative
    }

    .index-module__banner-image-container--b2unA .index-module__banner-image--ndZD4 {
        height: auto;
        width: 100%
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__banner-image-container--b2unA {
        height:410px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__banner-image-container--b2unA {
        height:580px
    }
}

.index-module__banner-content-container--hzlkJ {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
    width: 1200px;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .index-module__banner-content-container--hzlkJ {
        margin:0 24px;
        padding-top: 19px;
        width: auto
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__banner-content-container--hzlkJ {
        height:410px;
        margin: 0 42px;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .index-module__banner-content-container--hzlkJ {
        height:580px;
        left: 50%;
        margin: 0 auto;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 1200px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__banner-content-container--hzlkJ {
        width:1440px
    }
}

.index-module__banner-opcard-container--Bsjee {
    position: relative;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__banner-opcard-container--Bsjee {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .index-module__banner-opcard-container--Bsjee {
        height:88px
    }
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ {
    display: flex;
    z-index: 1
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ {
        padding:0 42px 40px;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ {
        bottom:40px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 1200px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ {
        width:1440px
    }
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6 {
    display: block;
    flex: 1 1 100px;
    min-width: 0
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6 .index-module__op-card--RSFlt {
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    height: 102px;
    overflow: hidden;
    padding: 24px 32px;
    position: relative;
    transition: box-shadow .5s,border .5s
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6 .index-module__op-card--RSFlt .index-module__op-card-title--gnJqw {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6 .index-module__op-card--RSFlt .index-module__op-card-des--UOgJ8 {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6 .index-module__op-card--RSFlt:hover {
    border: 1px solid #fff;
    box-shadow: 0 3px 18px rgba(51,65,101,.1)
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6 .index-module__op-card--RSFlt:hover .index-module__op-card-title--gnJqw {
    color: #1664ff
}

.index-module__banner-opcard-container--Bsjee .index-module__banner-opcard-inner--UTgNQ .index-module__op-a-tag--Irlt6+.index-module__op-a-tag--Irlt6 {
    margin-left: 20px
}

.index-module__banner-params--k6UAx {
    display: flex;
    margin-top: 32px
}

@media(max-width: 1023px) {
    .index-module__banner-params--k6UAx {
        display:none
    }
}

@media(max-width: 767px) {
    .index-module__banner-params--k6UAx.index-module__mobile-display--NG196 {
        display:flex;
        justify-content: space-between;
        margin-top: 28px
    }
}

.index-module__param-panel--hLmQd+.index-module__param-panel--hLmQd {
    margin-left: 72px
}

@media(max-width: 767px) {
    .index-module__param-panel--hLmQd+.index-module__param-panel--hLmQd {
        margin:0
    }
}

.index-module__param-value--5Vl7Z em {
    color: #181818;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .182143px;
    line-height: 42px
}

.index-module__param-value--5Vl7Z small {
    font-family: Roboto
}

.index-module__param-value--5Vl7Z small,.index-module__param-value--5Vl7Z span {
    color: #181818;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px
}

.index-module__param-value--5Vl7Z span {
    font-family: PingFang SC
}

@media(max-width: 767px) {
    .index-module__param-value--5Vl7Z>em,.index-module__param-value--5Vl7Z>small {
        font-family:PingFang SC;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px
    }
}

.index-module__param-name--QeSh5 {
    color: #768197;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 26px;
    margin: 1px 0
}

@media(max-width: 767px) {
    .index-module__param-name--QeSh5 {
        font-size:14px;
        line-height: 26px
    }
}

.index-module__banner-subtitle--dLjij {
    color: #282828;
    font-family: PingFang SC;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 44px;
    margin: 12px 0 0
}

@media screen and (max-width: 1023px) {
    .index-module__banner-subtitle--dLjij {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner-subtitle--dLjij {
        font-size:14px;
        line-height: 22px;
        margin-top: 4px
    }
}

.index-module__banner-title-video--AAceP {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    color: #181818;
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    margin-left: 14px;
    overflow: hidden;
    width: 38px
}

@media screen and (max-width: 767px) {
    .index-module__banner-title-video--AAceP {
        display:none
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__banner-title-video--AAceP {
        height:28px;
        width: 28px
    }
}

.index-module__banner-title-video--AAceP:hover {
    color: #5d5d5d
}

.index-module__banner-video-modal--M9Xxk {
    align-items: center;
    background: hsla(0,0%,6%,.15);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.index-module__modal-video-wrap--SypUt {
    position: relative;
    width: 700px
}

.index-module__modal-video-wrap--SypUt video {
    height: 100%;
    width: 100%
}

.index-module__modal-video-wrap--SypUt .index-module__modal-close-btn--gu3tX {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: -25px;
    top: 0
}

.index-module__modal-video-wrap--SypUt .index-module__modal-close-btn--gu3tX:hover {
    color: #1664ff
}

.index-module__banner-related--8-bU1 {
    align-items: center;
    background: #f6f8fa;
    border: 1px solid #dde2e9;
    border-radius: 4px;
    color: #42464e;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    margin-bottom: 8px;
    padding-left: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 77px
}

@media screen and (max-width: 767px) {
    .index-module__banner-related--8-bU1 {
        display:none
    }
}

.index-module__banner-related--8-bU1 svg {
    margin-left: 4px;
    transition: transform .2s ease
}

.arco-dropdown-open.index-module__banner-related--8-bU1 svg {
    transform: rotate(-180deg)
}

.index-module__banner-related-items--ZyfL6 {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #eaedf1;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05),0 15px 35px -2px rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    height: 118px;
    overflow-y: auto;
    padding: 6px
}

.index-module__banner-related-items--ZyfL6::-webkit-scrollbar {
    width: 4px
}

.index-module__banner-related-items--ZyfL6::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border-radius: 2px;
    width: 4px
}

.index-module__banner-related-items--ZyfL6::-webkit-scrollbar-track {
    background-color: transparent;
    width: 4px
}

.index-module__banner-related-item--bDaRv {
    align-items: center;
    border-radius: 4px;
    color: #0c0d0e;
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    height: 32px;
    min-width: 124px;
    padding: 0 12px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.index-module__banner-related-item--bDaRv.index-module__strong--JHPFN,.index-module__banner-related-item--bDaRv:hover {
    background: #f8f9fe
}

.index-module__banner-related-item--bDaRv.index-module__strong--JHPFN {
    font-weight: 500
}

.index-module__banner-related-item--bDaRv+.index-module__banner-related-item--bDaRv {
    margin-top: 4px
}

.index-module__banner-related-item--bDaRv .index-module__ul--giJYm {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 20px
}

.index-module__banner-related-item--bDaRv .index-module__ul--giJYm:after {
    background: #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4.5px;
    width: 4.5px
}

.index-module__banner-title-container--2moCz {
    align-items: flex-end;
    display: flex
}

.index-module__banner-title-container--2moCz .index-module__banner-title--GqYFO {
    color: #282828;
    display: block;
    font-family: PingFang SC;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: normal;
    margin: 0;
    padding: 0
}

.index-module__banner-title-container--2moCz .index-module__banner-title-small-text--f7pBw {
    color: #181818;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 28px;
    margin-left: 10px
}

.index-module__banner-title-container--2moCz .index-module__banner-title-tag--tIDL6 {
    background: #eceded;
    border-radius: 2px;
    color: #41464f;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 38px;
    margin-left: 8px;
    padding: 0 6px;
    vertical-align: bottom
}

.index-module__banner-des-items--G3G1d {
    margin-top: 12px
}

.index-module__banner-des-items-pad--hPwo\+ {
    display: none;
    margin-top: 15px
}

.index-module__des-panel--I20yQ {
    display: flex
}

.index-module__des-panel--I20yQ+.index-module__des-panel--I20yQ {
    margin-top: 8px
}

.index-module__yes-icon--sOeGy {
    align-items: center;
    display: flex;
    height: 24px
}

.index-module__des--CgCA3 {
    margin-left: 6px
}

.index-module__banner-des-text--PrHJX,.index-module__des--CgCA3 {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__banner-des-text--PrHJX {
    margin-top: 12px;
    width: 480px
}

.index-module__banner-des-text-pad--ht4BA {
    color: #4e5969;
    display: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 8px;
    width: 320px
}

.index-module__banner-buttons--Bjp-a {
    display: flex;
    margin-top: 32px
}

.index-module__button-a-tag--\+AcFG {
    flex: none
}

.index-module__button-a-tag--\+AcFG+.index-module__button-a-tag--\+AcFG {
    margin-left: 20px
}

.index-module__button--M9mQd {
    height: 50px
}

.index-module__button-primary--tcxxm {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 50px;
    text-align: center;
    width: 158px
}

.index-module__button-primary--tcxxm:hover {
    background-color: #4281ff
}

.index-module__button-primary--tcxxm:active {
    background-color: #05f
}

.index-module__button-secondary--HWGjX {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(46,70,146,.15);
    color: #101010;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 50px;
    text-align: center;
    width: 158px
}

.index-module__button-secondary--HWGjX:hover {
    background-color: #f6f8fa;
    border: 1px solid #4281fd;
    color: #41464f
}

.index-module__button-secondary--HWGjX:active {
    background-color: #f6f8fa;
    border: 1px solid #1664ff
}

.index-module__button-text--i7VPP {
    color: #101010;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 50px;
    text-align: center
}

.index-module__button-text--i7VPP .index-module__button-arrow--tcort {
    align-items: center;
    display: flex;
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__button-text--i7VPP .index-module__button-arrow--tcort svg {
    flex: none;
    height: 14px;
    width: 14px
}

.index-module__button-text--i7VPP:hover {
    color: #4086ff
}

.index-module__button-text--i7VPP:hover .index-module__button-arrow--tcort {
    right: -4px
}

.index-module__button-text--i7VPP:active {
    color: #0e49d2
}

@media screen and (max-width: 767px) {
    .index-module__banner-title-container--2moCz {
        align-items:center;
        display: flex;
        flex-direction: column
    }

    .index-module__banner-title-container--2moCz .index-module__banner-title--GqYFO {
        font-size: 24px;
        line-height: 34px
    }

    .index-module__banner-title-container--2moCz .index-module__banner-title-tag--tIDL6 {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 13px;
        margin-left: 6px;
        padding: 0 5px
    }

    .index-module__banner-title-container--2moCz .index-module__banner-title-small-text--f7pBw {
        font-size: 16px;
        line-height: 19px;
        margin-left: 0;
        margin-top: 4px
    }

    .index-module__yes-icon--sOeGy {
        height: 22px
    }

    .index-module__des--CgCA3 {
        font-size: 14px;
        line-height: 22px;
        margin-left: 8px
    }

    .index-module__banner-des-text--PrHJX {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .index-module__banner-buttons--Bjp-a {
        display: flex;
        flex-direction: column;
        margin-top: 36px;
        padding-bottom: 48px;
        width: 100%
    }

    .index-module__banner-buttons--Bjp-a.index-module__shortTopPadding--O8cI4 {
        margin-top: 28px
    }

    .index-module__button-a-tag--\+AcFG {
        flex: none;
        width: 100%
    }

    .index-module__button-a-tag--\+AcFG+.index-module__button-a-tag--\+AcFG {
        margin-left: unset;
        margin-top: 16px
    }

    .index-module__button-primary--tcxxm,.index-module__button-secondary--HWGjX {
        width: 100%
    }

    .index-module__button-text--i7VPP {
        justify-content: center;
        width: 100%
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .index-module__banner-title-container--2moCz .index-module__banner-title--GqYFO {
        font-size:32px;
        line-height: 45px
    }

    .index-module__banner-title-container--2moCz .index-module__banner-title-small-text--f7pBw {
        font-size: 16px
    }

    .index-module__banner-title-container--2moCz .index-module__banner-title-tag--tIDL6 {
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 20px
    }

    .index-module__banner-des-items--G3G1d {
        display: none
    }

    .index-module__banner-des-items-pad--hPwo\+ {
        display: block
    }

    .index-module__yes-icon--sOeGy {
        height: 22px
    }

    .index-module__des--CgCA3 {
        font-size: 14px;
        line-height: 22px;
        margin-left: 8px
    }

    .index-module__banner-des-text--PrHJX {
        display: none
    }

    .index-module__banner-des-text-pad--ht4BA {
        display: block
    }

    .index-module__banner-buttons--Bjp-a {
        margin-top: 38px
    }

    .index-module__button--M9mQd {
        height: 44px
    }

    .index-module__button-primary--tcxxm,.index-module__button-secondary--HWGjX {
        line-height: 44px;
        width: 113px
    }

    .index-module__button-text--i7VPP {
        line-height: 44px
    }
}

.index-module__card-tag--5KV1l {
    height: 24px;
    overflow: hidden;
    padding: 0 13px 0 16px;
    position: absolute;
    right: 0;
    top: 0
}

.index-module__card-tag--5KV1l .index-module__cardTag-trapezoid--bNScv {
    background-image: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    border-radius: 8px;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    transform: matrix(1,0,.3182,1,3,-8);
    width: 100%
}

.index-module__card-tag--5KV1l .index-module__cardTag-text--8Zzpx {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    position: relative;
    z-index: 1
}

.index-module__structure3-container--KDvW0 {
    width: 100%
}

.index-module__structure3-container--KDvW0,.index-module__structure3-container--KDvW0 * {
    box-sizing: border-box
}

.index-module__structure3-container--KDvW0 a,.index-module__structure3-container--KDvW0 a:active,.index-module__structure3-container--KDvW0 a:hover,.index-module__structure3-container--KDvW0 a:link,.index-module__structure3-container--KDvW0 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS {
    display: block
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 {
    display: flex;
    height: 52px;
    width: 100%
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K {
    background: #f6f7fb;
    border: 1px solid #e5e6eb;
    border-right: none;
    cursor: pointer;
    flex: auto;
    height: 100%;
    position: relative;
    transition: background .1s ease-in-out
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K:last-child {
    border-right: 1px solid #e5e6eb
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K .index-module__active-indicator--2W9A0 {
    background: #1664ff;
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K .index-module__tab-title--u3Nbn {
    color: #86909c;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K.index-module__active--R2n9Y {
    background: #fff
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K.index-module__active--R2n9Y .index-module__active-indicator--2W9A0 {
    display: block
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K.index-module__active--R2n9Y .index-module__tab-title--u3Nbn {
    color: #1a202c
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 {
    display: grid;
    width: 100%
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N {
    grid-area: 1/1/2/2;
    opacity: 0;
    pointer-events: none
}

.index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N.index-module__active--R2n9Y {
    opacity: 1;
    pointer-events: auto
}

.index-module__structure3-container--KDvW0 .index-module__mobile--sTIek {
    display: none
}

.index-module__structure3-container--KDvW0.index-module__disable-info--83w-X .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pc]>[class*=frameWrap]>[class*=frameWrap] {
    border-radius: 12px
}

.index-module__structure3-container--KDvW0.index-module__multiple-tab--CvVUR .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pc] {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.index-module__structure3-container--KDvW0.index-module__multiple-tab--CvVUR .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pc]>[class*=frameWrap]>[class*=frameWrap] {
    border-top-left-radius: 0
}

.index-module__structure3-container--KDvW0.index-module__multiple-tab--CvVUR .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pc]>[class*=content] {
    border-top-right-radius: 0
}

.index-module__structure3-container--KDvW0.index-module__multiple-tab--CvVUR.index-module__disable-info--83w-X .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pc]>[class*=frameWrap]>[class*=frameWrap] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media screen and (max-width: 767px) {
    .index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS {
        display:none
    }

    .index-module__structure3-container--KDvW0 .index-module__mobile--sTIek {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 {
        height:44px
    }

    .index-module__structure3-container--KDvW0 .index-module__pc-and-pad--ArfDS .index-module__tabs-header-container--I2YM2 .index-module__tab-header--wCj-K .index-module__tab-title--u3Nbn {
        line-height: 42px
    }

    .index-module__structure3-container--KDvW0.index-module__multiple-tab--CvVUR .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pad]>[class*=frameWrap] {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .index-module__structure3-container--KDvW0.index-module__multiple-tab--CvVUR .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N>[class*=pad]>[class*=frameWrap]>[class*=frameWrap] {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (min-width: 1680px) {
    .index-module__structure3-container--KDvW0.index-module__disable-info--83w-X .index-module__pc-and-pad--ArfDS .index-module__tabs-content-container--ZC8c7 .index-module__tab-content--L3K7N [class*=innerWrap]>[class*=picture] {
        max-width:min(100%,1100px)
    }
}

.index-module__pc--GkYUj {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    display: flex;
    height: 664px;
    width: 1440px
}

.index-module__pc--GkYUj a,.index-module__pc--GkYUj a:active,.index-module__pc--GkYUj a:hover,.index-module__pc--GkYUj a:link,.index-module__pc--GkYUj a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--M5vcK {
    flex-grow: 1;
    height: 100%
}

.index-module__content--AzO\+Y {
    background: #fff;
    border-radius: 0 12px 12px 0;
    flex-shrink: 0;
    padding: 32px 28px;
    width: 387px
}

.index-module__tab_right_title--zvBhZ {
    color: #181818;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .04px;
    line-height: 28px
}

.index-module__tab_desc--VeP9W {
    color: #4e5969;
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    margin-top: 12px
}

.index-module__sub--9Go70+.index-module__sub--9Go70 {
    margin-top: 19px
}

.index-module__sub_title--A73xo {
    color: #181818;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin: 24px 0 12px;
    padding: 0
}

.index-module__sub_desc--6YRPI {
    align-items: center;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 12px
}

.index-module__sub_desc--6YRPI svg {
    margin-right: 4px
}

.index-module__sub_explain--6PFxF {
    color: #a6acb4;
    margin-top: 4px
}

.index-module__button--AjyF- {
    align-items: center;
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    margin: 24px 0 5px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%
}

.index-module__button--AjyF-:hover {
    background: #4281ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__button--AjyF-:active {
    background: #05f;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__cutting_line--pUD2F {
    background: #e5e8ef;
    height: 1px;
    margin: 19px 0 24px;
    width: 100%
}

.index-module__product_btn--rXUVx {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 8px 0 4px;
    outline: none;
    padding-left: 12px;
    width: 150px
}

.index-module__product_btn--rXUVx:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--rXUVx:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--rXUVx img {
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

@media screen and (max-width: 1679px) {
    .index-module__pc--GkYUj {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pc--GkYUj {
        display:none
    }
}

.index-module__frameWrap--LHiVt {
    background: #f2f3f8;
    border-radius: 12px 0 0 12px;
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I {
    bottom: 23px;
    left: 47px;
    position: absolute;
    z-index: 3
}

@media screen and (max-width: 1679px) {
    .index-module__frameWrap--LHiVt .index-module__tools--JCc-I {
        display:none
    }
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I button {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6e8;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    height: 36px;
    padding: 10px
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I button:hover {
    box-shadow: 0 4px 6px rgba(40,40,40,.25)
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I button span {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-left: 7px
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__disable--tBxoO {
    cursor: not-allowed
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__plus--F1OTI {
    font-size: 24px
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__reset---V82K {
    margin-bottom: 12px;
    position: relative
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__pop-over--MzM7w {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: -140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__pop-over--MzM7w.index-module__hidden--AsjSy {
    opacity: 0;
    visibility: hidden
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__pop-over--MzM7w.index-module__hidden--AsjSy.index-module__show--40Pzs {
    opacity: 1;
    visibility: visible
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__pop-content--gCTyG {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    box-shadow: 0 4px 10px #000;
    box-sizing: border-box;
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__rhombus--btCOy {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-bottom: none;
    border-bottom-right-radius: 2px;
    border-left: none;
    height: 8px;
    margin-left: -4px;
    transform: rotate(45deg);
    width: 8px
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__iconFullscreen--G91lc {
    stroke-width: 6;
    color: #4e5969;
    height: 16px;
    width: 16px
}

.index-module__frameWrap--LHiVt .index-module__tools--JCc-I .index-module__minusSymbol--zyhUB {
    background-color: #fff;
    border-radius: .5px;
    height: 2.4px;
    margin: auto;
    width: 12px
}

.index-module__frameWrap--LHiVt .index-module__zoom-content--wYhEf,.index-module__frameWrap--LHiVt .index-module__zoom-wrapper--sBCij {
    height: 100%!important;
    width: 100%!important
}

.index-module__frameWrap--LHiVt .index-module__innerWrap--e2brk {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.index-module__frameWrap--LHiVt .index-module__innerWrap--e2brk .index-module__picture--kzB6y {
    max-height: 100%;
    max-width: min(100%,820px);
    object-fit: contain
}

.index-module__isPcZoom--ucexP {
    cursor: zoom-in
}

@media screen and (max-width: 1023px) {
    .index-module__frameWrap--LHiVt {
        border-radius:8px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .index-module__frameWrap--LHiVt .index-module__innerWrap--e2brk {
        box-sizing: border-box
    }
}

.index-module__modal-wrap--WLYtK {
    background-color: #f7f7f9!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important
}

.index-module__modal-wrap--WLYtK .index-module__picture--kzB6y {
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    width: 90vw
}

.index-module__modal-wrap--WLYtK .arco-modal-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.index-module__modal-wrap--WLYtK .arco-icon-hover:hover:before {
    height: 26px;
    width: 26px
}

.index-module__modal-wrap--WLYtK .arco-icon-close {
    height: 20px;
    width: 20px
}

.index-module__pad--ukx5p {
    display: none;
    width: 100%
}

.index-module__pad--ukx5p a,.index-module__pad--ukx5p a:active,.index-module__pad--ukx5p a:hover,.index-module__pad--ukx5p a:link,.index-module__pad--ukx5p a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--nhUde {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    width: 100%
}

.index-module__content--meYAm {
    display: flex;
    padding-top: 24px;
    width: 100%
}

.index-module__sub_content--4djSg {
    flex-shrink: 0;
    width: 263px
}

.index-module__sub_title--hotiv {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--gHNt\+,.index-module__sub_title--hotiv {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--gHNt\+ {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--gHNt\+ svg {
    margin-right: 8px
}

.index-module__product_content--TzN1T {
    border-left: 1px solid #e5e8ef;
    flex-grow: 1;
    padding-left: 32px
}

.index-module__product_a--uzwMu:nth-child(odd) {
    margin-left: 12px
}

.index-module__product_btn--hjvXp {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding-left: 12px;
    width: calc(50% - 6px)
}

.index-module__product_btn--hjvXp:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--hjvXp:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--hjvXp img {
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

@media screen and (max-width: 1023px) {
    .index-module__pad--ukx5p {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__pad--ukx5p {
        display:none
    }
}

.index-module__mobile--ymOPU {
    display: none;
    width: 100%
}

.index-module__mobile--ymOPU a,.index-module__mobile--ymOPU a:active,.index-module__mobile--ymOPU a:hover,.index-module__mobile--ymOPU a:link,.index-module__mobile--ymOPU a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--aI-Ao {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    height: 350px;
    overflow-x: scroll;
    width: 100%
}

.index-module__frame--xJTsj {
    box-sizing: border-box;
    height: 98%;
    padding: 24px
}

.index-module__sub_content--aptIj {
    margin: 24px 0 16px
}

.index-module__sub_title--ioH2D {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--y7cKg,.index-module__sub_title--ioH2D {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--y7cKg {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--y7cKg svg {
    margin-right: 8px
}

.index-module__product_content--KqIL\+ {
    border-bottom: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef;
    padding: 16px 0
}

.index-module__product_a--QPjqI:nth-child(odd) {
    margin-left: 10px
}

.index-module__product_btn--Ru68x {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding-left: 12px;
    width: calc(50% - 5px)
}

.index-module__product_btn--Ru68x:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--Ru68x:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--Ru68x img {
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .index-module__mobile-tab-title--nAKk- {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .index-module__structure-2-mobile-tab--rRTn7 {
    padding: 0 16px 20px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .index-module__structure-2-mobile-tab--rRTn7 .index-module__mobile--ymOPU .index-module__frameWrap--aI-Ao {
    border-radius: 2px
}

.index-module__mobile-container--1sjbe .index-module__structure-2-mobile-collapse--HGjM\+ .index-module__structure-2-mobile-tab--rRTn7 .index-module__mobile--ymOPU .index-module__product_content--KqIL\+ {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (max-width: 767px) {
    .index-module__mobile--ymOPU {
        display:block
    }
}

.index-module__structure2-container--AAiyg {
    width: 100%
}

.index-module__structure2-container--AAiyg,.index-module__structure2-container--AAiyg * {
    box-sizing: border-box
}

.index-module__structure2-container--AAiyg a,.index-module__structure2-container--AAiyg a:active,.index-module__structure2-container--AAiyg a:hover,.index-module__structure2-container--AAiyg a:link,.index-module__structure2-container--AAiyg a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- {
    display: block
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj {
    display: flex;
    height: 52px;
    width: 100%
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp {
    background: #f6f7fb;
    border: 1px solid #e5e6eb;
    border-right: none;
    cursor: pointer;
    flex: auto;
    height: 100%;
    position: relative;
    transition: background .1s ease-in-out
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp:last-child {
    border-right: 1px solid #e5e6eb
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp .index-module__active-indicator--8VzG4 {
    background: #1664ff;
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp .index-module__tab-title--aJPJc {
    color: #86909c;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp.index-module__active--rfqSo {
    background: #fff
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp.index-module__active--rfqSo .index-module__active-indicator--8VzG4 {
    display: block
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp.index-module__active--rfqSo .index-module__tab-title--aJPJc {
    color: #1a202c
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq {
    display: grid;
    width: 100%
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS {
    grid-area: 1/1/2/2;
    opacity: 0;
    pointer-events: none
}

.index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS.index-module__active--rfqSo {
    opacity: 1;
    pointer-events: auto
}

.index-module__structure2-container--AAiyg .index-module__mobile--FwMSn {
    display: none
}

.index-module__structure2-container--AAiyg.index-module__disable-info--BhDjv .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pc]>[class*=frameWrap]>[class*=frameWrap] {
    border-radius: 12px
}

.index-module__structure2-container--AAiyg.index-module__multiple-tab--Yd9TW .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pc] {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.index-module__structure2-container--AAiyg.index-module__multiple-tab--Yd9TW .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pc]>[class*=frameWrap]>[class*=frameWrap] {
    border-top-left-radius: 0
}

.index-module__structure2-container--AAiyg.index-module__multiple-tab--Yd9TW .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pc]>[class*=content] {
    border-top-right-radius: 0
}

.index-module__structure2-container--AAiyg.index-module__multiple-tab--Yd9TW.index-module__disable-info--BhDjv .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pc]>[class*=frameWrap]>[class*=frameWrap] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media screen and (max-width: 767px) {
    .index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- {
        display:none
    }

    .index-module__structure2-container--AAiyg .index-module__mobile--FwMSn {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj {
        height:44px
    }

    .index-module__structure2-container--AAiyg .index-module__pc-and-pad--TDzT- .index-module__tabs-header-container--VwGTj .index-module__tab-header--Xm6Cp .index-module__tab-title--aJPJc {
        line-height: 42px
    }

    .index-module__structure2-container--AAiyg.index-module__multiple-tab--Yd9TW .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pad]>[class*=frameWrap] {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .index-module__structure2-container--AAiyg.index-module__multiple-tab--Yd9TW .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS>[class*=pad]>[class*=frameWrap]>[class*=frameWrap] {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (min-width: 1680px) {
    .index-module__structure2-container--AAiyg.index-module__disable-info--BhDjv .index-module__pc-and-pad--TDzT- .index-module__tabs-content-container--g2rlq .index-module__tab-content--9aYLS [class*=innerWrap]>[class*=picture] {
        max-width:min(100%,1100px)
    }
}

.index-module__pc--RgdG9 {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    display: flex;
    height: 660px;
    width: 1440px
}

.index-module__pc--RgdG9 a,.index-module__pc--RgdG9 a:active,.index-module__pc--RgdG9 a:hover,.index-module__pc--RgdG9 a:link,.index-module__pc--RgdG9 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--Uqxnr {
    flex-grow: 1;
    height: 100%
}

.index-module__content--Z3VBU {
    background: #fff;
    border-radius: 0 12px 12px 0;
    flex-shrink: 0;
    padding: 32px 28px;
    width: 277px
}

.index-module__sub--boCcc+.index-module__sub--boCcc {
    margin-top: 19px
}

.index-module__sub_title--8w9Tf {
    color: #181818;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 7px;
    padding: 0
}

.index-module__sub_desc--JVrT2 {
    align-items: center;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 5px 0
}

.index-module__sub_desc--JVrT2 svg {
    margin-right: 4px
}

.index-module__button--tQbxs {
    align-items: center;
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    margin: 19px 0 5px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%
}

.index-module__button--tQbxs:hover {
    background: #4281ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__button--tQbxs:active {
    background: #05f;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__cutting_line--MEMeg {
    background: #e5e8ef;
    height: 1px;
    margin: 19px 0 24px;
    width: 100%
}

.index-module__product_btn--edEFl {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 8px 0 4px;
    outline: none;
    padding: 0;
    width: 150px
}

.index-module__product_btn--edEFl:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--edEFl:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--edEFl img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 1679px) {
    .index-module__pc--RgdG9 {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pc--RgdG9 {
        display:none
    }
}

.index-module__frameWrap--HJH-1 {
    background: #f2f3f8;
    border-radius: 12px 0 0 12px;
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 {
    bottom: 23px;
    left: 47px;
    position: absolute;
    z-index: 3
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 button {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6e8;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    height: 36px;
    padding: 10px
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 button:hover {
    box-shadow: 0 4px 6px rgba(40,40,40,.25)
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 button span {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-left: 7px
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__disable--JV43O {
    cursor: not-allowed
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__plus--QdBdY {
    font-size: 24px
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__reset--bLUg\+ {
    margin-bottom: 12px;
    position: relative
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__pop-over--L6G8q {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: -140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__pop-over--L6G8q.index-module__hidden--JEBui {
    opacity: 0;
    visibility: hidden
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__pop-over--L6G8q.index-module__hidden--JEBui.index-module__show--Wu7S\+ {
    opacity: 1;
    visibility: visible
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__pop-content--tlQFm {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    box-shadow: 0 4px 10px #000;
    box-sizing: border-box;
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__rhombus--EfpiJ {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-bottom: none;
    border-bottom-right-radius: 2px;
    border-left: none;
    height: 8px;
    margin-left: -4px;
    transform: rotate(45deg);
    width: 8px
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__iconFullscreen--RRohi {
    stroke-width: 6;
    color: #4e5969;
    height: 16px;
    width: 16px
}

.index-module__frameWrap--HJH-1 .index-module__tools--wkux6 .index-module__minusSymbol--\+QqCM {
    background-color: #fff;
    border-radius: .5px;
    height: 2.4px;
    margin: auto;
    width: 12px
}

.index-module__frameWrap--HJH-1 .index-module__zoom-content--l-VfL,.index-module__frameWrap--HJH-1 .index-module__zoom-wrapper--y5J8E {
    height: 100%!important;
    width: 100%!important
}

.index-module__frameWrap--HJH-1 .index-module__innerWrap--KUScA {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.index-module__frameWrap--HJH-1 .index-module__innerWrap--KUScA .index-module__picture--TtB5o {
    max-height: 100%;
    max-width: min(100%,820px);
    object-fit: contain
}

.index-module__isPcZoom--NKC\+t {
    cursor: zoom-in
}

@media screen and (max-width: 1023px) {
    .index-module__frameWrap--HJH-1 {
        border-radius:8px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .index-module__frameWrap--HJH-1 .index-module__innerWrap--KUScA {
        box-sizing: border-box
    }
}

.index-module__modal-wrap--ALwzu {
    background-color: #f7f7f9;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__modal-wrap--ALwzu .index-module__picture--TtB5o {
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    width: 90vw
}

.index-module__modal-wrap--ALwzu .arco-modal-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.index-module__modal-wrap--ALwzu .arco-icon-hover:hover:before {
    height: 26px;
    width: 26px
}

.index-module__modal-wrap--ALwzu .arco-icon-close {
    height: 20px;
    width: 20px
}

.index-module__pad--LKpfa {
    display: none;
    width: 100%
}

.index-module__pad--LKpfa a,.index-module__pad--LKpfa a:active,.index-module__pad--LKpfa a:hover,.index-module__pad--LKpfa a:link,.index-module__pad--LKpfa a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--89QgG {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    width: 100%
}

.index-module__content--IAEiV {
    display: flex;
    padding-top: 24px;
    width: 100%
}

.index-module__sub_content--6nE4K {
    flex-shrink: 0;
    width: 263px
}

.index-module__sub_title--Cpnme {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--39OU5,.index-module__sub_title--Cpnme {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--39OU5 {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--39OU5 svg {
    margin-right: 8px
}

.index-module__product_content--BYfxP {
    border-left: 1px solid #e5e8ef;
    flex-grow: 1;
    padding-left: 32px
}

.index-module__product_a--SFNlm:nth-child(odd) {
    margin-left: 12px
}

.index-module__product_btn--KJ3HP {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding: 0;
    width: calc(50% - 6px)
}

.index-module__product_btn--KJ3HP:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--KJ3HP:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--KJ3HP img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 1023px) {
    .index-module__pad--LKpfa {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__pad--LKpfa {
        display:none
    }
}

.index-module__mobile--Q-FuO {
    display: none;
    width: 100%
}

.index-module__mobile--Q-FuO a,.index-module__mobile--Q-FuO a:active,.index-module__mobile--Q-FuO a:hover,.index-module__mobile--Q-FuO a:link,.index-module__mobile--Q-FuO a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--yrUa8 {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    height: 350px;
    overflow-x: scroll;
    width: 100%
}

.index-module__frame--aM1l\+ {
    box-sizing: border-box;
    height: 98%;
    padding: 24px
}

.index-module__sub_content--9a1hv {
    margin: 24px 0 16px
}

.index-module__sub_title---fNeC {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--x5QdA,.index-module__sub_title---fNeC {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--x5QdA {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--x5QdA svg {
    margin-right: 8px
}

.index-module__product_content--ZQmU6 {
    border-bottom: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef;
    padding: 16px 0
}

.index-module__product_a--HiOf4:nth-child(odd) {
    margin-left: 10px
}

.index-module__product_btn--Iu-RP {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding: 0;
    width: calc(50% - 5px)
}

.index-module__product_btn--Iu-RP:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--Iu-RP:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--Iu-RP img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .index-module__mobile-tab-title--9r0ku {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .index-module__structure-2-mobile-tab--gmtSg {
    padding: 0 16px 20px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .index-module__structure-2-mobile-tab--gmtSg .index-module__mobile--Q-FuO .index-module__frameWrap--yrUa8 {
    border-radius: 2px
}

.index-module__mobile-container--Al6cg .index-module__structure-2-mobile-collapse--3ve8l .index-module__structure-2-mobile-tab--gmtSg .index-module__mobile--Q-FuO .index-module__product_content--ZQmU6 {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (max-width: 767px) {
    .index-module__mobile--Q-FuO {
        display:block
    }
}

.index-module__banner_wrap--gCHY1 {
    height: 500px;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner_wrap--gCHY1 {
        height:428px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner_wrap--gCHY1 {
        height:268px
    }
}

.index-module__banner_wrap--gCHY1 .index-module__content_banner--GXO06 {
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__banner_wrap--gCHY1 .index-module__bg_img_box--hSObz {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.index-module__banner_wrap--gCHY1 .index-module__bg_img_box--hSObz>div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .index-module__banner_wrap--gCHY1 .index-module__bg_img_box--hSObz .index-module__pc_img--04jF\+ {
        display:block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner_wrap--gCHY1 .index-module__bg_img_box--hSObz .index-module__ipad_img--4tXeK {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner_wrap--gCHY1 .index-module__bg_img_box--hSObz .index-module__mob_img--PG79K {
        display:block
    }
}

.index-module__banner_wrap--gCHY1 .index-module__content--4VSPM {
    height: 100%;
    padding-top: 124px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner_wrap--gCHY1 .index-module__content--4VSPM {
        padding-top:121px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner_wrap--gCHY1 .index-module__content--4VSPM {
        padding-top:105px
    }
}

.index-module__banner_wrap--gCHY1 .index-module__title--58JlS {
    color: #282828;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 67px;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner_wrap--gCHY1 .index-module__title--58JlS {
        font-size:32px
    }
}

@media screen and (max-width: 767px) {
    .index-module__banner_wrap--gCHY1 .index-module__title--58JlS {
        font-size:24px;
        margin-bottom: 20px
    }
}

.index-module__banner_wrap--gCHY1 .index-module__desc--y0C1A {
    color: #4e5969;
    display: none;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    margin: 8px auto 28px;
    overflow: hidden;
    text-align: center;
    width: 653px
}

@media screen and (max-width: 1023px) and (min-width:768px) {
    .index-module__banner_wrap--gCHY1 .index-module__desc--y0C1A {
        display:block
    }
}

.index-module__banner_wrap--gCHY1 .index-module__anchor_wrap--AYN1K {
    align-items: center;
    display: none;
    height: 51px;
    justify-content: space-between;
    margin: 20px auto 40px;
    width: 672px
}

@media screen and (min-width: 767px) {
    .index-module__banner_wrap--gCHY1 .index-module__anchor_wrap--AYN1K {
        display:flex
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner_wrap--gCHY1 .index-module__anchor_wrap--AYN1K {
        margin:16px auto 32px;
        width: 640px
    }
}

.index-module__banner_wrap--gCHY1 .index-module__anchor_box--jXi3M {
    cursor: pointer;
    display: block;
    flex: 1 1;
    text-decoration: none
}

.index-module__banner_wrap--gCHY1 .index-module__anchor_box--jXi3M>h5 {
    color: #282828;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner_wrap--gCHY1 .index-module__anchor_box--jXi3M>h5 {
        font-size:16px;
        line-height: 22px
    }
}

.index-module__banner_wrap--gCHY1 .index-module__anchor_box--jXi3M>p {
    color: #768197;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    text-align: center
}

.index-module__banner_wrap--gCHY1 .index-module__footer_banner_box--kjpxk {
    background: hsla(0,0%,100%,.7);
    bottom: 0;
    box-shadow: 0 10px 28px rgba(25,78,183,.06);
    display: flex;
    height: 68px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .index-module__banner_wrap--gCHY1 .index-module__footer_banner_box--kjpxk {
        display:none
    }
}

.index-module__banner_wrap--gCHY1 .index-module__footer_item--miC6H {
    align-items: center;
    display: flex;
    flex: 1 1;
    justify-content: center;
    text-decoration: none
}

.index-module__banner_wrap--gCHY1 .index-module__footer_item--miC6H:hover .index-module__item_preix--BEtfi,.index-module__banner_wrap--gCHY1 .index-module__footer_item--miC6H:hover .index-module__item_suffix--UbS1N {
    color: #1664ff
}

.index-module__banner_wrap--gCHY1 .index-module__footer_item--miC6H:not(:last-child) {
    border-right: 1px solid hsla(0,0%,100%,.5)
}

.index-module__banner_wrap--gCHY1 .index-module__item_preix--BEtfi {
    align-items: center;
    color: #181818;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 22px;
    opacity: .9
}

@media screen and (max-width: 1023px) {
    .index-module__banner_wrap--gCHY1 .index-module__item_preix--BEtfi {
        display:none
    }
}

.index-module__banner_wrap--gCHY1 .index-module__icon_preix--MT\+rF {
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 28px;
    margin-right: 16px;
    width: 28px
}

.index-module__banner_wrap--gCHY1 .index-module__item_suffix--UbS1N {
    color: #41464f;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    opacity: .9
}

.index-module__search_wrap--NOxcA {
    height: 48px;
    margin: 0 auto;
    position: relative;
    width: 433px;
    z-index: 99
}

@media screen and (max-width: 767px) {
    .index-module__search_wrap--NOxcA {
        width:327px
    }
}

.index-module__search_wrap--NOxcA .index-module__search_box--4-DRa {
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    display: flex;
    height: 48px;
    width: 433px
}

@media screen and (max-width: 767px) {
    .index-module__search_wrap--NOxcA .index-module__search_box--4-DRa {
        width:327px
    }
}

.index-module__search_wrap--NOxcA .index-module__input--2cUAw::-webkit-input-placeholder {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    opacity: .5
}

.index-module__search_wrap--NOxcA .index-module__input--2cUAw::-moz-placeholder {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    opacity: .5
}

.index-module__search_wrap--NOxcA .index-module__input--2cUAw::-ms-input-placeholder {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    opacity: .5
}

.index-module__search_wrap--NOxcA .index-module__input--2cUAw::placeholder {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    opacity: .5
}

.index-module__search_wrap--NOxcA .index-module__input--2cUAw {
    border: 1px solid transparent;
    border-radius: 0;
    height: 50px;
    height: 100%;
    outline-style: none;
    padding-left: 16px;
    width: 100%
}

.index-module__search_wrap--NOxcA .index-module__input--2cUAw.index-module__focus--v2cQy {
    border: 1px solid #1664ff;
    border-right: 0
}

.index-module__search_wrap--NOxcA .index-module__search_icon_box--a8SQi {
    align-items: center;
    background-color: #1664ff;
    cursor: pointer;
    display: flex;
    flex: 1 0 48px;
    height: 48px;
    justify-content: center;
    width: 48px
}

.index-module__search_wrap--NOxcA .index-module__options--w3QN\+ {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    color: #1d2129;
    height: 0;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    padding: 8px 0;
    position: absolute;
    top: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: -1
}

.index-module__search_wrap--NOxcA .index-module__options--w3QN\+.index-module__focus--v2cQy.index-module__value--Sdm97 {
    height: auto;
    max-height: 250px;
    opacity: 1;
    z-index: 66
}

.index-module__search_wrap--NOxcA .index-module__options--w3QN\+::-webkit-scrollbar {
    height: 1px;
    width: 4px
}

.index-module__search_wrap--NOxcA .index-module__options--w3QN\+::-webkit-scrollbar-thumb {
    background: hsla(0,0%,9%,.5);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px #181818
}

.index-module__search_wrap--NOxcA .index-module__option--SQjZb {
    color: inherit;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 13px 24px;
    text-decoration: none
}

.index-module__search_wrap--NOxcA .index-module__option--SQjZb>span {
    color: #1664ff
}

.index-module__search_wrap--NOxcA .index-module__option--SQjZb:hover {
    background-color: #f5f7fa
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    color: #1d2129;
    display: none;
    height: auto;
    left: 0;
    max-height: 250px;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    top: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: -1
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A>h6 {
    color: #86909c;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin: 0 0 20px;
    padding-top: 6px;
    vertical-align: bottom;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A.index-module__focus--v2cQy {
    display: block;
    z-index: 66
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A.index-module__focus--v2cQy.index-module__value--Sdm97 {
    display: none;
    z-index: -1
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A .index-module__hot_options--22SjU {
    margin-right: -16px
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A .index-module__hot_card--aZm7j {
    background: #f7f7f7;
    color: #1d2129;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 20px;
    margin: 0 16px 16px 0;
    padding: 2px 4px;
    white-space: nowrap
}

.index-module__search_wrap--NOxcA .index-module__hot_notice_box--ZDj\+A .index-module__hot_card--aZm7j:hover {
    background: rgba(22,100,255,.1);
    color: #1664ff
}

.index-module__product-capa-container--juYsW,.index-module__product-capa-container--juYsW * {
    box-sizing: border-box
}

.index-module__product-capa-container--juYsW a,.index-module__product-capa-container--juYsW a:active,.index-module__product-capa-container--juYsW a:hover,.index-module__product-capa-container--juYsW a:link,.index-module__product-capa-container--juYsW a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__product-capa-pc--vKfB9 {
    display: block
}

.index-module__product-capa-mobile--rLirL,.index-module__product-capa-pad--GsI0q {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__product-capa-pc--vKfB9 {
        display:none
    }

    .index-module__product-capa-mobile--rLirL {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__product-capa-pc--vKfB9 {
        display:none
    }

    .index-module__product-capa-pad--GsI0q {
        display: block
    }
}

.index-module__product-capa-pc-container--AlZAG {
    width: 1200px
}

.index-module__tabs-header--qqwRr {
    padding: 0 70px;
    position: relative;
    width: 100%
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM {
    display: flex;
    justify-content: center
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\++.index-module__tabs-header-title--PgNP\+ {
    margin-left: 72px
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+ {
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex: none;
    height: 50px
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+ .index-module__tabs-header-title-icon--YE32a {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    width: 24px
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+ .index-module__tabs-header-title-icon--YE32a .index-module__icon-normal--gc-qc {
    display: block
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+ .index-module__tabs-header-title-icon--YE32a .index-module__icon-active--MRgFp,.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+ .index-module__tabs-header-title-icon--YE32a .index-module__icon-hover--ouZfp {
    display: none
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+ .index-module__tabs-header-title-text--Wc5Ff {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-left: 8px
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+:hover .index-module__tabs-header-title-icon--YE32a .index-module__icon-normal--gc-qc {
    display: none
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+:hover .index-module__tabs-header-title-icon--YE32a .index-module__icon-hover--ouZfp {
    display: block
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+:hover .index-module__tabs-header-title-icon--YE32a .index-module__icon-active--MRgFp {
    display: none
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\+:hover .index-module__tabs-header-title-text--Wc5Ff {
    color: #80838a
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG .index-module__tabs-header-title-icon--YE32a .index-module__icon-hover--ouZfp,.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG .index-module__tabs-header-title-icon--YE32a .index-module__icon-normal--gc-qc,.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG:hover .index-module__tabs-header-title-icon--YE32a .index-module__icon-hover--ouZfp,.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG:hover .index-module__tabs-header-title-icon--YE32a .index-module__icon-normal--gc-qc {
    display: none
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG .index-module__tabs-header-title-icon--YE32a .index-module__icon-active--MRgFp,.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG:hover .index-module__tabs-header-title-icon--YE32a .index-module__icon-active--MRgFp {
    display: block
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG .index-module__tabs-header-title-text--Wc5Ff,.index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title-active--0G-MG:hover .index-module__tabs-header-title-text--Wc5Ff {
    color: #1664ff;
    font-weight: 500
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-line--K8m4q {
    background-color: #f2f2f2;
    height: 1px;
    left: 50%;
    min-width: 1200px;
    position: absolute;
    top: 52px;
    transform: translateX(-50%);
    width: 100vw
}

.index-module__tabs-header--qqwRr .index-module__tabs-header-ink--PLF9G {
    background-color: #1664ff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 2px;
    position: absolute;
    top: 51px;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1);
    z-index: 1
}

.index-module__tabs-content--o-63c {
    height: 490px;
    padding-top: 60px;
    position: relative
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I {
    display: none;
    position: absolute
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 {
    align-items: center;
    display: flex;
    flex: none;
    height: 430px;
    justify-content: center;
    width: 480px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot {
    display: flex;
    flex: none;
    flex-direction: column;
    height: 430px;
    justify-content: center;
    overflow: hidden;
    padding: 0 50px 0 70px;
    width: 480px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-title--NHRlv {
    color: #181818;
    font-family: PingFang SC;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 36px;
    margin: unset
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-des--KiGjy .index-module__des-line-text--VTJHm {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-des--KiGjy .index-module__des-line-text--VTJHm:first-child {
    margin-top: 12px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-des--KiGjy .index-module__des-line-subtitle--PMDVp {
    align-items: center;
    color: #181818;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 24px;
    margin: 12px 0 4px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-des--KiGjy .index-module__des-line-subtitle--PMDVp .index-module__dot--wQK7S {
    background-color: #181818;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin-right: 8px;
    width: 5px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 36px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V {
    display: block;
    flex: none
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V .index-module__tabs-content-tab-link-panel--\+fG2S {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V .index-module__tabs-content-tab-link-panel--\+fG2S .index-module__link-arrow--YbFi8 {
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V .index-module__tabs-content-tab-link-panel--\+fG2S .index-module__link-arrow--YbFi8 svg {
    height: 14px;
    width: 14px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V .index-module__tabs-content-tab-link-panel--\+fG2S:hover {
    color: #4086ff
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V .index-module__tabs-content-tab-link-panel--\+fG2S:hover .index-module__link-arrow--YbFi8 {
    right: -4px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V .index-module__tabs-content-tab-link-panel--\+fG2S:active {
    color: #0e49d2
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot .index-module__tabs-content-tab-links--8Vlzp .index-module__tabs-content-tab-link-a--mH\+8V+.index-module__tabs-content-tab-link-a--mH\+8V {
    margin-top: 6px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-right-container--OYhgx {
    align-items: center;
    display: flex;
    flex: none;
    height: 430px;
    justify-content: center;
    width: 720px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-right-container--OYhgx .index-module__tabs-content-tab-right--ZFaZv {
    flex: none;
    height: 430px;
    overflow: hidden;
    width: 720px
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-right-container--OYhgx .index-module__tabs-content-tab-right--ZFaZv .index-module__tabs-content-tab-image--huW-z {
    font-size: 0;
    height: 100%;
    width: 100%
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-right-container--OYhgx .index-module__tabs-content-tab-right--ZFaZv img {
    height: 100%;
    width: 100%
}

@-webkit-keyframes index-module__appear--c2HYc {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes index-module__appear--c2HYc {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes index-module__disappear--JLMw0 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes index-module__disappear--JLMw0 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@-webkit-keyframes index-module__fadeIn--hA-L5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes index-module__fadeIn--hA-L5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes index-module__fadeOut--JxYQ6 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes index-module__fadeOut--JxYQ6 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab-active--DSWjF {
    align-items: center;
    display: flex;
    justify-content: center
}

.index-module__tabs-content--o-63c .index-module__tabs-content-tab-active--DSWjF .index-module__tabs-content-tab-left--pOEot,.index-module__tabs-content--o-63c .index-module__tabs-content-tab-active--DSWjF .index-module__tabs-content-tab-right--ZFaZv {
    -webkit-animation: index-module__fadeIn--hA-L5 .5s;
    animation: index-module__fadeIn--hA-L5 .5s
}

@media screen and (min-width: 1680px) {
    .index-module__product-capa-pc-container--AlZAG {
        width:1440px
    }

    .index-module__tabs-header--qqwRr .index-module__tabs-header-title-panel--a8jiM .index-module__tabs-header-title--PgNP\++.index-module__tabs-header-title--PgNP\+ {
        margin-left: 90px
    }

    .index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 {
        width: 672px
    }

    .index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-left-container--FaJe6 .index-module__tabs-content-tab-left--pOEot {
        padding: 0 140px 0 72px;
        width: 672px
    }

    .index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-right-container--OYhgx {
        width: 768px
    }

    .index-module__tabs-content--o-63c .index-module__tabs-content-tab--WJ04I .index-module__tabs-content-tab-right-container--OYhgx .index-module__tabs-content-tab-right--ZFaZv {
        padding-right: 48px;
        width: 768px
    }
}

.index-module__product-capa-pad-container--IrKU3 {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.index-module__product-capa-card--wzMSB {
    background-color: #f8f9fe;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 45px 0 22px
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn {
    flex: none
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-title--C-diM {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: unset;
    text-align: center
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-des--5D1Yw {
    margin-top: 8px;
    padding: 0 35px
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-des--5D1Yw .index-module__des-line--KAEdE {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-link--qkMaM {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-link--qkMaM .index-module__card-link-a--NGMj3 {
    display: block;
    flex: none
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-link--qkMaM .index-module__card-link-a--NGMj3 .index-module__card-link-panel--OlLGX {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-link--qkMaM .index-module__card-link-a--NGMj3 .index-module__card-link-panel--OlLGX .index-module__link-arrow--RJBmy {
    flex: none;
    margin-left: 5px
}

.index-module__product-capa-card--wzMSB .index-module__card-content--nUBWn .index-module__card-link--qkMaM .index-module__card-link-a--NGMj3 .index-module__card-link-panel--OlLGX .index-module__link-arrow--RJBmy svg {
    height: 14px;
    width: 14px
}

.index-module__product-capa-card--wzMSB .index-module__card-image--GZuax {
    flex: none;
    font-size: 0;
    margin-top: 40px;
    padding: 0 8px;
    width: 100%
}

.index-module__product-capa-card--wzMSB .index-module__card-image--GZuax img,.index-module__product-capa-mobile-container--OXScw {
    width: 100%
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__product-capa-mobile-collapse--FwreE .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__product-capa-mobile-collapse--FwreE .index-module__mobile-tab-title--yzllu {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__product-capa-mobile-collapse--FwreE .index-module__mobile-tab-image--WHFav {
    font-size: 0;
    padding: 8px 16px 0;
    width: 100%
}

.index-module__product-capa-mobile-collapse--FwreE .index-module__mobile-tab-image--WHFav img {
    width: 100%
}

.index-module__product-capa-mobile-collapse--FwreE .index-module__mobile-tab-des--eMDWG {
    padding: 16px
}

.index-module__product-capa-mobile-collapse--FwreE .index-module__mobile-tab-des--eMDWG .index-module__des-line--LAaGu {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__single-feature-container--hd4m4 {
    position: relative
}

.index-module__single-feature-container--hd4m4,.index-module__single-feature-container--hd4m4 * {
    box-sizing: border-box
}

.index-module__single-feature-container--hd4m4 a,.index-module__single-feature-container--hd4m4 a:active,.index-module__single-feature-container--hd4m4 a:hover,.index-module__single-feature-container--hd4m4 a:link,.index-module__single-feature-container--hd4m4 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__single-feature-container--hd4m4 .index-module__bg-circle-left--fxe6b {
    background: hsla(0,100%,79%,.7);
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 203px;
    left: 106px;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 26px;
    width: 203px;
    will-change: transform
}

.index-module__single-feature-container--hd4m4 .index-module__bg-circle-right--tN57u {
    background: #3382ff;
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 218px;
    left: 982px;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: -13px;
    width: 218px;
    will-change: transform
}

.index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 {
    display: flex;
    font-size: 0;
    justify-content: center;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 .index-module__video--fHKkF {
    border-radius: 8px;
    height: 457px;
    width: 870px
}

.index-module__single-feature-container--hd4m4 .index-module__play--QmIVD {
    background-image: url(./images/play_v2.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    cursor: pointer;
    height: 64px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px
}

.index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY {
    display: flex;
    font-size: 0;
    justify-content: center;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY img {
    border-radius: 8px;
    height: 457px;
    width: 870px
}

@media screen and (max-width: 767px) {
    .index-module__single-feature-container--hd4m4 .index-module__bg-circle-left--fxe6b,.index-module__single-feature-container--hd4m4 .index-module__bg-circle-right--tN57u {
        display:none
    }

    .index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 {
        width: 100%
    }

    .index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 .index-module__video--fHKkF {
        border-radius: 4px;
        height: unset;
        width: 100%
    }

    .index-module__single-feature-container--hd4m4 .index-module__play--QmIVD {
        height: 40px;
        width: 40px
    }

    .index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY {
        width: 100%
    }

    .index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY img {
        border-radius: 4px;
        height: unset;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__single-feature-container--hd4m4 .index-module__bg-circle-left--fxe6b,.index-module__single-feature-container--hd4m4 .index-module__bg-circle-right--tN57u {
        display:none
    }

    .index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 {
        padding: 0 112px;
        width: 100%
    }

    .index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 .index-module__video--fHKkF {
        height: unset;
        width: 100%
    }

    .index-module__single-feature-container--hd4m4 .index-module__play--QmIVD {
        height: 40px;
        width: 40px
    }

    .index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY {
        padding: 0 112px;
        width: 100%
    }

    .index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY img {
        height: unset;
        width: 100%
    }
}

@media screen and (min-width: 1680px) {
    .index-module__single-feature-container--hd4m4 .index-module__bg-circle-left--fxe6b {
        left:174px;
        top: 26px
    }

    .index-module__single-feature-container--hd4m4 .index-module__bg-circle-right--tN57u {
        left: 1049px;
        top: -13px
    }

    .index-module__single-feature-container--hd4m4 .index-module__image-container--oV0eY,.index-module__single-feature-container--hd4m4 .index-module__video-container--0FAr3 {
        width: 1440px
    }
}

.index-module__pc-content--jcZMl {
    height: 329px;
    position: relative
}

.index-module__cards--Lyao3 {
    height: 100%;
    position: absolute;
    transition: transform 1s;
    white-space: nowrap
}

.index-module__swipe_btn--mGcpk {
    align-items: center;
    background: #f7f7f9;
    border: 1px solid #f7f7f9;
    border-radius: 100%;
    color: #454545;
    display: flex;
    height: 64px;
    justify-content: center;
    position: absolute;
    top: calc(50% - 32px);
    width: 64px
}

.index-module__swipe_btn--mGcpk svg {
    stroke-width: 5;
    font-size: 28px
}

.index-module__swipe_btn--mGcpk:hover {
    background: #f7f7f9;
    border: 1px solid #4281fd;
    color: #696969
}

.index-module__swipe_btn--mGcpk:active {
    background: #f7f7f9;
    border: 1px solid #1664ff;
    color: #454545
}

.index-module__left--B6NnS {
    left: 40px
}

.index-module__right--U2hV4 {
    right: 40px
}

@media screen and (max-width: 1023px) {
    .index-module__pc--VLd65 {
        display:none
    }
}

.index-module__card--hpWLV {
    background: #3382ff;
    border-radius: 12px;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    width: 345px
}

.index-module__card--hpWLV+.index-module__card--hpWLV {
    margin-left: 20px
}

.index-module__card--hpWLV .index-module__content--r\+7J4 {
    background: linear-gradient(180deg,rgba(22,100,255,.2),hsla(0,0%,100%,0) 33.08%),#fff;
    border: 1px solid #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(51,78,118,.15);
    flex-grow: 1;
    padding: 24px 32px 32px
}

.index-module__card--hpWLV:nth-child(2n) {
    background: #59c4f2
}

.index-module__card--hpWLV:nth-child(2n) .index-module__content--r\+7J4 {
    background: linear-gradient(180deg,rgba(97,198,242,.2),hsla(0,0%,100%,0) 33.08%),#fff
}

.index-module__card--hpWLV:nth-child(3n) {
    background: #52b8f2
}

.index-module__card--hpWLV:nth-child(3n) .index-module__content--r\+7J4 {
    background: linear-gradient(180deg,rgba(97,198,242,.2),hsla(0,0%,100%,0) 33.08%),#fff
}

.index-module__card--hpWLV:nth-child(4n) {
    background: #469df0
}

.index-module__title--F\+cS\+ {
    padding: 24px 32px 25px
}

.index-module__title--F\+cS\+ .index-module__line1--3C\+q7 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 28px
}

.index-module__title--F\+cS\+ .index-module__line2--5sDut {
    color: #fff;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    height: 49px;
    letter-spacing: .2px;
    line-height: 49px;
    margin-top: 8px
}

.index-module__title--F\+cS\+ .index-module__line2--5sDut em {
    font-size: 42px;
    font-style: normal;
    font-weight: 700
}

.index-module__title--F\+cS\+ .index-module__line2--5sDut small {
    font-size: inherit
}

.index-module__title--F\+cS\+ .index-module__line2--5sDut span {
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: 600
}

.index-module__content_title--wJ7UQ {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: 0 0 7px;
    padding: 0
}

.index-module__content_text--xpDR7 {
    align-items: center;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 5px 0
}

.index-module__content_text--xpDR7 svg {
    margin-right: 4px
}

@media screen and (max-width: 1679px) {
    .index-module__card--hpWLV {
        width:285px
    }

    .index-module__card--hpWLV .index-module__content--r\+7J4 {
        padding: 24px
    }

    .index-module__title--F\+cS\+ {
        padding: 24px 24px 25px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__card--hpWLV {
        height:264px;
        width: calc(50% - 10px)
    }

    .index-module__card--hpWLV+.index-module__card--hpWLV {
        margin-left: unset
    }

    .index-module__card--hpWLV:nth-child(n+3) {
        margin-top: 20px
    }

    .index-module__card--hpWLV .index-module__content--r\+7J4 {
        padding: 20px 28px
    }

    .index-module__title--F\+cS\+ {
        padding: 20px 28px 14px
    }

    .index-module__title--F\+cS\+ .index-module__line1--3C\+q7 {
        line-height: 26px
    }

    .index-module__title--F\+cS\+ .index-module__line2--5sDut {
        font-size: 20px;
        height: 38px;
        line-height: 38px;
        margin-top: 2px
    }

    .index-module__title--F\+cS\+ .index-module__line2--5sDut em {
        font-size: 32px;
        font-weight: 700
    }

    .index-module__title--F\+cS\+ .index-module__line2--5sDut span {
        font-size: 18px;
        font-weight: 500
    }
}

@media screen and (max-width: 767px) {
    .index-module__card--hpWLV {
        width:100%
    }

    .index-module__card--hpWLV:nth-child(n+3) {
        margin-top: unset
    }

    .index-module__card--hpWLV+.index-module__card--hpWLV {
        margin-top: 16px
    }
}

.index-module__mobile--bnFFb {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1023px) {
    .index-module__mobile--bnFFb {
        display:flex
    }
}

.index-module__pc-content--1nnQG {
    height: 329px;
    position: relative
}

.index-module__cards--tICuD {
    height: 100%;
    position: absolute;
    transition: transform 1s;
    white-space: nowrap
}

.index-module__swipe_btn--mEJxc {
    align-items: center;
    background: #f7f7f9;
    border: 1px solid #f7f7f9;
    border-radius: 100%;
    color: #454545;
    display: flex;
    height: 64px;
    justify-content: center;
    position: absolute;
    top: calc(50% - 32px);
    width: 64px
}

.index-module__swipe_btn--mEJxc svg {
    stroke-width: 5;
    font-size: 28px
}

.index-module__swipe_btn--mEJxc:hover {
    background: #f7f7f9;
    border: 1px solid #4281fd;
    color: #696969
}

.index-module__swipe_btn--mEJxc:active {
    background: #f7f7f9;
    border: 1px solid #1664ff;
    color: #454545
}

.index-module__left--celzc {
    left: 40px
}

.index-module__right--egXrK {
    right: 40px
}

@media screen and (max-width: 1023px) {
    .index-module__pc--9CGrq {
        display:none
    }
}

.index-module__card--27RG\+ {
    background: linear-gradient(117.86deg,#1085f2 3.62%,#7bc9fc 77.9%);
    border-radius: 12px;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    vertical-align: middle;
    width: 345px
}

.index-module__card--27RG\++.index-module__card--27RG\+ {
    margin-left: 20px
}

.index-module__card--27RG\+ .index-module__content--bNblQ {
    background: linear-gradient(180deg,rgba(22,100,255,.2),hsla(0,0%,100%,0) 33.08%),#fff;
    border: 1px solid #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(51,78,118,.15);
    flex-grow: 1;
    padding: 24px 32px 32px
}

.index-module__card--27RG\+:nth-child(2n) {
    background: linear-gradient(123.76deg,#3c9af1,#6aabf8 80.03%)
}

.index-module__card--27RG\+:nth-child(2n) .index-module__content--bNblQ {
    background: linear-gradient(180deg,rgba(97,198,242,.2),hsla(0,0%,100%,0) 33.08%),#fff
}

.index-module__card--27RG\+:nth-child(3n) {
    background: linear-gradient(120.79deg,#29aaf3 1.82%,#7ecdff 79.22%)
}

.index-module__card--27RG\+:nth-child(3n) .index-module__content--bNblQ {
    background: linear-gradient(180deg,rgba(97,198,242,.2),hsla(0,0%,100%,0) 33.08%),#fff
}

.index-module__card--27RG\+:nth-child(4n) {
    background: linear-gradient(121.91deg,#09b9f0 3.1%,#8fe4ff 77.63%)
}

.index-module__title--fgApi {
    padding: 24px 32px 25px
}

.index-module__title--fgApi .index-module__line1--mjiHh {
    color: #fff;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    height: 49px;
    letter-spacing: .2px;
    line-height: 49px;
    margin-top: 8px
}

.index-module__title--fgApi .index-module__line1--mjiHh em {
    font-size: 42px;
    font-style: normal;
    font-weight: 700
}

.index-module__title--fgApi .index-module__line1--mjiHh small {
    font-size: inherit
}

.index-module__title--fgApi .index-module__line1--mjiHh span {
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: 600
}

.index-module__title--fgApi .index-module__line2--D04rX {
    color: #fff;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 28px
}

.index-module__content_title--ogbDz {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: 0 0 7px;
    padding: 0
}

.index-module__content_text--uTqZB {
    align-items: center;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 5px 0
}

.index-module__content_text--uTqZB svg {
    margin-right: 4px
}

@media screen and (max-width: 1679px) {
    .index-module__card--27RG\+ {
        width:285px
    }

    .index-module__card--27RG\+ .index-module__content--bNblQ {
        padding: 24px
    }

    .index-module__title--fgApi {
        padding: 24px 24px 25px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__card--27RG\+ {
        height:264px;
        width: calc(50% - 10px)
    }

    .index-module__card--27RG\++.index-module__card--27RG\+ {
        margin-left: unset
    }

    .index-module__card--27RG\+:nth-child(n+3) {
        margin-top: 20px
    }

    .index-module__card--27RG\+ .index-module__content--bNblQ {
        padding: 20px 28px
    }

    .index-module__title--fgApi {
        padding: 20px 28px 14px
    }

    .index-module__title--fgApi .index-module__line1--mjiHh {
        font-size: 20px;
        height: 38px;
        line-height: 38px;
        margin-top: 2px
    }

    .index-module__title--fgApi .index-module__line1--mjiHh em {
        font-size: 32px;
        font-weight: 700
    }

    .index-module__title--fgApi .index-module__line1--mjiHh span {
        font-size: 18px;
        font-weight: 500
    }

    .index-module__title--fgApi .index-module__line2--D04rX {
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .index-module__card--27RG\+ {
        width:100%
    }

    .index-module__card--27RG\+:nth-child(n+3) {
        margin-top: unset
    }

    .index-module__card--27RG\++.index-module__card--27RG\+ {
        margin-top: 16px
    }
}

.index-module__mobile--fVBlI {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1023px) {
    .index-module__mobile--fVBlI {
        display:flex
    }
}

.index-module__application-scene-2-container--DrcxP,.index-module__application-scene-2-container--DrcxP * {
    box-sizing: border-box
}

.index-module__application-scene-2-container--DrcxP a,.index-module__application-scene-2-container--DrcxP a:active,.index-module__application-scene-2-container--DrcxP a:hover,.index-module__application-scene-2-container--DrcxP a:link,.index-module__application-scene-2-container--DrcxP a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__application-scene-2-pc--jeHp1 {
    display: block
}

.index-module__application-scene-2-mobile--uCxMU {
    display: none
}

@media screen and (max-width: 1023px) {
    .index-module__application-scene-2-pc--jeHp1 {
        display:none
    }

    .index-module__application-scene-2-mobile--uCxMU {
        display: block
    }
}

.index-module__app-scene-2-pc-container--Ccpbc {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 -1px 40px rgba(102,112,147,.1),0 27px 30px rgba(193,198,215,.13),0 19px 20px rgba(193,198,215,.11),0 10px 30px rgba(193,198,215,.08);
    display: flex;
    height: 480px;
    overflow: hidden;
    width: 1200px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 {
    border-right: 1px solid #e7efff;
    display: flex;
    flex: none;
    flex-direction: column;
    height: 100%;
    width: 171px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: center;
    position: relative
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI.index-module__with-title-icon--by48p {
    justify-content: start;
    padding-left: 28px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI .index-module__ring--fRXm3 {
    display: none
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI .index-module__tabs-header-title-icon--fjBk5 {
    margin-right: 8px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI .index-module__tabs-header-title-icon--fjBk5 .index-module__normal--8qwIz {
    display: block
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI .index-module__tabs-header-title-icon--fjBk5 .index-module__active--7\+tlO {
    display: none
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel--SB2kI .index-module__tabs-header-title--B8lPr {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel-active---FPfk {
    background-image: linear-gradient(90.58deg,#305dff .5%,#00d1ff 101.64%)
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel-active---FPfk .index-module__ring--fRXm3 {
    border: 14px solid hsla(0,0%,100%,.2);
    border-radius: 50%;
    display: block;
    height: 72px;
    left: -40px;
    position: absolute;
    top: -34px;
    width: 72px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel-active---FPfk .index-module__tabs-header-title-icon--fjBk5 .index-module__normal--8qwIz {
    display: none
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel-active---FPfk .index-module__tabs-header-title-icon--fjBk5 .index-module__active--7\+tlO {
    display: block
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-header--cc7n3 .index-module__tabs-header-panel-active---FPfk .index-module__tabs-header-title--B8lPr {
    color: #fff;
    font-weight: 600
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN {
    flex: none;
    height: 100%;
    position: relative;
    width: 1029px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC {
    display: flex;
    height: 100%;
    width: 100%
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M {
    flex: none;
    height: 100%;
    padding: 56px 64px 0 80px;
    width: 691px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M {
    height: 37px;
    position: relative
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__inner-tab-title-panel--rnDej {
    display: flex
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__inner-tab-title-panel--rnDej .index-module__inner-tab-title--0260G+.index-module__inner-tab-title--0260G {
    margin-left: 30px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__inner-tab-title-panel--rnDej .index-module__inner-tab-title--0260G {
    color: #86909c;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__inner-tab-title-panel--rnDej .index-module__inner-tab-title--0260G:after {
    content: attr(data-content);
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 0;
    line-height: 20px;
    overflow: hidden;
    visibility: hidden
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__inner-tab-title-panel--rnDej .index-module__inner-tab-title-active---PhuZ {
    color: #1664ff;
    font-weight: 500
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__line--LABFj {
    background-image: linear-gradient(90deg,#e0e0e0 30.74%,hsla(0,0%,95%,0) 96.75%);
    height: 1px;
    margin-top: 16px;
    width: 100%
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-header--wSR\+M .index-module__indicator--nm4en {
    background-color: #1664ff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 2px;
    left: 0;
    position: absolute;
    top: 35px;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1);
    width: 56px;
    z-index: 1
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq {
    margin: 38px 85px 0 0;
    position: relative
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-title--wqUdf {
    color: #181818;
    font-family: PingFang SC;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 45px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-des--E7UVf {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 24px;
    margin-top: 8px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-items--\+n3xX {
    margin-top: 20px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-items--\+n3xX .index-module__inner-items-line--Rb2IM+.index-module__inner-items-line--Rb2IM {
    margin-top: 8px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-items--\+n3xX .index-module__inner-items-line--Rb2IM {
    font-size: 0
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-items--\+n3xX .index-module__inner-items-line--Rb2IM .index-module__yes-icon--I2\+rY {
    align-items: center;
    background-color: rgba(21,98,255,.1);
    border-radius: 50%;
    display: inline-flex;
    height: 14px;
    justify-content: center;
    margin-right: 6px;
    vertical-align: middle;
    width: 14px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-items--\+n3xX .index-module__inner-items-line--Rb2IM .index-module__yes-icon--I2\+rY img {
    height: 10px;
    width: 10px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-items--\+n3xX .index-module__inner-items-line--Rb2IM .index-module__inner-items-line-text--gwIqW {
    color: #282828;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    vertical-align: middle
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-button--kgjK6 {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    letter-spacing: .01em;
    line-height: 50px;
    margin-top: 42px;
    text-align: center;
    width: 128px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-button--kgjK6:hover {
    background-color: #4281ff
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel--TAAll .index-module__inner-tab-content-button--kgjK6:active {
    background-color: #05f
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-right--0L-Cx {
    flex: none;
    height: 100%;
    position: relative;
    width: 338px
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-right--0L-Cx .index-module__inner-tab-image--KibpG {
    font-size: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 38px 38px 38px 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-right--0L-Cx .index-module__inner-tab-image--KibpG img {
    height: 100%;
    width: 100%
}

.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel-active--s\+U-d,.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel-active--s\+U-d .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq .index-module__inner-tab-content-panel-active--RXwpr,.index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel-active--s\+U-d .index-module__tab-content-container--IhkRC .index-module__inner-tab-right--0L-Cx .index-module__inner-tab-image-active--cR92H {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media screen and (min-width: 1680px) {
    .index-module__app-scene-2-pc-container--Ccpbc {
        width:1440px
    }

    .index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN {
        width: 1269px
    }

    .index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M {
        padding: 56px 304px 0 80px;
        width: 931px
    }

    .index-module__app-scene-2-pc-container--Ccpbc .index-module__tabs-content--FScuN .index-module__tabs-content-panel--ue1Dn .index-module__tab-content-container--IhkRC .index-module__inner-tab-left--jm72M .index-module__inner-tab-content--05iIq {
        margin: 38px 23px 0 0
    }
}

.index-module__app-scene-2-mobile-container--pA5GG {
    width: 100%
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .index-module__mobile-tab-title--WJXlS {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .index-module__mobile-tab-content--Rojn4 {
    grid-gap: 28px 62px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 14px 32px 32px
}

.index-module__card-container--2\+hEp {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-title--FbLCe {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 20px
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-des--Q2fb1 {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 20px;
    margin-top: 10px
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-items--SvDHR {
    margin-top: 16px
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-items--SvDHR .index-module__inner-items-line--YWAsv+.index-module__inner-items-line--YWAsv {
    margin-top: 8px
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-items--SvDHR .index-module__inner-items-line--YWAsv {
    font-size: 0
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-items--SvDHR .index-module__inner-items-line--YWAsv .index-module__yes-icon--Kh5Ex {
    align-items: center;
    background-color: rgba(21,98,255,.1);
    border-radius: 50%;
    display: inline-flex;
    height: 14px;
    justify-content: center;
    margin-right: 6px;
    vertical-align: middle;
    width: 14px
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-items--SvDHR .index-module__inner-items-line--YWAsv .index-module__yes-icon--Kh5Ex img {
    height: 10px;
    width: 10px
}

.index-module__card-container--2\+hEp .index-module__card-top--aQv8- .index-module__card-items--SvDHR .index-module__inner-items-line--YWAsv .index-module__inner-items-line-text--gwM0p {
    color: #282828;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    vertical-align: middle
}

.index-module__card-container--2\+hEp .index-module__card-bottom--uw\+r7 {
    width: 100%
}

.index-module__card-container--2\+hEp .index-module__card-bottom--uw\+r7 .index-module__card-image--wdbIW {
    font-size: 0;
    margin-top: 14px;
    width: 100%
}

.index-module__card-container--2\+hEp .index-module__card-bottom--uw\+r7 .index-module__card-image--wdbIW img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .index-module__mobile-tab-content--Rojn4 {
        display:block;
        padding: 14px 16px 16px
    }

    .index-module__app-scene-2-mobile-container--pA5GG .index-module__scene-2-mobile-collapse--WcT74 .index-module__mobile-tab-content--Rojn4 .index-module__inner-tab-wrapper--mWnNq+.index-module__inner-tab-wrapper--mWnNq {
        margin-top: 28px
    }
}

.index-module__application-scene-container--8hC-e,.index-module__application-scene-container--8hC-e * {
    box-sizing: border-box
}

.index-module__application-scene-container--8hC-e a,.index-module__application-scene-container--8hC-e a:active,.index-module__application-scene-container--8hC-e a:hover,.index-module__application-scene-container--8hC-e a:link,.index-module__application-scene-container--8hC-e a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__application-scene-pc--dV4U- {
    display: block
}

.index-module__application-scene-mobile--F0spQ {
    display: none
}

@media screen and (max-width: 1023px) {
    .index-module__application-scene-pc--dV4U- {
        display:none
    }

    .index-module__application-scene-mobile--F0spQ {
        display: block
    }
}

.index-module__container--kZGj9 {
    background-color: #fff;
    min-width: 1200px;
    padding-top: 80px
}

.index-module__container--kZGj9 h2 {
    margin: 0;
    padding: 0
}

.index-module__head--maDe\+ {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    width: 100%
}

.index-module__head--maDe\+ a,.index-module__head--maDe\+ a:active,.index-module__head--maDe\+ a:hover,.index-module__head--maDe\+ a:link,.index-module__head--maDe\+ a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__title--noOE\+ {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.index-module__desc--yjZR4,.index-module__title--noOE\+ {
    flex: none;
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    text-align: center
}

.index-module__desc--yjZR4 {
    color: hsla(0,0%,100%,.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 480px
}

.index-module__title--noOE\++.index-module__desc--yjZR4 {
    margin-top: 12px
}

.index-module__compWrap--QXQcN {
    margin: 0 auto;
    width: 1440px
}

.index-module__link-a--4PIp8 {
    display: block;
    flex: none;
    margin-top: 16px
}

.index-module__link-a--4PIp8 .index-module__link-panel--MBoBz {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center
}

.index-module__link-a--4PIp8 .index-module__link-panel--MBoBz .index-module__link-arrow--4gLr9 {
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__link-a--4PIp8 .index-module__link-panel--MBoBz .index-module__link-arrow--4gLr9 svg {
    height: 14px;
    width: 14px
}

.index-module__link-a--4PIp8 .index-module__link-panel--MBoBz:hover {
    color: #3888ff
}

.index-module__link-a--4PIp8 .index-module__link-panel--MBoBz:hover .index-module__link-arrow--4gLr9 {
    right: -4px
}

.index-module__link-a--4PIp8 .index-module__link-panel--MBoBz:active {
    color: #014fe9
}

@media screen and (max-width: 1679px) {
    .index-module__compWrap--QXQcN {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__container--kZGj9 {
        min-width:unset;
        padding-bottom: 48px!important;
        padding-top: 48px
    }

    .index-module__head--maDe\+ {
        margin: 0 auto 32px
    }

    .index-module__title--noOE\+ {
        font-size: 24px;
        line-height: 34px
    }

    .index-module__desc--yjZR4 {
        font-size: 14px;
        line-height: 22px;
        width: 320px
    }

    .index-module__title--noOE\++.index-module__desc--yjZR4 {
        margin-top: 8px
    }

    .index-module__compWrap--QXQcN {
        margin: unset;
        padding: 0 24px;
        width: auto
    }

    .index-module__link-a--4PIp8 {
        margin-top: 8px
    }
}

@media screen and (max-width: 767px) {
    .index-module__desc--yjZR4 {
        width:280px
    }
}

.index-module__application-scene-pc-container--LqUwg {
    position: relative;
    width: 1200px
}

.index-module__application-scene-pc-header--SAvIU {
    height: 122px;
    position: relative;
    width: 100%
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg {
    height: 222px;
    left: 50%;
    min-width: 1200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    transition: all .8s ease;
    width: 280px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    color: #fff;
    flex: none;
    font-family: PingFang SC;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 32px;
    text-align: center;
    transition: all .8s ease
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux {
    color: #999;
    flex: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 8px;
    opacity: 1;
    text-align: center;
    transition: all .8s ease
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    display: block;
    flex: none;
    margin-top: 16px;
    opacity: 1;
    transition: all .8s ease
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ .index-module__tab-link-panel--rKuoU {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ .index-module__tab-link-panel--rKuoU .index-module__link-arrow--mBO7b {
    align-items: center;
    display: flex;
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ .index-module__tab-link-panel--rKuoU .index-module__link-arrow--mBO7b svg {
    flex: none;
    height: 12px;
    width: 12px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ .index-module__tab-link-panel--rKuoU:hover {
    color: #3888ff
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ .index-module__tab-link-panel--rKuoU:hover .index-module__link-arrow--mBO7b {
    right: -4px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ .index-module__tab-link-panel--rKuoU:active {
    color: #014fe9
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev4--Maz1V .index-module__title-wrapper--2lF\+j {
    left: -932px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev4--Maz1V .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev4--Maz1V .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev4--Maz1V .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev3--sMftG .index-module__title-wrapper--2lF\+j {
    left: -598px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev3--sMftG .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev3--sMftG .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev3--sMftG .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev2--OzExf .index-module__title-wrapper--2lF\+j {
    left: -264px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev2--OzExf .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev2--OzExf .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev2--OzExf .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev1--eB\+aF .index-module__title-wrapper--2lF\+j {
    left: 70px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev1--eB\+aF .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    cursor: pointer;
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev1--eB\+aF .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev1--eB\+aF .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-current--rAM7T .index-module__title-wrapper--2lF\+j {
    left: 460px;
    top: 0
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next1--V6rMl .index-module__title-wrapper--2lF\+j {
    left: 849px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next1--V6rMl .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    cursor: pointer;
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next1--V6rMl .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next1--V6rMl .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next2--TkYDi .index-module__title-wrapper--2lF\+j {
    left: 1183px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next2--TkYDi .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next2--TkYDi .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next2--TkYDi .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next3--uVGQM .index-module__title-wrapper--2lF\+j {
    left: 1517px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next3--uVGQM .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next3--uVGQM .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next3--uVGQM .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next4--XhSD2 .index-module__title-wrapper--2lF\+j {
    left: 1851px;
    top: 44px
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next4--XhSD2 .index-module__title-wrapper--2lF\+j .index-module__tab-title--h7ah\+ {
    opacity: .3
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next4--XhSD2 .index-module__title-wrapper--2lF\+j .index-module__tab-description--JG8ux,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next4--XhSD2 .index-module__title-wrapper--2lF\+j .index-module__tab-link-a--sIJl\+ {
    opacity: 0;
    pointer-events: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-outside--KfRNa {
    display: none
}

.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-fade--4a0dj {
    background-image: linear-gradient(90deg,#000 0,transparent 20%,transparent 80%,#000);
    height: 122px;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.index-module__application-scene-pc-image--NvuBs {
    display: flex;
    justify-content: center;
    margin-top: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__application-scene-pc-image--NvuBs .index-module__scene-image-container--h9JAH {
    flex: none;
    font-size: 0;
    height: 457px;
    position: relative;
    width: 870px
}

.index-module__application-scene-pc-image--NvuBs .index-module__scene-image-container--h9JAH img {
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .8s ease;
    width: 100%
}

.index-module__application-scene-pc-image--NvuBs .index-module__scene-image-container--h9JAH .index-module__incoming-image--32v6q img {
    opacity: 1
}

.index-module__application-scene-pc-button--kY59o {
    display: flex;
    height: 64px;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 306px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.index-module__application-scene-pc-button--kY59o .index-module__scene-button--LTQsa {
    align-items: center;
    background-color: rgba(247,247,249,.15);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex: none;
    height: 64px;
    justify-content: center;
    width: 64px
}

.index-module__application-scene-pc-button--kY59o .index-module__scene-button--LTQsa svg {
    stroke-width: 5;
    height: 28px;
    width: 28px
}

.index-module__application-scene-pc-button--kY59o .index-module__scene-button--LTQsa:hover {
    background-color: rgba(247,247,249,.3)
}

.index-module__application-scene-pc-button--kY59o .index-module__scene-button--LTQsa:active {
    background-color: rgba(247,247,249,.1)
}

@media screen and (min-width: 1680px) {
    .index-module__application-scene-pc-container--LqUwg,.index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA {
        width:1440px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev4--Maz1V .index-module__title-wrapper--2lF\+j {
        left: -943px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev3--sMftG .index-module__title-wrapper--2lF\+j {
        left: -576px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev2--OzExf .index-module__title-wrapper--2lF\+j {
        left: -209px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-prev1--eB\+aF .index-module__title-wrapper--2lF\+j {
        left: 158px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-current--rAM7T .index-module__title-wrapper--2lF\+j {
        left: 580px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next1--V6rMl .index-module__title-wrapper--2lF\+j {
        left: 1002px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next2--TkYDi .index-module__title-wrapper--2lF\+j {
        left: 1369px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next3--uVGQM .index-module__title-wrapper--2lF\+j {
        left: 1736px
    }

    .index-module__application-scene-pc-header--SAvIU .index-module__header-content-wrapper---ylsg .index-module__header-content--EKVqA .index-module__tab-panel-next4--XhSD2 .index-module__title-wrapper--2lF\+j {
        left: 2103px
    }
}

.index-module__application-scene-mobile-container--roMW9 {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.index-module__application-scene-card--dS0R5 {
    background: rgba(248,249,254,.1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 36px 0 0
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z {
    flex: none
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-title--yWYly {
    color: #fff;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: unset;
    text-align: center
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-des--Zq3QC {
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 4px;
    padding: 0 35px;
    text-align: center
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-link--v2XSt {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-link--v2XSt .index-module__card-link-a--6BHKz {
    display: block;
    flex: none
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-link--v2XSt .index-module__card-link-a--6BHKz .index-module__card-link-panel--VCE5F {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-link--v2XSt .index-module__card-link-a--6BHKz .index-module__card-link-panel--VCE5F .index-module__link-arrow--ilCdU {
    flex: none;
    margin-left: 5px
}

.index-module__application-scene-card--dS0R5 .index-module__card-content--za7\+Z .index-module__card-link--v2XSt .index-module__card-link-a--6BHKz .index-module__card-link-panel--VCE5F .index-module__link-arrow--ilCdU svg {
    height: 14px;
    width: 14px
}

.index-module__application-scene-card--dS0R5 .index-module__card-image--REL3E {
    flex: none;
    font-size: 0;
    margin-top: 22px;
    padding: 0 8px;
    width: 100%
}

.index-module__application-scene-card--dS0R5 .index-module__card-image--REL3E img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__application-scene-mobile-container--roMW9 {
        display:block
    }

    .index-module__application-scene-card--dS0R5+.index-module__application-scene-card--dS0R5 {
        margin-top: 16px
    }
}

.index-module__carousel-capa-container--Uo2Na,.index-module__carousel-capa-container--Uo2Na * {
    box-sizing: border-box
}

.index-module__carousel-capa-container--Uo2Na a,.index-module__carousel-capa-container--Uo2Na a:active,.index-module__carousel-capa-container--Uo2Na a:hover,.index-module__carousel-capa-container--Uo2Na a:link,.index-module__carousel-capa-container--Uo2Na a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__carousel-capa-pc--WgJrJ {
    display: block
}

.index-module__carousel-capa-mobile--zN1eZ,.index-module__carousel-capa-pad---8fya {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__carousel-capa-pc--WgJrJ {
        display:none
    }

    .index-module__carousel-capa-mobile--zN1eZ {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__carousel-capa-pc--WgJrJ {
        display:none
    }

    .index-module__carousel-capa-pad---8fya {
        display: block
    }
}

.index-module__carousel-capa-pc-container--oaOjU {
    background-color: #fff;
    display: flex;
    height: 430px;
    width: 1200px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__container-left--lSNh5 {
    margin-right: 16px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S {
    flex: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 464px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__hr--OAZUL {
    background: transparent;
    height: 1px;
    width: 100%
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__hr--OAZUL.index-module__active--RkgrY {
    background: #eeebea
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb {
    border-radius: 4px;
    cursor: pointer;
    height: 64px;
    overflow: hidden;
    padding: 20px 24px;
    position: relative;
    transition: height .2s cubic-bezier(.34,.69,.1,1),background-color .2s cubic-bezier(.34,.69,.1,1)
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__progress-bar--L8-RZ {
    background-color: #fff;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__progress-bar--L8-RZ .index-module__filler--Hu4FA {
    background-color: #3073f2;
    height: 0;
    width: 100%
}

@-webkit-keyframes index-module__progress-bar-animation--A2haT {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

@keyframes index-module__progress-bar-animation--A2haT {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-title--kCIlS {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-icon---IT2E {
    stroke-width: 5;
    color: #181818;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 21px;
    transform: rotate(90deg);
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    width: 16px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d {
    margin-top: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s cubic-bezier(.34,.69,.1,1)
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-des--Iqo9C .index-module__card-des-line--t55qa {
    align-items: flex-start;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-des--Iqo9C .index-module__card-des-line--t55qa .index-module__img-wrapper--kOlPo {
    align-items: center;
    display: inline-flex;
    font-size: 0;
    height: 20px;
    margin-right: 8px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-des--Iqo9C .index-module__card-des-line--t55qa .index-module__img-wrapper--kOlPo img {
    height: 14px;
    width: 14px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-des--Iqo9C .index-module__card-des-line--t55qa:not(:first-child) {
    margin-top: 6px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 {
    display: flex;
    margin-top: 28px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-a-tag--m1uVo {
    flex: none
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-a-tag--m1uVo:not(:first-child) {
    margin-left: 24px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button--F7q1k {
    height: 34px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-primary--RJPoM {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 34px;
    padding: 0 18px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-primary--RJPoM:hover {
    background-color: #4281ff
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-primary--RJPoM:active {
    background-color: #05f
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-text--2ci6a {
    color: #1664ff;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 34px;
    text-align: center
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-text--2ci6a .index-module__button-arrow--MXfRQ {
    align-items: center;
    display: flex;
    flex: none;
    margin-left: 5px;
    position: relative;
    right: 0;
    transition: right .3s
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-text--2ci6a .index-module__button-arrow--MXfRQ svg {
    flex: none;
    height: 14px;
    width: 14px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-text--2ci6a:hover {
    color: #4086ff
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-text--2ci6a:hover .index-module__button-arrow--MXfRQ {
    right: -4px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb .index-module__card-content--vio1d .index-module__card-buttons--ff-c9 .index-module__button-text--2ci6a:active {
    color: #0e49d2
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb.index-module__active--RkgrY {
    background-color: #f8f9fe;
    cursor: auto;
    height: 209px;
    padding-bottom: 24px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb.index-module__active--RkgrY .index-module__card-icon---IT2E {
    transform: rotate(-90deg)
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb.index-module__active--RkgrY .index-module__card-content--vio1d {
    opacity: 1;
    pointer-events: auto
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S .index-module__card--7-dzb.index-module__active--RkgrY .index-module__progress-bar--L8-RZ {
    background-color: #f8f9fe
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__image-container--anuaa {
    flex: none;
    font-size: 0;
    height: 100%;
    position: relative;
    width: 720px
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__image-container--anuaa img {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 1s cubic-bezier(.34,.69,.1,1);
    width: 100%
}

.index-module__carousel-capa-pc-container--oaOjU .index-module__image-container--anuaa img.index-module__active--RkgrY {
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width: 1680px) {
    .index-module__carousel-capa-pc-container--oaOjU {
        padding:0 60px;
        width: 1440px
    }

    .index-module__carousel-capa-pc-container--oaOjU .index-module__container-left--lSNh5 {
        margin-right: 90px
    }

    .index-module__carousel-capa-pc-container--oaOjU .index-module__carousel-container--E1E4S {
        width: 510px
    }
}

.index-module__carousel-capa-pad-container--TDzT6 {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr {
    background-color: #f8f9fe;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 45px 0 40px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x {
    flex: none
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-title--4CG4D {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: unset;
    text-align: center
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-des--d7Uve {
    margin-top: 8px;
    padding: 0 20px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-des--d7Uve .index-module__card-des-line--\+D65T {
    align-items: flex-start;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 18px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-des--d7Uve .index-module__card-des-line--\+D65T .index-module__img-wrapper--p5fuQ {
    align-items: center;
    display: inline-flex;
    font-size: 0;
    height: 18px;
    margin-right: 8px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-des--d7Uve .index-module__card-des-line--\+D65T .index-module__img-wrapper--p5fuQ img {
    height: 14px;
    width: 14px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-des--d7Uve .index-module__card-des-line--\+D65T:not(:first-child) {
    margin-top: 6px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-button--XgOfg {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-button--XgOfg .index-module__card-link-a--cFz8I {
    display: block;
    flex: none
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-button--XgOfg .index-module__card-link-a--cFz8I .index-module__card-link-panel--oWtTQ {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-button--XgOfg .index-module__card-link-a--cFz8I .index-module__card-link-panel--oWtTQ .index-module__link-arrow--SRnPC {
    flex: none;
    margin-left: 5px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-content--dUX7x .index-module__card-button--XgOfg .index-module__card-link-a--cFz8I .index-module__card-link-panel--oWtTQ .index-module__link-arrow--SRnPC svg {
    height: 14px;
    width: 14px
}

.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-image--d6GWE {
    flex: none;
    font-size: 0;
    margin-top: 40px;
    padding: 0 8px;
    width: 100%
}

.index-module__carousel-capa-mobile-container--xawPP,.index-module__carousel-capa-pad-container--TDzT6 .index-module__carousel-capa-card--ZJ2Mr .index-module__card-image--d6GWE img {
    width: 100%
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__mobile-tab-title--FsJ-2 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-image--AH3rP {
    font-size: 0;
    padding: 0 4px;
    width: 100%
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-image--AH3rP img {
    width: 100%
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-des--FdA6V {
    padding: 8px 20px 16px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-des--FdA6V .index-module__card-des-line--YUJdc {
    align-items: flex-start;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 18px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-des--FdA6V .index-module__card-des-line--YUJdc .index-module__img-wrapper--m7KLf {
    align-items: center;
    display: inline-flex;
    font-size: 0;
    height: 18px;
    margin-right: 8px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-des--FdA6V .index-module__card-des-line--YUJdc .index-module__img-wrapper--m7KLf img {
    height: 14px;
    width: 14px
}

.index-module__carousel-capa-mobile-container--xawPP .index-module__carousel-capa-mobile-collapse--OJsgB .index-module__carousel-capa-mobile-card--47i6i .index-module__mobile-tab-des--FdA6V .index-module__card-des-line--YUJdc:not(:first-child) {
    margin-top: 6px
}

.index-module__comparison-card-container--RDkGv {
    background-color: #fff
}

.index-module__comparison-card-container--RDkGv>[class*=head] {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__comparison-card-container--RDkGv>[class*=head] {
        margin-bottom:0
    }
}

@media screen and (max-width: 767px) {
    .index-module__comparison-card-container--RDkGv {
        display:none
    }
}

.index-module__withRoot-add--\+lWzQ {
    overflow: unset
}

.index-module__comparison-container--kOXYk {
    min-width: 1200px;
    width: 100%
}

.index-module__comparison-container--kOXYk,.index-module__comparison-container--kOXYk * {
    box-sizing: border-box
}

.index-module__comparison-container--kOXYk a,.index-module__comparison-container--kOXYk a:active,.index-module__comparison-container--kOXYk a:hover,.index-module__comparison-container--kOXYk a:link,.index-module__comparison-container--kOXYk a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 86px;
    padding: 0 calc(50% - 600px);
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    width: 100%;
    z-index: 1
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY.index-module__is-sticky--J9-A6 {
    box-shadow: 0 8px 30px rgba(209,221,235,.4)
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY :not(:first-child) {
    margin-left: 16px
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__head-title--A4hE\+ {
    color: #282828;
    flex: none;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 60px;
    width: 280px
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD {
    border-radius: 4px;
    display: block;
    flex: auto;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 38px;
    letter-spacing: .002em;
    line-height: 38px;
    text-align: center;
    width: 214px
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD.index-module__primary--uTtdc {
    background-color: #1664ff;
    box-shadow: 0 3px 8px rgba(46,70,146,.1);
    color: #fff
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD.index-module__primary--uTtdc:hover {
    background-color: #4281ff
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD.index-module__primary--uTtdc:active {
    background-color: #05f
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD.index-module__secondary--5uCbJ {
    background-color: #fff;
    border: 1px solid #1664ff;
    color: #1664ff
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD.index-module__secondary--5uCbJ:hover {
    background-color: #f6f8fa;
    border: 1px solid #4281ff;
    color: #4281ff
}

.index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD.index-module__secondary--5uCbJ:active {
    background-color: #f6f8fa;
    border: 1px solid #05f;
    color: #05f
}

.index-module__comparison-container--kOXYk .index-module__tables--wTP3T {
    margin: 0 auto;
    width: 1200px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__comparison-container--kOXYk {
        min-width:unset
    }

    .index-module__comparison-container--kOXYk .index-module__head--iCjRY {
        padding: 0 24px;
        top: 60px
    }

    .index-module__comparison-container--kOXYk .index-module__head--iCjRY :not(:first-child) {
        margin-left: 12px
    }

    .index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__head-title--A4hE\+ {
        font-size: 16px;
        line-height: 22px;
        padding-left: 30px;
        width: 165px
    }

    .index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__button--S4ixD {
        font-size: 14px
    }

    .index-module__comparison-container--kOXYk .index-module__tables--wTP3T {
        margin: 0;
        padding: 0 24px;
        width: 100%
    }
}

@media screen and (min-width: 1680px) {
    .index-module__comparison-container--kOXYk .index-module__head--iCjRY {
        padding:0 calc(50% - 720px)
    }

    .index-module__comparison-container--kOXYk .index-module__head--iCjRY .index-module__head-title--A4hE\+ {
        padding-left: 76px;
        width: 400px
    }

    .index-module__comparison-container--kOXYk .index-module__tables--wTP3T {
        margin: 0 auto;
        width: 1440px
    }
}

.index-module__table-container--sm\+cO {
    border: 1px solid #f6f7fa;
    border-radius: 4px;
    overflow: hidden;
    transition: height .2s ease-in-out;
    width: 100%
}

.index-module__table-container--sm\+cO:not(:first-child) {
    margin-top: 20px
}

.index-module__table-container--sm\+cO .index-module__table-title--vXGj7 {
    background-color: #f4f7fc;
    color: #282828;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    letter-spacing: .002em;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 60px;
    position: relative;
    transition: background-color .1s ease-in-out
}

.index-module__table-container--sm\+cO .index-module__table-title--vXGj7:hover {
    background-color: #edf2f9
}

.index-module__table-container--sm\+cO .index-module__table-title--vXGj7 .index-module__icon-wrapper--USchp {
    left: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.index-module__table-container--sm\+cO .index-module__table-title--vXGj7 .index-module__icon-wrapper--USchp svg {
    stroke: #7a8494;
    transition: transform .2s ease-in-out;
    width: 12px
}

.index-module__table-container--sm\+cO .index-module__table-row--kEmAQ {
    box-sizing: content-box;
    display: flex;
    height: 40px
}

.index-module__table-container--sm\+cO .index-module__table-row--kEmAQ:not(:last-child) {
    border-bottom: 1px solid #f6f7fa
}

.index-module__table-container--sm\+cO .index-module__table-row--kEmAQ :not(:first-child) {
    margin-left: 16px
}

.index-module__table-container--sm\+cO .index-module__table-row--kEmAQ .index-module__table-row-title--1gPpO {
    color: #4e5969;
    flex: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 40px;
    padding-left: 60px;
    width: 280px
}

.index-module__table-container--sm\+cO .index-module__table-row--kEmAQ .index-module__table-row-td--LLC-k {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: center;
    width: 214px
}

.index-module__table-container--sm\+cO .index-module__table-row--kEmAQ .index-module__table-row-td--LLC-k .index-module__table-row-td-text--h\+6XV {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #86909c;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__table-container--sm\+cO.index-module__folded--oajyn .index-module__table-title--vXGj7 .index-module__icon-wrapper--USchp svg {
    transform: rotate(-180deg)
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__table-container--sm\+cO:not(:first-child) {
        margin-top:16px
    }

    .index-module__table-container--sm\+cO .index-module__table-title--vXGj7 {
        font-size: 14px;
        padding-left: 30px
    }

    .index-module__table-container--sm\+cO .index-module__table-title--vXGj7 .index-module__icon-wrapper--USchp {
        left: 14px
    }

    .index-module__table-container--sm\+cO .index-module__table-row--kEmAQ {
        height: 36px
    }

    .index-module__table-container--sm\+cO .index-module__table-row--kEmAQ :not(:first-child) {
        margin-left: 12px
    }

    .index-module__table-container--sm\+cO .index-module__table-row--kEmAQ .index-module__table-row-title--1gPpO {
        font-size: 12px;
        line-height: 36px;
        padding-left: 30px;
        width: 165px
    }

    .index-module__table-container--sm\+cO .index-module__table-row--kEmAQ .index-module__table-row-td--LLC-k .index-module__table-row-td-text--h\+6XV {
        font-size: 12px;
        line-height: 17px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__table-container--sm\+cO .index-module__table-title--vXGj7 {
        padding-left:76px
    }

    .index-module__table-container--sm\+cO .index-module__table-title--vXGj7 .index-module__icon-wrapper--USchp {
        left: 56px
    }

    .index-module__table-container--sm\+cO .index-module__table-row--kEmAQ .index-module__table-row-title--1gPpO {
        padding-left: 76px;
        width: 400px
    }
}

body {
    overscroll-behavior: none
}

.index-module__banner-container--F6kGO {
    background-color: #fff;
    min-width: 1200px;
    position: relative
}

.index-module__banner-container--F6kGO,.index-module__banner-container--F6kGO * {
    box-sizing: border-box
}

.index-module__banner-container--F6kGO a,.index-module__banner-container--F6kGO a:active,.index-module__banner-container--F6kGO a:hover,.index-module__banner-container--F6kGO a:link,.index-module__banner-container--F6kGO a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q {
    height: 740px;
    overflow: hidden;
    position: relative
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-1--4DgXz {
    background-color: hsla(0,100%,79%,.7);
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 350px;
    left: 500px;
    opacity: .09;
    pointer-events: none;
    position: absolute;
    top: 160px;
    width: 350px;
    will-change: transform
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-2--AZDMD {
    background-color: #3382ff;
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 500px;
    left: 750px;
    opacity: .09;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 500px;
    will-change: transform
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 {
    display: flex;
    height: 595px;
    margin: 0 auto;
    padding-top: 85px;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l {
    flex: none;
    height: 100%;
    padding-right: 68px;
    width: 610px
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 {
    display: block;
    margin-top: 65px
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 .index-module__banner-title--OSfXA {
    color: #181818;
    display: block;
    font-family: PingFang SC;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 48px;
    margin: unset;
    text-align: center;
    width: 100%
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 .index-module__banner-des--zpMaY {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4e5969;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    margin-top: 29px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 .index-module__banner-image-pc--oX9O8 {
    font-size: 0;
    height: 299px;
    left: -38px;
    margin-top: 20px;
    position: relative;
    width: 618px
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 .index-module__banner-image-pc--oX9O8 img {
    height: 100%;
    width: 100%
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-mobile--l3GWh,.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD {
    display: none
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-right--N3RK4 {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    flex: none;
    height: 100%;
    transition: box-shadow .5s;
    width: 590px
}

.index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-right--N3RK4:hover {
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.05)
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB {
    bottom: -4px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1200px;
    z-index: 1
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy {
    display: block;
    flex: 1 1 100px;
    min-width: 0
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy .index-module__op-card--lXw5L {
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    height: 102px;
    padding: 24px 32px;
    transition: box-shadow .5s,border .5s
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy .index-module__op-card--lXw5L .index-module__op-card-title--orLb2 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy .index-module__op-card--lXw5L .index-module__op-card-des--hEaEH {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy .index-module__op-card--lXw5L:hover {
    border: 1px solid #fff;
    box-shadow: 0 3px 18px rgba(51,65,101,.1)
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy .index-module__op-card--lXw5L:hover .index-module__op-card-title--orLb2 {
    color: #1664ff
}

.index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB .index-module__op-a-tag--rljzy+.index-module__op-a-tag--rljzy {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .index-module__banner-container--F6kGO {
        min-width:unset
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q {
        height: auto;
        padding-bottom: 48px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht {
        margin: 0 24px;
        width: auto
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-1--4DgXz {
        height: 250px;
        left: -110px;
        top: 150px;
        width: 250px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-2--AZDMD {
        height: 350px;
        left: 200px;
        top: -50px;
        width: 350px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 {
        display: block;
        height: auto;
        margin: 0 24px;
        padding-top: 68px;
        width: auto
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l {
        height: auto;
        padding-right: 0;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 {
        display: none
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-mobile--l3GWh {
        display: block
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-mobile--l3GWh .index-module__banner-image-mobile--c6OcW {
        font-size: 0;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-mobile--l3GWh .index-module__banner-image-mobile--c6OcW img {
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-mobile--l3GWh .index-module__banner-title--OSfXA {
        color: #282828;
        display: block;
        font-family: PingFang SC;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: .002em;
        line-height: 34px;
        margin: unset;
        margin-top: 24px;
        text-align: center;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-mobile--l3GWh .index-module__banner-des--zpMaY {
        color: #4e5969;
        font-family: PingFang SC;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .002em;
        line-height: 24px;
        margin-top: 12px;
        text-align: left;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-right--N3RK4 {
        border-radius: 16px;
        height: 561px;
        margin-top: 24px;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner-container--F6kGO {
        min-width:unset
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q {
        height: auto;
        padding-bottom: 28px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht {
        margin: 0 42px;
        width: auto
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-1--4DgXz {
        height: 250px;
        left: -110px;
        top: 150px;
        width: 250px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-2--AZDMD {
        height: 350px;
        left: 200px;
        top: -50px;
        width: 350px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 {
        display: block;
        height: auto;
        margin: 0 42px;
        padding-top: 110px;
        width: auto
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l {
        height: auto;
        padding-right: 0;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pc--dGYv8 {
        display: none
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD {
        display: flex
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD .index-module__banner-left-left--C6d4N {
        flex: none;
        padding-top: 60px;
        width: 320px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD .index-module__banner-left-left--C6d4N .index-module__banner-title--OSfXA {
        color: #282828;
        display: block;
        font-family: PingFang SC;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: .002em;
        line-height: 45px;
        margin: unset;
        text-align: left;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD .index-module__banner-left-left--C6d4N .index-module__banner-des--zpMaY {
        color: #4e5969;
        font-family: PingFang SC;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .002em;
        line-height: 24px;
        margin-top: 8px;
        text-align: left;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD .index-module__banner-image-pad--Zr02k {
        flex: auto;
        font-size: 0
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l .index-module__banner-left-pad--4VAZD .index-module__banner-image-pad--Zr02k img {
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-right--N3RK4 {
        border-radius: 16px;
        height: 449px;
        margin-top: 6px;
        width: 100%
    }

    .index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB {
        background-color: #fff;
        bottom: unset;
        left: unset;
        padding: 0 42px 40px;
        position: relative;
        transform: unset;
        width: 100%
    }
}

@media screen and (min-width: 1680px) {
    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht {
        width:1440px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-1--4DgXz {
        left: 600px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-bg-container--XRzht .index-module__bg-circle-2--AZDMD {
        left: 850px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 {
        width: 1440px
    }

    .index-module__banner-container--F6kGO .index-module__banner-wrapper--zLx4q .index-module__banner-content-container--1DvP8 .index-module__banner-left--gpO2l {
        padding-right: 308px;
        width: 850px
    }

    .index-module__banner-container--F6kGO .index-module__banner-opcard-container--ZiJfB {
        width: 1440px
    }
}

.index-module__success-block--YkJ83 {
    height: 100%;
    padding-top: 142px;
    position: relative;
    width: 100%
}

.index-module__success-block--YkJ83 .index-module__success-footer-container-mobile--ItV\+P,.index-module__success-block--YkJ83 .index-module__success-header-container-mobile--VOQUK {
    display: none
}

.index-module__success-block--YkJ83 .index-module__success-image-container--CnQD- {
    font-size: 0;
    text-align: center;
    width: 100%
}

.index-module__success-block--YkJ83 .index-module__success-image-container--CnQD- img {
    height: 154px;
    width: 207px
}

.index-module__success-block--YkJ83 .index-module__success-info-container--XL24u {
    margin-top: 20px;
    width: 100%
}

.index-module__success-block--YkJ83 .index-module__success-info-container--XL24u .index-module__success-info-line--WlkPk {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.index-module__success-block--YkJ83 .index-module__success-footer-container-pc--spwgg {
    bottom: 20px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__success-block--YkJ83 {
        padding-top:36px
    }

    .index-module__success-block--YkJ83 .index-module__success-footer-container-mobile--ItV\+P,.index-module__success-block--YkJ83 .index-module__success-header-container-mobile--VOQUK {
        display: block
    }

    .index-module__success-block--YkJ83 .index-module__success-image-container--CnQD- {
        margin-top: 108px
    }

    .index-module__success-block--YkJ83 .index-module__success-footer-container-pc--spwgg {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__success-block--YkJ83 {
        padding-top:36px
    }

    .index-module__success-block--YkJ83 .index-module__success-footer-container-mobile--ItV\+P,.index-module__success-block--YkJ83 .index-module__success-header-container-mobile--VOQUK {
        display: block
    }

    .index-module__success-block--YkJ83 .index-module__success-image-container--CnQD- {
        margin-top: 70px
    }

    .index-module__success-block--YkJ83 .index-module__success-footer-container-pc--spwgg {
        display: none
    }
}

.index-module__form-header--dfkfb {
    margin-bottom: 24px;
    width: 100%
}

.index-module__form-header--dfkfb .index-module__form-header-title--F\+MRw {
    color: #020814;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    width: 100%
}

.index-module__form-header--dfkfb .index-module__form-header-subtitle--c7Pmv {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__form-header--dfkfb {
        margin-bottom:8px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-header--dfkfb {
        margin-bottom:8px
    }
}

.index-module__hotline--aBgPe {
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.index-module__hotline--aBgPe .index-module__hotline-text--NXagj {
    color: #474b53;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__hotline--aBgPe .index-module__hotline-tel--fq8h9 {
    color: #1664ff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__hotline--aBgPe .index-module__hotline-tel--fq8h9:link,.index-module__hotline--aBgPe .index-module__hotline-tel--fq8h9:visited {
    color: #1664ff
}

.index-module__hotline--aBgPe .index-module__hotline-tel--fq8h9:hover {
    color: #4281ff
}

.index-module__hotline--aBgPe .index-module__hotline-tel--fq8h9:active {
    color: #05f
}

.index-module__form-block--Eu0Oi {
    height: 100%;
    padding: 36px 77px 0;
    position: relative;
    width: 100%
}

.index-module__form-block--Eu0Oi .index-module__form-footer-container-mobile--Dh33A {
    display: none
}

.index-module__form-block--Eu0Oi .index-module__form-footer-container-pc--oN8gj {
    bottom: 20px;
    display: block;
    position: absolute;
    width: calc(100% - 154px)
}

@media screen and (max-width: 767px) {
    .index-module__form-block--Eu0Oi {
        padding:36px 24px 0
    }

    .index-module__form-block--Eu0Oi .index-module__form-footer-container-mobile--Dh33A {
        display: block;
        margin-bottom: 22px
    }

    .index-module__form-block--Eu0Oi .index-module__form-footer-container-pc--oN8gj {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-block--Eu0Oi {
        padding:36px 32px 0
    }

    .index-module__form-block--Eu0Oi .index-module__form-footer-container-mobile--Dh33A {
        display: block;
        margin-bottom: 30px
    }

    .index-module__form-block--Eu0Oi .index-module__form-footer-container-pc--oN8gj {
        display: none
    }
}

.arco-row {
    display: flex;
    flex-flow: row wrap
}

.arco-row-align-start {
    align-items: flex-start
}

.arco-row-align-center {
    align-items: center
}

.arco-row-align-end {
    align-items: flex-end
}

.arco-row-justify-start {
    justify-content: flex-start
}

.arco-row-justify-center {
    justify-content: center
}

.arco-row-justify-end {
    justify-content: flex-end
}

.arco-row-justify-space-around {
    justify-content: space-around
}

.arco-row-justify-space-between {
    justify-content: space-between
}

.arco-row-rtl {
    direction: rtl
}

.arco-col {
    box-sizing: border-box;
    position: relative
}

.arco-col-rtl {
    direction: rtl
}

.arco-col-0 {
    display: none
}

.arco-col-1 {
    display: block;
    flex: 0 0 4.16666667%;
    width: 4.16666667%
}

.arco-col-2 {
    display: block;
    flex: 0 0 8.33333333%;
    width: 8.33333333%
}

.arco-col-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%
}

.arco-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    width: 16.66666667%
}

.arco-col-5 {
    display: block;
    flex: 0 0 20.83333333%;
    width: 20.83333333%
}

.arco-col-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%
}

.arco-col-7 {
    display: block;
    flex: 0 0 29.16666667%;
    width: 29.16666667%
}

.arco-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    width: 33.33333333%
}

.arco-col-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%
}

.arco-col-10 {
    display: block;
    flex: 0 0 41.66666667%;
    width: 41.66666667%
}

.arco-col-11 {
    display: block;
    flex: 0 0 45.83333333%;
    width: 45.83333333%
}

.arco-col-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%
}

.arco-col-13 {
    display: block;
    flex: 0 0 54.16666667%;
    width: 54.16666667%
}

.arco-col-14 {
    display: block;
    flex: 0 0 58.33333333%;
    width: 58.33333333%
}

.arco-col-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%
}

.arco-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    width: 66.66666667%
}

.arco-col-17 {
    display: block;
    flex: 0 0 70.83333333%;
    width: 70.83333333%
}

.arco-col-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%
}

.arco-col-19 {
    display: block;
    flex: 0 0 79.16666667%;
    width: 79.16666667%
}

.arco-col-20 {
    display: block;
    flex: 0 0 83.33333333%;
    width: 83.33333333%
}

.arco-col-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%
}

.arco-col-22 {
    display: block;
    flex: 0 0 91.66666667%;
    width: 91.66666667%
}

.arco-col-23 {
    display: block;
    flex: 0 0 95.83333333%;
    width: 95.83333333%
}

.arco-col-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%
}

.arco-col-offset-0 {
    margin-left: 0
}

.arco-col-offset-0.arco-col-rtl {
    margin-left: 0;
    margin-right: 0
}

.arco-col-offset-1 {
    margin-left: 4.16666667%
}

.arco-col-offset-1.arco-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%
}

.arco-col-offset-2 {
    margin-left: 8.33333333%
}

.arco-col-offset-2.arco-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%
}

.arco-col-offset-3 {
    margin-left: 12.5%
}

.arco-col-offset-3.arco-col-rtl {
    margin-left: 0;
    margin-right: 12.5%
}

.arco-col-offset-4 {
    margin-left: 16.66666667%
}

.arco-col-offset-4.arco-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%
}

.arco-col-offset-5 {
    margin-left: 20.83333333%
}

.arco-col-offset-5.arco-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%
}

.arco-col-offset-6 {
    margin-left: 25%
}

.arco-col-offset-6.arco-col-rtl {
    margin-left: 0;
    margin-right: 25%
}

.arco-col-offset-7 {
    margin-left: 29.16666667%
}

.arco-col-offset-7.arco-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%
}

.arco-col-offset-8 {
    margin-left: 33.33333333%
}

.arco-col-offset-8.arco-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%
}

.arco-col-offset-9 {
    margin-left: 37.5%
}

.arco-col-offset-9.arco-col-rtl {
    margin-left: 0;
    margin-right: 37.5%
}

.arco-col-offset-10 {
    margin-left: 41.66666667%
}

.arco-col-offset-10.arco-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%
}

.arco-col-offset-11 {
    margin-left: 45.83333333%
}

.arco-col-offset-11.arco-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%
}

.arco-col-offset-12 {
    margin-left: 50%
}

.arco-col-offset-12.arco-col-rtl {
    margin-left: 0;
    margin-right: 50%
}

.arco-col-offset-13 {
    margin-left: 54.16666667%
}

.arco-col-offset-13.arco-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%
}

.arco-col-offset-14 {
    margin-left: 58.33333333%
}

.arco-col-offset-14.arco-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%
}

.arco-col-offset-15 {
    margin-left: 62.5%
}

.arco-col-offset-15.arco-col-rtl {
    margin-left: 0;
    margin-right: 62.5%
}

.arco-col-offset-16 {
    margin-left: 66.66666667%
}

.arco-col-offset-16.arco-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%
}

.arco-col-offset-17 {
    margin-left: 70.83333333%
}

.arco-col-offset-17.arco-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%
}

.arco-col-offset-18 {
    margin-left: 75%
}

.arco-col-offset-18.arco-col-rtl {
    margin-left: 0;
    margin-right: 75%
}

.arco-col-offset-19 {
    margin-left: 79.16666667%
}

.arco-col-offset-19.arco-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%
}

.arco-col-offset-20 {
    margin-left: 83.33333333%
}

.arco-col-offset-20.arco-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%
}

.arco-col-offset-21 {
    margin-left: 87.5%
}

.arco-col-offset-21.arco-col-rtl {
    margin-left: 0;
    margin-right: 87.5%
}

.arco-col-offset-22 {
    margin-left: 91.66666667%
}

.arco-col-offset-22.arco-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%
}

.arco-col-offset-23 {
    margin-left: 95.83333333%
}

.arco-col-offset-23.arco-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%
}

.arco-col-order-0 {
    order: 0
}

.arco-col-order-1 {
    order: 1
}

.arco-col-order-2 {
    order: 2
}

.arco-col-order-3 {
    order: 3
}

.arco-col-order-4 {
    order: 4
}

.arco-col-order-5 {
    order: 5
}

.arco-col-order-6 {
    order: 6
}

.arco-col-order-7 {
    order: 7
}

.arco-col-order-8 {
    order: 8
}

.arco-col-order-9 {
    order: 9
}

.arco-col-order-10 {
    order: 10
}

.arco-col-order-11 {
    order: 11
}

.arco-col-order-12 {
    order: 12
}

.arco-col-order-13 {
    order: 13
}

.arco-col-order-14 {
    order: 14
}

.arco-col-order-15 {
    order: 15
}

.arco-col-order-16 {
    order: 16
}

.arco-col-order-17 {
    order: 17
}

.arco-col-order-18 {
    order: 18
}

.arco-col-order-19 {
    order: 19
}

.arco-col-order-20 {
    order: 20
}

.arco-col-order-21 {
    order: 21
}

.arco-col-order-22 {
    order: 22
}

.arco-col-order-23 {
    order: 23
}

.arco-col-order-24 {
    order: 24
}

.arco-col-pull-0 {
    right: 0
}

.arco-col-pull-0.arco-col-rtl {
    left: 0;
    right: unset
}

.arco-col-pull-1 {
    right: 4.16666667%
}

.arco-col-pull-1.arco-col-rtl {
    left: 4.16666667%;
    right: unset
}

.arco-col-pull-2 {
    right: 8.33333333%
}

.arco-col-pull-2.arco-col-rtl {
    left: 8.33333333%;
    right: unset
}

.arco-col-pull-3 {
    right: 12.5%
}

.arco-col-pull-3.arco-col-rtl {
    left: 12.5%;
    right: unset
}

.arco-col-pull-4 {
    right: 16.66666667%
}

.arco-col-pull-4.arco-col-rtl {
    left: 16.66666667%;
    right: unset
}

.arco-col-pull-5 {
    right: 20.83333333%
}

.arco-col-pull-5.arco-col-rtl {
    left: 20.83333333%;
    right: unset
}

.arco-col-pull-6 {
    right: 25%
}

.arco-col-pull-6.arco-col-rtl {
    left: 25%;
    right: unset
}

.arco-col-pull-7 {
    right: 29.16666667%
}

.arco-col-pull-7.arco-col-rtl {
    left: 29.16666667%;
    right: unset
}

.arco-col-pull-8 {
    right: 33.33333333%
}

.arco-col-pull-8.arco-col-rtl {
    left: 33.33333333%;
    right: unset
}

.arco-col-pull-9 {
    right: 37.5%
}

.arco-col-pull-9.arco-col-rtl {
    left: 37.5%;
    right: unset
}

.arco-col-pull-10 {
    right: 41.66666667%
}

.arco-col-pull-10.arco-col-rtl {
    left: 41.66666667%;
    right: unset
}

.arco-col-pull-11 {
    right: 45.83333333%
}

.arco-col-pull-11.arco-col-rtl {
    left: 45.83333333%;
    right: unset
}

.arco-col-pull-12 {
    right: 50%
}

.arco-col-pull-12.arco-col-rtl {
    left: 50%;
    right: unset
}

.arco-col-pull-13 {
    right: 54.16666667%
}

.arco-col-pull-13.arco-col-rtl {
    left: 54.16666667%;
    right: unset
}

.arco-col-pull-14 {
    right: 58.33333333%
}

.arco-col-pull-14.arco-col-rtl {
    left: 58.33333333%;
    right: unset
}

.arco-col-pull-15 {
    right: 62.5%
}

.arco-col-pull-15.arco-col-rtl {
    left: 62.5%;
    right: unset
}

.arco-col-pull-16 {
    right: 66.66666667%
}

.arco-col-pull-16.arco-col-rtl {
    left: 66.66666667%;
    right: unset
}

.arco-col-pull-17 {
    right: 70.83333333%
}

.arco-col-pull-17.arco-col-rtl {
    left: 70.83333333%;
    right: unset
}

.arco-col-pull-18 {
    right: 75%
}

.arco-col-pull-18.arco-col-rtl {
    left: 75%;
    right: unset
}

.arco-col-pull-19 {
    right: 79.16666667%
}

.arco-col-pull-19.arco-col-rtl {
    left: 79.16666667%;
    right: unset
}

.arco-col-pull-20 {
    right: 83.33333333%
}

.arco-col-pull-20.arco-col-rtl {
    left: 83.33333333%;
    right: unset
}

.arco-col-pull-21 {
    right: 87.5%
}

.arco-col-pull-21.arco-col-rtl {
    left: 87.5%;
    right: unset
}

.arco-col-pull-22 {
    right: 91.66666667%
}

.arco-col-pull-22.arco-col-rtl {
    left: 91.66666667%;
    right: unset
}

.arco-col-pull-23 {
    right: 95.83333333%
}

.arco-col-pull-23.arco-col-rtl {
    left: 95.83333333%;
    right: unset
}

.arco-col-pull-24 {
    right: 100%
}

.arco-col-pull-24.arco-col-rtl {
    left: 100%;
    right: unset
}

.arco-col-push-0 {
    left: 0
}

.arco-col-push-0.arco-col-rtl {
    left: unset;
    right: 0
}

.arco-col-push-1 {
    left: 4.16666667%
}

.arco-col-push-1.arco-col-rtl {
    left: unset;
    right: 4.16666667%
}

.arco-col-push-2 {
    left: 8.33333333%
}

.arco-col-push-2.arco-col-rtl {
    left: unset;
    right: 8.33333333%
}

.arco-col-push-3 {
    left: 12.5%
}

.arco-col-push-3.arco-col-rtl {
    left: unset;
    right: 12.5%
}

.arco-col-push-4 {
    left: 16.66666667%
}

.arco-col-push-4.arco-col-rtl {
    left: unset;
    right: 16.66666667%
}

.arco-col-push-5 {
    left: 20.83333333%
}

.arco-col-push-5.arco-col-rtl {
    left: unset;
    right: 20.83333333%
}

.arco-col-push-6 {
    left: 25%
}

.arco-col-push-6.arco-col-rtl {
    left: unset;
    right: 25%
}

.arco-col-push-7 {
    left: 29.16666667%
}

.arco-col-push-7.arco-col-rtl {
    left: unset;
    right: 29.16666667%
}

.arco-col-push-8 {
    left: 33.33333333%
}

.arco-col-push-8.arco-col-rtl {
    left: unset;
    right: 33.33333333%
}

.arco-col-push-9 {
    left: 37.5%
}

.arco-col-push-9.arco-col-rtl {
    left: unset;
    right: 37.5%
}

.arco-col-push-10 {
    left: 41.66666667%
}

.arco-col-push-10.arco-col-rtl {
    left: unset;
    right: 41.66666667%
}

.arco-col-push-11 {
    left: 45.83333333%
}

.arco-col-push-11.arco-col-rtl {
    left: unset;
    right: 45.83333333%
}

.arco-col-push-12 {
    left: 50%
}

.arco-col-push-12.arco-col-rtl {
    left: unset;
    right: 50%
}

.arco-col-push-13 {
    left: 54.16666667%
}

.arco-col-push-13.arco-col-rtl {
    left: unset;
    right: 54.16666667%
}

.arco-col-push-14 {
    left: 58.33333333%
}

.arco-col-push-14.arco-col-rtl {
    left: unset;
    right: 58.33333333%
}

.arco-col-push-15 {
    left: 62.5%
}

.arco-col-push-15.arco-col-rtl {
    left: unset;
    right: 62.5%
}

.arco-col-push-16 {
    left: 66.66666667%
}

.arco-col-push-16.arco-col-rtl {
    left: unset;
    right: 66.66666667%
}

.arco-col-push-17 {
    left: 70.83333333%
}

.arco-col-push-17.arco-col-rtl {
    left: unset;
    right: 70.83333333%
}

.arco-col-push-18 {
    left: 75%
}

.arco-col-push-18.arco-col-rtl {
    left: unset;
    right: 75%
}

.arco-col-push-19 {
    left: 79.16666667%
}

.arco-col-push-19.arco-col-rtl {
    left: unset;
    right: 79.16666667%
}

.arco-col-push-20 {
    left: 83.33333333%
}

.arco-col-push-20.arco-col-rtl {
    left: unset;
    right: 83.33333333%
}

.arco-col-push-21 {
    left: 87.5%
}

.arco-col-push-21.arco-col-rtl {
    left: unset;
    right: 87.5%
}

.arco-col-push-22 {
    left: 91.66666667%
}

.arco-col-push-22.arco-col-rtl {
    left: unset;
    right: 91.66666667%
}

.arco-col-push-23 {
    left: 95.83333333%
}

.arco-col-push-23.arco-col-rtl {
    left: unset;
    right: 95.83333333%
}

.arco-col-push-24 {
    left: 100%
}

.arco-col-push-24.arco-col-rtl {
    left: unset;
    right: 100%
}

.arco-col-xs-0 {
    display: none
}

.arco-col-xs-1 {
    display: block;
    flex: 0 0 4.16666667%;
    width: 4.16666667%
}

.arco-col-xs-2 {
    display: block;
    flex: 0 0 8.33333333%;
    width: 8.33333333%
}

.arco-col-xs-3 {
    display: block;
    flex: 0 0 12.5%;
    width: 12.5%
}

.arco-col-xs-4 {
    display: block;
    flex: 0 0 16.66666667%;
    width: 16.66666667%
}

.arco-col-xs-5 {
    display: block;
    flex: 0 0 20.83333333%;
    width: 20.83333333%
}

.arco-col-xs-6 {
    display: block;
    flex: 0 0 25%;
    width: 25%
}

.arco-col-xs-7 {
    display: block;
    flex: 0 0 29.16666667%;
    width: 29.16666667%
}

.arco-col-xs-8 {
    display: block;
    flex: 0 0 33.33333333%;
    width: 33.33333333%
}

.arco-col-xs-9 {
    display: block;
    flex: 0 0 37.5%;
    width: 37.5%
}

.arco-col-xs-10 {
    display: block;
    flex: 0 0 41.66666667%;
    width: 41.66666667%
}

.arco-col-xs-11 {
    display: block;
    flex: 0 0 45.83333333%;
    width: 45.83333333%
}

.arco-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    width: 50%
}

.arco-col-xs-13 {
    display: block;
    flex: 0 0 54.16666667%;
    width: 54.16666667%
}

.arco-col-xs-14 {
    display: block;
    flex: 0 0 58.33333333%;
    width: 58.33333333%
}

.arco-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    width: 62.5%
}

.arco-col-xs-16 {
    display: block;
    flex: 0 0 66.66666667%;
    width: 66.66666667%
}

.arco-col-xs-17 {
    display: block;
    flex: 0 0 70.83333333%;
    width: 70.83333333%
}

.arco-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    width: 75%
}

.arco-col-xs-19 {
    display: block;
    flex: 0 0 79.16666667%;
    width: 79.16666667%
}

.arco-col-xs-20 {
    display: block;
    flex: 0 0 83.33333333%;
    width: 83.33333333%
}

.arco-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    width: 87.5%
}

.arco-col-xs-22 {
    display: block;
    flex: 0 0 91.66666667%;
    width: 91.66666667%
}

.arco-col-xs-23 {
    display: block;
    flex: 0 0 95.83333333%;
    width: 95.83333333%
}

.arco-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    width: 100%
}

.arco-col-xs-offset-0 {
    margin-left: 0
}

.arco-col-xs-offset-0.arco-col-rtl {
    margin-left: 0;
    margin-right: 0
}

.arco-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.arco-col-xs-offset-1.arco-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%
}

.arco-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.arco-col-xs-offset-2.arco-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%
}

.arco-col-xs-offset-3 {
    margin-left: 12.5%
}

.arco-col-xs-offset-3.arco-col-rtl {
    margin-left: 0;
    margin-right: 12.5%
}

.arco-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.arco-col-xs-offset-4.arco-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%
}

.arco-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.arco-col-xs-offset-5.arco-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%
}

.arco-col-xs-offset-6 {
    margin-left: 25%
}

.arco-col-xs-offset-6.arco-col-rtl {
    margin-left: 0;
    margin-right: 25%
}

.arco-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.arco-col-xs-offset-7.arco-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%
}

.arco-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.arco-col-xs-offset-8.arco-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%
}

.arco-col-xs-offset-9 {
    margin-left: 37.5%
}

.arco-col-xs-offset-9.arco-col-rtl {
    margin-left: 0;
    margin-right: 37.5%
}

.arco-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.arco-col-xs-offset-10.arco-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%
}

.arco-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.arco-col-xs-offset-11.arco-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%
}

.arco-col-xs-offset-12 {
    margin-left: 50%
}

.arco-col-xs-offset-12.arco-col-rtl {
    margin-left: 0;
    margin-right: 50%
}

.arco-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.arco-col-xs-offset-13.arco-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%
}

.arco-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.arco-col-xs-offset-14.arco-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%
}

.arco-col-xs-offset-15 {
    margin-left: 62.5%
}

.arco-col-xs-offset-15.arco-col-rtl {
    margin-left: 0;
    margin-right: 62.5%
}

.arco-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.arco-col-xs-offset-16.arco-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%
}

.arco-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.arco-col-xs-offset-17.arco-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%
}

.arco-col-xs-offset-18 {
    margin-left: 75%
}

.arco-col-xs-offset-18.arco-col-rtl {
    margin-left: 0;
    margin-right: 75%
}

.arco-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.arco-col-xs-offset-19.arco-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%
}

.arco-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.arco-col-xs-offset-20.arco-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%
}

.arco-col-xs-offset-21 {
    margin-left: 87.5%
}

.arco-col-xs-offset-21.arco-col-rtl {
    margin-left: 0;
    margin-right: 87.5%
}

.arco-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.arco-col-xs-offset-22.arco-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%
}

.arco-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.arco-col-xs-offset-23.arco-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%
}

.arco-col-xs-order-0 {
    order: 0
}

.arco-col-xs-order-1 {
    order: 1
}

.arco-col-xs-order-2 {
    order: 2
}

.arco-col-xs-order-3 {
    order: 3
}

.arco-col-xs-order-4 {
    order: 4
}

.arco-col-xs-order-5 {
    order: 5
}

.arco-col-xs-order-6 {
    order: 6
}

.arco-col-xs-order-7 {
    order: 7
}

.arco-col-xs-order-8 {
    order: 8
}

.arco-col-xs-order-9 {
    order: 9
}

.arco-col-xs-order-10 {
    order: 10
}

.arco-col-xs-order-11 {
    order: 11
}

.arco-col-xs-order-12 {
    order: 12
}

.arco-col-xs-order-13 {
    order: 13
}

.arco-col-xs-order-14 {
    order: 14
}

.arco-col-xs-order-15 {
    order: 15
}

.arco-col-xs-order-16 {
    order: 16
}

.arco-col-xs-order-17 {
    order: 17
}

.arco-col-xs-order-18 {
    order: 18
}

.arco-col-xs-order-19 {
    order: 19
}

.arco-col-xs-order-20 {
    order: 20
}

.arco-col-xs-order-21 {
    order: 21
}

.arco-col-xs-order-22 {
    order: 22
}

.arco-col-xs-order-23 {
    order: 23
}

.arco-col-xs-order-24 {
    order: 24
}

.arco-col-xs-pull-0 {
    right: 0
}

.arco-col-xs-pull-0.arco-col-rtl {
    left: 0;
    right: unset
}

.arco-col-xs-pull-1 {
    right: 4.16666667%
}

.arco-col-xs-pull-1.arco-col-rtl {
    left: 4.16666667%;
    right: unset
}

.arco-col-xs-pull-2 {
    right: 8.33333333%
}

.arco-col-xs-pull-2.arco-col-rtl {
    left: 8.33333333%;
    right: unset
}

.arco-col-xs-pull-3 {
    right: 12.5%
}

.arco-col-xs-pull-3.arco-col-rtl {
    left: 12.5%;
    right: unset
}

.arco-col-xs-pull-4 {
    right: 16.66666667%
}

.arco-col-xs-pull-4.arco-col-rtl {
    left: 16.66666667%;
    right: unset
}

.arco-col-xs-pull-5 {
    right: 20.83333333%
}

.arco-col-xs-pull-5.arco-col-rtl {
    left: 20.83333333%;
    right: unset
}

.arco-col-xs-pull-6 {
    right: 25%
}

.arco-col-xs-pull-6.arco-col-rtl {
    left: 25%;
    right: unset
}

.arco-col-xs-pull-7 {
    right: 29.16666667%
}

.arco-col-xs-pull-7.arco-col-rtl {
    left: 29.16666667%;
    right: unset
}

.arco-col-xs-pull-8 {
    right: 33.33333333%
}

.arco-col-xs-pull-8.arco-col-rtl {
    left: 33.33333333%;
    right: unset
}

.arco-col-xs-pull-9 {
    right: 37.5%
}

.arco-col-xs-pull-9.arco-col-rtl {
    left: 37.5%;
    right: unset
}

.arco-col-xs-pull-10 {
    right: 41.66666667%
}

.arco-col-xs-pull-10.arco-col-rtl {
    left: 41.66666667%;
    right: unset
}

.arco-col-xs-pull-11 {
    right: 45.83333333%
}

.arco-col-xs-pull-11.arco-col-rtl {
    left: 45.83333333%;
    right: unset
}

.arco-col-xs-pull-12 {
    right: 50%
}

.arco-col-xs-pull-12.arco-col-rtl {
    left: 50%;
    right: unset
}

.arco-col-xs-pull-13 {
    right: 54.16666667%
}

.arco-col-xs-pull-13.arco-col-rtl {
    left: 54.16666667%;
    right: unset
}

.arco-col-xs-pull-14 {
    right: 58.33333333%
}

.arco-col-xs-pull-14.arco-col-rtl {
    left: 58.33333333%;
    right: unset
}

.arco-col-xs-pull-15 {
    right: 62.5%
}

.arco-col-xs-pull-15.arco-col-rtl {
    left: 62.5%;
    right: unset
}

.arco-col-xs-pull-16 {
    right: 66.66666667%
}

.arco-col-xs-pull-16.arco-col-rtl {
    left: 66.66666667%;
    right: unset
}

.arco-col-xs-pull-17 {
    right: 70.83333333%
}

.arco-col-xs-pull-17.arco-col-rtl {
    left: 70.83333333%;
    right: unset
}

.arco-col-xs-pull-18 {
    right: 75%
}

.arco-col-xs-pull-18.arco-col-rtl {
    left: 75%;
    right: unset
}

.arco-col-xs-pull-19 {
    right: 79.16666667%
}

.arco-col-xs-pull-19.arco-col-rtl {
    left: 79.16666667%;
    right: unset
}

.arco-col-xs-pull-20 {
    right: 83.33333333%
}

.arco-col-xs-pull-20.arco-col-rtl {
    left: 83.33333333%;
    right: unset
}

.arco-col-xs-pull-21 {
    right: 87.5%
}

.arco-col-xs-pull-21.arco-col-rtl {
    left: 87.5%;
    right: unset
}

.arco-col-xs-pull-22 {
    right: 91.66666667%
}

.arco-col-xs-pull-22.arco-col-rtl {
    left: 91.66666667%;
    right: unset
}

.arco-col-xs-pull-23 {
    right: 95.83333333%
}

.arco-col-xs-pull-23.arco-col-rtl {
    left: 95.83333333%;
    right: unset
}

.arco-col-xs-pull-24 {
    right: 100%
}

.arco-col-xs-pull-24.arco-col-rtl {
    left: 100%;
    right: unset
}

.arco-col-xs-push-0 {
    left: 0
}

.arco-col-xs-push-0.arco-col-rtl {
    left: unset;
    right: 0
}

.arco-col-xs-push-1 {
    left: 4.16666667%
}

.arco-col-xs-push-1.arco-col-rtl {
    left: unset;
    right: 4.16666667%
}

.arco-col-xs-push-2 {
    left: 8.33333333%
}

.arco-col-xs-push-2.arco-col-rtl {
    left: unset;
    right: 8.33333333%
}

.arco-col-xs-push-3 {
    left: 12.5%
}

.arco-col-xs-push-3.arco-col-rtl {
    left: unset;
    right: 12.5%
}

.arco-col-xs-push-4 {
    left: 16.66666667%
}

.arco-col-xs-push-4.arco-col-rtl {
    left: unset;
    right: 16.66666667%
}

.arco-col-xs-push-5 {
    left: 20.83333333%
}

.arco-col-xs-push-5.arco-col-rtl {
    left: unset;
    right: 20.83333333%
}

.arco-col-xs-push-6 {
    left: 25%
}

.arco-col-xs-push-6.arco-col-rtl {
    left: unset;
    right: 25%
}

.arco-col-xs-push-7 {
    left: 29.16666667%
}

.arco-col-xs-push-7.arco-col-rtl {
    left: unset;
    right: 29.16666667%
}

.arco-col-xs-push-8 {
    left: 33.33333333%
}

.arco-col-xs-push-8.arco-col-rtl {
    left: unset;
    right: 33.33333333%
}

.arco-col-xs-push-9 {
    left: 37.5%
}

.arco-col-xs-push-9.arco-col-rtl {
    left: unset;
    right: 37.5%
}

.arco-col-xs-push-10 {
    left: 41.66666667%
}

.arco-col-xs-push-10.arco-col-rtl {
    left: unset;
    right: 41.66666667%
}

.arco-col-xs-push-11 {
    left: 45.83333333%
}

.arco-col-xs-push-11.arco-col-rtl {
    left: unset;
    right: 45.83333333%
}

.arco-col-xs-push-12 {
    left: 50%
}

.arco-col-xs-push-12.arco-col-rtl {
    left: unset;
    right: 50%
}

.arco-col-xs-push-13 {
    left: 54.16666667%
}

.arco-col-xs-push-13.arco-col-rtl {
    left: unset;
    right: 54.16666667%
}

.arco-col-xs-push-14 {
    left: 58.33333333%
}

.arco-col-xs-push-14.arco-col-rtl {
    left: unset;
    right: 58.33333333%
}

.arco-col-xs-push-15 {
    left: 62.5%
}

.arco-col-xs-push-15.arco-col-rtl {
    left: unset;
    right: 62.5%
}

.arco-col-xs-push-16 {
    left: 66.66666667%
}

.arco-col-xs-push-16.arco-col-rtl {
    left: unset;
    right: 66.66666667%
}

.arco-col-xs-push-17 {
    left: 70.83333333%
}

.arco-col-xs-push-17.arco-col-rtl {
    left: unset;
    right: 70.83333333%
}

.arco-col-xs-push-18 {
    left: 75%
}

.arco-col-xs-push-18.arco-col-rtl {
    left: unset;
    right: 75%
}

.arco-col-xs-push-19 {
    left: 79.16666667%
}

.arco-col-xs-push-19.arco-col-rtl {
    left: unset;
    right: 79.16666667%
}

.arco-col-xs-push-20 {
    left: 83.33333333%
}

.arco-col-xs-push-20.arco-col-rtl {
    left: unset;
    right: 83.33333333%
}

.arco-col-xs-push-21 {
    left: 87.5%
}

.arco-col-xs-push-21.arco-col-rtl {
    left: unset;
    right: 87.5%
}

.arco-col-xs-push-22 {
    left: 91.66666667%
}

.arco-col-xs-push-22.arco-col-rtl {
    left: unset;
    right: 91.66666667%
}

.arco-col-xs-push-23 {
    left: 95.83333333%
}

.arco-col-xs-push-23.arco-col-rtl {
    left: unset;
    right: 95.83333333%
}

.arco-col-xs-push-24 {
    left: 100%
}

.arco-col-xs-push-24.arco-col-rtl {
    left: unset;
    right: 100%
}

@media (min-width: 576px) {
    .arco-col-sm-0 {
        display:none
    }

    .arco-col-sm-1 {
        display: block;
        flex: 0 0 4.16666667%;
        width: 4.16666667%
    }

    .arco-col-sm-2 {
        display: block;
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .arco-col-sm-3 {
        display: block;
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .arco-col-sm-4 {
        display: block;
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .arco-col-sm-5 {
        display: block;
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .arco-col-sm-6 {
        display: block;
        flex: 0 0 25%;
        width: 25%
    }

    .arco-col-sm-7 {
        display: block;
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .arco-col-sm-8 {
        display: block;
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .arco-col-sm-9 {
        display: block;
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .arco-col-sm-10 {
        display: block;
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .arco-col-sm-11 {
        display: block;
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .arco-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        width: 50%
    }

    .arco-col-sm-13 {
        display: block;
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .arco-col-sm-14 {
        display: block;
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .arco-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .arco-col-sm-16 {
        display: block;
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .arco-col-sm-17 {
        display: block;
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .arco-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        width: 75%
    }

    .arco-col-sm-19 {
        display: block;
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .arco-col-sm-20 {
        display: block;
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .arco-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .arco-col-sm-22 {
        display: block;
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .arco-col-sm-23 {
        display: block;
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .arco-col-sm-24 {
        display: block;
        flex: 0 0 100%;
        width: 100%
    }

    .arco-col-sm-offset-0 {
        margin-left: 0
    }

    .arco-col-sm-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0
    }

    .arco-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .arco-col-sm-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%
    }

    .arco-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .arco-col-sm-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%
    }

    .arco-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .arco-col-sm-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%
    }

    .arco-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .arco-col-sm-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .arco-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .arco-col-sm-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%
    }

    .arco-col-sm-offset-6 {
        margin-left: 25%
    }

    .arco-col-sm-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%
    }

    .arco-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .arco-col-sm-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%
    }

    .arco-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .arco-col-sm-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%
    }

    .arco-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .arco-col-sm-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%
    }

    .arco-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .arco-col-sm-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%
    }

    .arco-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .arco-col-sm-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%
    }

    .arco-col-sm-offset-12 {
        margin-left: 50%
    }

    .arco-col-sm-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%
    }

    .arco-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .arco-col-sm-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%
    }

    .arco-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .arco-col-sm-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%
    }

    .arco-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .arco-col-sm-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%
    }

    .arco-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .arco-col-sm-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%
    }

    .arco-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .arco-col-sm-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%
    }

    .arco-col-sm-offset-18 {
        margin-left: 75%
    }

    .arco-col-sm-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%
    }

    .arco-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .arco-col-sm-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%
    }

    .arco-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .arco-col-sm-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%
    }

    .arco-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .arco-col-sm-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%
    }

    .arco-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .arco-col-sm-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%
    }

    .arco-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .arco-col-sm-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%
    }

    .arco-col-sm-order-0 {
        order: 0
    }

    .arco-col-sm-order-1 {
        order: 1
    }

    .arco-col-sm-order-2 {
        order: 2
    }

    .arco-col-sm-order-3 {
        order: 3
    }

    .arco-col-sm-order-4 {
        order: 4
    }

    .arco-col-sm-order-5 {
        order: 5
    }

    .arco-col-sm-order-6 {
        order: 6
    }

    .arco-col-sm-order-7 {
        order: 7
    }

    .arco-col-sm-order-8 {
        order: 8
    }

    .arco-col-sm-order-9 {
        order: 9
    }

    .arco-col-sm-order-10 {
        order: 10
    }

    .arco-col-sm-order-11 {
        order: 11
    }

    .arco-col-sm-order-12 {
        order: 12
    }

    .arco-col-sm-order-13 {
        order: 13
    }

    .arco-col-sm-order-14 {
        order: 14
    }

    .arco-col-sm-order-15 {
        order: 15
    }

    .arco-col-sm-order-16 {
        order: 16
    }

    .arco-col-sm-order-17 {
        order: 17
    }

    .arco-col-sm-order-18 {
        order: 18
    }

    .arco-col-sm-order-19 {
        order: 19
    }

    .arco-col-sm-order-20 {
        order: 20
    }

    .arco-col-sm-order-21 {
        order: 21
    }

    .arco-col-sm-order-22 {
        order: 22
    }

    .arco-col-sm-order-23 {
        order: 23
    }

    .arco-col-sm-order-24 {
        order: 24
    }

    .arco-col-sm-pull-0 {
        right: 0
    }

    .arco-col-sm-pull-0.arco-col-rtl {
        left: 0;
        right: unset
    }

    .arco-col-sm-pull-1 {
        right: 4.16666667%
    }

    .arco-col-sm-pull-1.arco-col-rtl {
        left: 4.16666667%;
        right: unset
    }

    .arco-col-sm-pull-2 {
        right: 8.33333333%
    }

    .arco-col-sm-pull-2.arco-col-rtl {
        left: 8.33333333%;
        right: unset
    }

    .arco-col-sm-pull-3 {
        right: 12.5%
    }

    .arco-col-sm-pull-3.arco-col-rtl {
        left: 12.5%;
        right: unset
    }

    .arco-col-sm-pull-4 {
        right: 16.66666667%
    }

    .arco-col-sm-pull-4.arco-col-rtl {
        left: 16.66666667%;
        right: unset
    }

    .arco-col-sm-pull-5 {
        right: 20.83333333%
    }

    .arco-col-sm-pull-5.arco-col-rtl {
        left: 20.83333333%;
        right: unset
    }

    .arco-col-sm-pull-6 {
        right: 25%
    }

    .arco-col-sm-pull-6.arco-col-rtl {
        left: 25%;
        right: unset
    }

    .arco-col-sm-pull-7 {
        right: 29.16666667%
    }

    .arco-col-sm-pull-7.arco-col-rtl {
        left: 29.16666667%;
        right: unset
    }

    .arco-col-sm-pull-8 {
        right: 33.33333333%
    }

    .arco-col-sm-pull-8.arco-col-rtl {
        left: 33.33333333%;
        right: unset
    }

    .arco-col-sm-pull-9 {
        right: 37.5%
    }

    .arco-col-sm-pull-9.arco-col-rtl {
        left: 37.5%;
        right: unset
    }

    .arco-col-sm-pull-10 {
        right: 41.66666667%
    }

    .arco-col-sm-pull-10.arco-col-rtl {
        left: 41.66666667%;
        right: unset
    }

    .arco-col-sm-pull-11 {
        right: 45.83333333%
    }

    .arco-col-sm-pull-11.arco-col-rtl {
        left: 45.83333333%;
        right: unset
    }

    .arco-col-sm-pull-12 {
        right: 50%
    }

    .arco-col-sm-pull-12.arco-col-rtl {
        left: 50%;
        right: unset
    }

    .arco-col-sm-pull-13 {
        right: 54.16666667%
    }

    .arco-col-sm-pull-13.arco-col-rtl {
        left: 54.16666667%;
        right: unset
    }

    .arco-col-sm-pull-14 {
        right: 58.33333333%
    }

    .arco-col-sm-pull-14.arco-col-rtl {
        left: 58.33333333%;
        right: unset
    }

    .arco-col-sm-pull-15 {
        right: 62.5%
    }

    .arco-col-sm-pull-15.arco-col-rtl {
        left: 62.5%;
        right: unset
    }

    .arco-col-sm-pull-16 {
        right: 66.66666667%
    }

    .arco-col-sm-pull-16.arco-col-rtl {
        left: 66.66666667%;
        right: unset
    }

    .arco-col-sm-pull-17 {
        right: 70.83333333%
    }

    .arco-col-sm-pull-17.arco-col-rtl {
        left: 70.83333333%;
        right: unset
    }

    .arco-col-sm-pull-18 {
        right: 75%
    }

    .arco-col-sm-pull-18.arco-col-rtl {
        left: 75%;
        right: unset
    }

    .arco-col-sm-pull-19 {
        right: 79.16666667%
    }

    .arco-col-sm-pull-19.arco-col-rtl {
        left: 79.16666667%;
        right: unset
    }

    .arco-col-sm-pull-20 {
        right: 83.33333333%
    }

    .arco-col-sm-pull-20.arco-col-rtl {
        left: 83.33333333%;
        right: unset
    }

    .arco-col-sm-pull-21 {
        right: 87.5%
    }

    .arco-col-sm-pull-21.arco-col-rtl {
        left: 87.5%;
        right: unset
    }

    .arco-col-sm-pull-22 {
        right: 91.66666667%
    }

    .arco-col-sm-pull-22.arco-col-rtl {
        left: 91.66666667%;
        right: unset
    }

    .arco-col-sm-pull-23 {
        right: 95.83333333%
    }

    .arco-col-sm-pull-23.arco-col-rtl {
        left: 95.83333333%;
        right: unset
    }

    .arco-col-sm-pull-24 {
        right: 100%
    }

    .arco-col-sm-pull-24.arco-col-rtl {
        left: 100%;
        right: unset
    }

    .arco-col-sm-push-0 {
        left: 0
    }

    .arco-col-sm-push-0.arco-col-rtl {
        left: unset;
        right: 0
    }

    .arco-col-sm-push-1 {
        left: 4.16666667%
    }

    .arco-col-sm-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%
    }

    .arco-col-sm-push-2 {
        left: 8.33333333%
    }

    .arco-col-sm-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%
    }

    .arco-col-sm-push-3 {
        left: 12.5%
    }

    .arco-col-sm-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%
    }

    .arco-col-sm-push-4 {
        left: 16.66666667%
    }

    .arco-col-sm-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%
    }

    .arco-col-sm-push-5 {
        left: 20.83333333%
    }

    .arco-col-sm-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%
    }

    .arco-col-sm-push-6 {
        left: 25%
    }

    .arco-col-sm-push-6.arco-col-rtl {
        left: unset;
        right: 25%
    }

    .arco-col-sm-push-7 {
        left: 29.16666667%
    }

    .arco-col-sm-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%
    }

    .arco-col-sm-push-8 {
        left: 33.33333333%
    }

    .arco-col-sm-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%
    }

    .arco-col-sm-push-9 {
        left: 37.5%
    }

    .arco-col-sm-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%
    }

    .arco-col-sm-push-10 {
        left: 41.66666667%
    }

    .arco-col-sm-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%
    }

    .arco-col-sm-push-11 {
        left: 45.83333333%
    }

    .arco-col-sm-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%
    }

    .arco-col-sm-push-12 {
        left: 50%
    }

    .arco-col-sm-push-12.arco-col-rtl {
        left: unset;
        right: 50%
    }

    .arco-col-sm-push-13 {
        left: 54.16666667%
    }

    .arco-col-sm-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%
    }

    .arco-col-sm-push-14 {
        left: 58.33333333%
    }

    .arco-col-sm-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%
    }

    .arco-col-sm-push-15 {
        left: 62.5%
    }

    .arco-col-sm-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%
    }

    .arco-col-sm-push-16 {
        left: 66.66666667%
    }

    .arco-col-sm-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%
    }

    .arco-col-sm-push-17 {
        left: 70.83333333%
    }

    .arco-col-sm-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%
    }

    .arco-col-sm-push-18 {
        left: 75%
    }

    .arco-col-sm-push-18.arco-col-rtl {
        left: unset;
        right: 75%
    }

    .arco-col-sm-push-19 {
        left: 79.16666667%
    }

    .arco-col-sm-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%
    }

    .arco-col-sm-push-20 {
        left: 83.33333333%
    }

    .arco-col-sm-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%
    }

    .arco-col-sm-push-21 {
        left: 87.5%
    }

    .arco-col-sm-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%
    }

    .arco-col-sm-push-22 {
        left: 91.66666667%
    }

    .arco-col-sm-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%
    }

    .arco-col-sm-push-23 {
        left: 95.83333333%
    }

    .arco-col-sm-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%
    }

    .arco-col-sm-push-24 {
        left: 100%
    }

    .arco-col-sm-push-24.arco-col-rtl {
        left: unset;
        right: 100%
    }
}

@media (min-width: 768px) {
    .arco-col-md-0 {
        display:none
    }

    .arco-col-md-1 {
        display: block;
        flex: 0 0 4.16666667%;
        width: 4.16666667%
    }

    .arco-col-md-2 {
        display: block;
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .arco-col-md-3 {
        display: block;
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .arco-col-md-4 {
        display: block;
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .arco-col-md-5 {
        display: block;
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .arco-col-md-6 {
        display: block;
        flex: 0 0 25%;
        width: 25%
    }

    .arco-col-md-7 {
        display: block;
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .arco-col-md-8 {
        display: block;
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .arco-col-md-9 {
        display: block;
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .arco-col-md-10 {
        display: block;
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .arco-col-md-11 {
        display: block;
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .arco-col-md-12 {
        display: block;
        flex: 0 0 50%;
        width: 50%
    }

    .arco-col-md-13 {
        display: block;
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .arco-col-md-14 {
        display: block;
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .arco-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .arco-col-md-16 {
        display: block;
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .arco-col-md-17 {
        display: block;
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .arco-col-md-18 {
        display: block;
        flex: 0 0 75%;
        width: 75%
    }

    .arco-col-md-19 {
        display: block;
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .arco-col-md-20 {
        display: block;
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .arco-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .arco-col-md-22 {
        display: block;
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .arco-col-md-23 {
        display: block;
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .arco-col-md-24 {
        display: block;
        flex: 0 0 100%;
        width: 100%
    }

    .arco-col-md-offset-0 {
        margin-left: 0
    }

    .arco-col-md-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0
    }

    .arco-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .arco-col-md-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%
    }

    .arco-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .arco-col-md-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%
    }

    .arco-col-md-offset-3 {
        margin-left: 12.5%
    }

    .arco-col-md-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%
    }

    .arco-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .arco-col-md-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .arco-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .arco-col-md-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%
    }

    .arco-col-md-offset-6 {
        margin-left: 25%
    }

    .arco-col-md-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%
    }

    .arco-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .arco-col-md-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%
    }

    .arco-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .arco-col-md-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%
    }

    .arco-col-md-offset-9 {
        margin-left: 37.5%
    }

    .arco-col-md-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%
    }

    .arco-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .arco-col-md-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%
    }

    .arco-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .arco-col-md-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%
    }

    .arco-col-md-offset-12 {
        margin-left: 50%
    }

    .arco-col-md-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%
    }

    .arco-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .arco-col-md-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%
    }

    .arco-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .arco-col-md-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%
    }

    .arco-col-md-offset-15 {
        margin-left: 62.5%
    }

    .arco-col-md-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%
    }

    .arco-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .arco-col-md-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%
    }

    .arco-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .arco-col-md-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%
    }

    .arco-col-md-offset-18 {
        margin-left: 75%
    }

    .arco-col-md-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%
    }

    .arco-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .arco-col-md-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%
    }

    .arco-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .arco-col-md-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%
    }

    .arco-col-md-offset-21 {
        margin-left: 87.5%
    }

    .arco-col-md-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%
    }

    .arco-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .arco-col-md-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%
    }

    .arco-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .arco-col-md-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%
    }

    .arco-col-md-order-0 {
        order: 0
    }

    .arco-col-md-order-1 {
        order: 1
    }

    .arco-col-md-order-2 {
        order: 2
    }

    .arco-col-md-order-3 {
        order: 3
    }

    .arco-col-md-order-4 {
        order: 4
    }

    .arco-col-md-order-5 {
        order: 5
    }

    .arco-col-md-order-6 {
        order: 6
    }

    .arco-col-md-order-7 {
        order: 7
    }

    .arco-col-md-order-8 {
        order: 8
    }

    .arco-col-md-order-9 {
        order: 9
    }

    .arco-col-md-order-10 {
        order: 10
    }

    .arco-col-md-order-11 {
        order: 11
    }

    .arco-col-md-order-12 {
        order: 12
    }

    .arco-col-md-order-13 {
        order: 13
    }

    .arco-col-md-order-14 {
        order: 14
    }

    .arco-col-md-order-15 {
        order: 15
    }

    .arco-col-md-order-16 {
        order: 16
    }

    .arco-col-md-order-17 {
        order: 17
    }

    .arco-col-md-order-18 {
        order: 18
    }

    .arco-col-md-order-19 {
        order: 19
    }

    .arco-col-md-order-20 {
        order: 20
    }

    .arco-col-md-order-21 {
        order: 21
    }

    .arco-col-md-order-22 {
        order: 22
    }

    .arco-col-md-order-23 {
        order: 23
    }

    .arco-col-md-order-24 {
        order: 24
    }

    .arco-col-md-pull-0 {
        right: 0
    }

    .arco-col-md-pull-0.arco-col-rtl {
        left: 0;
        right: unset
    }

    .arco-col-md-pull-1 {
        right: 4.16666667%
    }

    .arco-col-md-pull-1.arco-col-rtl {
        left: 4.16666667%;
        right: unset
    }

    .arco-col-md-pull-2 {
        right: 8.33333333%
    }

    .arco-col-md-pull-2.arco-col-rtl {
        left: 8.33333333%;
        right: unset
    }

    .arco-col-md-pull-3 {
        right: 12.5%
    }

    .arco-col-md-pull-3.arco-col-rtl {
        left: 12.5%;
        right: unset
    }

    .arco-col-md-pull-4 {
        right: 16.66666667%
    }

    .arco-col-md-pull-4.arco-col-rtl {
        left: 16.66666667%;
        right: unset
    }

    .arco-col-md-pull-5 {
        right: 20.83333333%
    }

    .arco-col-md-pull-5.arco-col-rtl {
        left: 20.83333333%;
        right: unset
    }

    .arco-col-md-pull-6 {
        right: 25%
    }

    .arco-col-md-pull-6.arco-col-rtl {
        left: 25%;
        right: unset
    }

    .arco-col-md-pull-7 {
        right: 29.16666667%
    }

    .arco-col-md-pull-7.arco-col-rtl {
        left: 29.16666667%;
        right: unset
    }

    .arco-col-md-pull-8 {
        right: 33.33333333%
    }

    .arco-col-md-pull-8.arco-col-rtl {
        left: 33.33333333%;
        right: unset
    }

    .arco-col-md-pull-9 {
        right: 37.5%
    }

    .arco-col-md-pull-9.arco-col-rtl {
        left: 37.5%;
        right: unset
    }

    .arco-col-md-pull-10 {
        right: 41.66666667%
    }

    .arco-col-md-pull-10.arco-col-rtl {
        left: 41.66666667%;
        right: unset
    }

    .arco-col-md-pull-11 {
        right: 45.83333333%
    }

    .arco-col-md-pull-11.arco-col-rtl {
        left: 45.83333333%;
        right: unset
    }

    .arco-col-md-pull-12 {
        right: 50%
    }

    .arco-col-md-pull-12.arco-col-rtl {
        left: 50%;
        right: unset
    }

    .arco-col-md-pull-13 {
        right: 54.16666667%
    }

    .arco-col-md-pull-13.arco-col-rtl {
        left: 54.16666667%;
        right: unset
    }

    .arco-col-md-pull-14 {
        right: 58.33333333%
    }

    .arco-col-md-pull-14.arco-col-rtl {
        left: 58.33333333%;
        right: unset
    }

    .arco-col-md-pull-15 {
        right: 62.5%
    }

    .arco-col-md-pull-15.arco-col-rtl {
        left: 62.5%;
        right: unset
    }

    .arco-col-md-pull-16 {
        right: 66.66666667%
    }

    .arco-col-md-pull-16.arco-col-rtl {
        left: 66.66666667%;
        right: unset
    }

    .arco-col-md-pull-17 {
        right: 70.83333333%
    }

    .arco-col-md-pull-17.arco-col-rtl {
        left: 70.83333333%;
        right: unset
    }

    .arco-col-md-pull-18 {
        right: 75%
    }

    .arco-col-md-pull-18.arco-col-rtl {
        left: 75%;
        right: unset
    }

    .arco-col-md-pull-19 {
        right: 79.16666667%
    }

    .arco-col-md-pull-19.arco-col-rtl {
        left: 79.16666667%;
        right: unset
    }

    .arco-col-md-pull-20 {
        right: 83.33333333%
    }

    .arco-col-md-pull-20.arco-col-rtl {
        left: 83.33333333%;
        right: unset
    }

    .arco-col-md-pull-21 {
        right: 87.5%
    }

    .arco-col-md-pull-21.arco-col-rtl {
        left: 87.5%;
        right: unset
    }

    .arco-col-md-pull-22 {
        right: 91.66666667%
    }

    .arco-col-md-pull-22.arco-col-rtl {
        left: 91.66666667%;
        right: unset
    }

    .arco-col-md-pull-23 {
        right: 95.83333333%
    }

    .arco-col-md-pull-23.arco-col-rtl {
        left: 95.83333333%;
        right: unset
    }

    .arco-col-md-pull-24 {
        right: 100%
    }

    .arco-col-md-pull-24.arco-col-rtl {
        left: 100%;
        right: unset
    }

    .arco-col-md-push-0 {
        left: 0
    }

    .arco-col-md-push-0.arco-col-rtl {
        left: unset;
        right: 0
    }

    .arco-col-md-push-1 {
        left: 4.16666667%
    }

    .arco-col-md-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%
    }

    .arco-col-md-push-2 {
        left: 8.33333333%
    }

    .arco-col-md-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%
    }

    .arco-col-md-push-3 {
        left: 12.5%
    }

    .arco-col-md-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%
    }

    .arco-col-md-push-4 {
        left: 16.66666667%
    }

    .arco-col-md-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%
    }

    .arco-col-md-push-5 {
        left: 20.83333333%
    }

    .arco-col-md-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%
    }

    .arco-col-md-push-6 {
        left: 25%
    }

    .arco-col-md-push-6.arco-col-rtl {
        left: unset;
        right: 25%
    }

    .arco-col-md-push-7 {
        left: 29.16666667%
    }

    .arco-col-md-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%
    }

    .arco-col-md-push-8 {
        left: 33.33333333%
    }

    .arco-col-md-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%
    }

    .arco-col-md-push-9 {
        left: 37.5%
    }

    .arco-col-md-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%
    }

    .arco-col-md-push-10 {
        left: 41.66666667%
    }

    .arco-col-md-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%
    }

    .arco-col-md-push-11 {
        left: 45.83333333%
    }

    .arco-col-md-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%
    }

    .arco-col-md-push-12 {
        left: 50%
    }

    .arco-col-md-push-12.arco-col-rtl {
        left: unset;
        right: 50%
    }

    .arco-col-md-push-13 {
        left: 54.16666667%
    }

    .arco-col-md-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%
    }

    .arco-col-md-push-14 {
        left: 58.33333333%
    }

    .arco-col-md-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%
    }

    .arco-col-md-push-15 {
        left: 62.5%
    }

    .arco-col-md-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%
    }

    .arco-col-md-push-16 {
        left: 66.66666667%
    }

    .arco-col-md-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%
    }

    .arco-col-md-push-17 {
        left: 70.83333333%
    }

    .arco-col-md-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%
    }

    .arco-col-md-push-18 {
        left: 75%
    }

    .arco-col-md-push-18.arco-col-rtl {
        left: unset;
        right: 75%
    }

    .arco-col-md-push-19 {
        left: 79.16666667%
    }

    .arco-col-md-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%
    }

    .arco-col-md-push-20 {
        left: 83.33333333%
    }

    .arco-col-md-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%
    }

    .arco-col-md-push-21 {
        left: 87.5%
    }

    .arco-col-md-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%
    }

    .arco-col-md-push-22 {
        left: 91.66666667%
    }

    .arco-col-md-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%
    }

    .arco-col-md-push-23 {
        left: 95.83333333%
    }

    .arco-col-md-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%
    }

    .arco-col-md-push-24 {
        left: 100%
    }

    .arco-col-md-push-24.arco-col-rtl {
        left: unset;
        right: 100%
    }
}

@media (min-width: 992px) {
    .arco-col-lg-0 {
        display:none
    }

    .arco-col-lg-1 {
        display: block;
        flex: 0 0 4.16666667%;
        width: 4.16666667%
    }

    .arco-col-lg-2 {
        display: block;
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .arco-col-lg-3 {
        display: block;
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .arco-col-lg-4 {
        display: block;
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .arco-col-lg-5 {
        display: block;
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .arco-col-lg-6 {
        display: block;
        flex: 0 0 25%;
        width: 25%
    }

    .arco-col-lg-7 {
        display: block;
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .arco-col-lg-8 {
        display: block;
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .arco-col-lg-9 {
        display: block;
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .arco-col-lg-10 {
        display: block;
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .arco-col-lg-11 {
        display: block;
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .arco-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        width: 50%
    }

    .arco-col-lg-13 {
        display: block;
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .arco-col-lg-14 {
        display: block;
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .arco-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .arco-col-lg-16 {
        display: block;
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .arco-col-lg-17 {
        display: block;
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .arco-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        width: 75%
    }

    .arco-col-lg-19 {
        display: block;
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .arco-col-lg-20 {
        display: block;
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .arco-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .arco-col-lg-22 {
        display: block;
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .arco-col-lg-23 {
        display: block;
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .arco-col-lg-24 {
        display: block;
        flex: 0 0 100%;
        width: 100%
    }

    .arco-col-lg-offset-0 {
        margin-left: 0
    }

    .arco-col-lg-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0
    }

    .arco-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .arco-col-lg-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%
    }

    .arco-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .arco-col-lg-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%
    }

    .arco-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .arco-col-lg-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%
    }

    .arco-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .arco-col-lg-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .arco-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .arco-col-lg-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%
    }

    .arco-col-lg-offset-6 {
        margin-left: 25%
    }

    .arco-col-lg-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%
    }

    .arco-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .arco-col-lg-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%
    }

    .arco-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .arco-col-lg-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%
    }

    .arco-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .arco-col-lg-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%
    }

    .arco-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .arco-col-lg-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%
    }

    .arco-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .arco-col-lg-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%
    }

    .arco-col-lg-offset-12 {
        margin-left: 50%
    }

    .arco-col-lg-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%
    }

    .arco-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .arco-col-lg-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%
    }

    .arco-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .arco-col-lg-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%
    }

    .arco-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .arco-col-lg-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%
    }

    .arco-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .arco-col-lg-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%
    }

    .arco-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .arco-col-lg-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%
    }

    .arco-col-lg-offset-18 {
        margin-left: 75%
    }

    .arco-col-lg-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%
    }

    .arco-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .arco-col-lg-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%
    }

    .arco-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .arco-col-lg-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%
    }

    .arco-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .arco-col-lg-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%
    }

    .arco-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .arco-col-lg-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%
    }

    .arco-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .arco-col-lg-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%
    }

    .arco-col-lg-order-0 {
        order: 0
    }

    .arco-col-lg-order-1 {
        order: 1
    }

    .arco-col-lg-order-2 {
        order: 2
    }

    .arco-col-lg-order-3 {
        order: 3
    }

    .arco-col-lg-order-4 {
        order: 4
    }

    .arco-col-lg-order-5 {
        order: 5
    }

    .arco-col-lg-order-6 {
        order: 6
    }

    .arco-col-lg-order-7 {
        order: 7
    }

    .arco-col-lg-order-8 {
        order: 8
    }

    .arco-col-lg-order-9 {
        order: 9
    }

    .arco-col-lg-order-10 {
        order: 10
    }

    .arco-col-lg-order-11 {
        order: 11
    }

    .arco-col-lg-order-12 {
        order: 12
    }

    .arco-col-lg-order-13 {
        order: 13
    }

    .arco-col-lg-order-14 {
        order: 14
    }

    .arco-col-lg-order-15 {
        order: 15
    }

    .arco-col-lg-order-16 {
        order: 16
    }

    .arco-col-lg-order-17 {
        order: 17
    }

    .arco-col-lg-order-18 {
        order: 18
    }

    .arco-col-lg-order-19 {
        order: 19
    }

    .arco-col-lg-order-20 {
        order: 20
    }

    .arco-col-lg-order-21 {
        order: 21
    }

    .arco-col-lg-order-22 {
        order: 22
    }

    .arco-col-lg-order-23 {
        order: 23
    }

    .arco-col-lg-order-24 {
        order: 24
    }

    .arco-col-lg-pull-0 {
        right: 0
    }

    .arco-col-lg-pull-0.arco-col-rtl {
        left: 0;
        right: unset
    }

    .arco-col-lg-pull-1 {
        right: 4.16666667%
    }

    .arco-col-lg-pull-1.arco-col-rtl {
        left: 4.16666667%;
        right: unset
    }

    .arco-col-lg-pull-2 {
        right: 8.33333333%
    }

    .arco-col-lg-pull-2.arco-col-rtl {
        left: 8.33333333%;
        right: unset
    }

    .arco-col-lg-pull-3 {
        right: 12.5%
    }

    .arco-col-lg-pull-3.arco-col-rtl {
        left: 12.5%;
        right: unset
    }

    .arco-col-lg-pull-4 {
        right: 16.66666667%
    }

    .arco-col-lg-pull-4.arco-col-rtl {
        left: 16.66666667%;
        right: unset
    }

    .arco-col-lg-pull-5 {
        right: 20.83333333%
    }

    .arco-col-lg-pull-5.arco-col-rtl {
        left: 20.83333333%;
        right: unset
    }

    .arco-col-lg-pull-6 {
        right: 25%
    }

    .arco-col-lg-pull-6.arco-col-rtl {
        left: 25%;
        right: unset
    }

    .arco-col-lg-pull-7 {
        right: 29.16666667%
    }

    .arco-col-lg-pull-7.arco-col-rtl {
        left: 29.16666667%;
        right: unset
    }

    .arco-col-lg-pull-8 {
        right: 33.33333333%
    }

    .arco-col-lg-pull-8.arco-col-rtl {
        left: 33.33333333%;
        right: unset
    }

    .arco-col-lg-pull-9 {
        right: 37.5%
    }

    .arco-col-lg-pull-9.arco-col-rtl {
        left: 37.5%;
        right: unset
    }

    .arco-col-lg-pull-10 {
        right: 41.66666667%
    }

    .arco-col-lg-pull-10.arco-col-rtl {
        left: 41.66666667%;
        right: unset
    }

    .arco-col-lg-pull-11 {
        right: 45.83333333%
    }

    .arco-col-lg-pull-11.arco-col-rtl {
        left: 45.83333333%;
        right: unset
    }

    .arco-col-lg-pull-12 {
        right: 50%
    }

    .arco-col-lg-pull-12.arco-col-rtl {
        left: 50%;
        right: unset
    }

    .arco-col-lg-pull-13 {
        right: 54.16666667%
    }

    .arco-col-lg-pull-13.arco-col-rtl {
        left: 54.16666667%;
        right: unset
    }

    .arco-col-lg-pull-14 {
        right: 58.33333333%
    }

    .arco-col-lg-pull-14.arco-col-rtl {
        left: 58.33333333%;
        right: unset
    }

    .arco-col-lg-pull-15 {
        right: 62.5%
    }

    .arco-col-lg-pull-15.arco-col-rtl {
        left: 62.5%;
        right: unset
    }

    .arco-col-lg-pull-16 {
        right: 66.66666667%
    }

    .arco-col-lg-pull-16.arco-col-rtl {
        left: 66.66666667%;
        right: unset
    }

    .arco-col-lg-pull-17 {
        right: 70.83333333%
    }

    .arco-col-lg-pull-17.arco-col-rtl {
        left: 70.83333333%;
        right: unset
    }

    .arco-col-lg-pull-18 {
        right: 75%
    }

    .arco-col-lg-pull-18.arco-col-rtl {
        left: 75%;
        right: unset
    }

    .arco-col-lg-pull-19 {
        right: 79.16666667%
    }

    .arco-col-lg-pull-19.arco-col-rtl {
        left: 79.16666667%;
        right: unset
    }

    .arco-col-lg-pull-20 {
        right: 83.33333333%
    }

    .arco-col-lg-pull-20.arco-col-rtl {
        left: 83.33333333%;
        right: unset
    }

    .arco-col-lg-pull-21 {
        right: 87.5%
    }

    .arco-col-lg-pull-21.arco-col-rtl {
        left: 87.5%;
        right: unset
    }

    .arco-col-lg-pull-22 {
        right: 91.66666667%
    }

    .arco-col-lg-pull-22.arco-col-rtl {
        left: 91.66666667%;
        right: unset
    }

    .arco-col-lg-pull-23 {
        right: 95.83333333%
    }

    .arco-col-lg-pull-23.arco-col-rtl {
        left: 95.83333333%;
        right: unset
    }

    .arco-col-lg-pull-24 {
        right: 100%
    }

    .arco-col-lg-pull-24.arco-col-rtl {
        left: 100%;
        right: unset
    }

    .arco-col-lg-push-0 {
        left: 0
    }

    .arco-col-lg-push-0.arco-col-rtl {
        left: unset;
        right: 0
    }

    .arco-col-lg-push-1 {
        left: 4.16666667%
    }

    .arco-col-lg-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%
    }

    .arco-col-lg-push-2 {
        left: 8.33333333%
    }

    .arco-col-lg-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%
    }

    .arco-col-lg-push-3 {
        left: 12.5%
    }

    .arco-col-lg-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%
    }

    .arco-col-lg-push-4 {
        left: 16.66666667%
    }

    .arco-col-lg-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%
    }

    .arco-col-lg-push-5 {
        left: 20.83333333%
    }

    .arco-col-lg-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%
    }

    .arco-col-lg-push-6 {
        left: 25%
    }

    .arco-col-lg-push-6.arco-col-rtl {
        left: unset;
        right: 25%
    }

    .arco-col-lg-push-7 {
        left: 29.16666667%
    }

    .arco-col-lg-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%
    }

    .arco-col-lg-push-8 {
        left: 33.33333333%
    }

    .arco-col-lg-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%
    }

    .arco-col-lg-push-9 {
        left: 37.5%
    }

    .arco-col-lg-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%
    }

    .arco-col-lg-push-10 {
        left: 41.66666667%
    }

    .arco-col-lg-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%
    }

    .arco-col-lg-push-11 {
        left: 45.83333333%
    }

    .arco-col-lg-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%
    }

    .arco-col-lg-push-12 {
        left: 50%
    }

    .arco-col-lg-push-12.arco-col-rtl {
        left: unset;
        right: 50%
    }

    .arco-col-lg-push-13 {
        left: 54.16666667%
    }

    .arco-col-lg-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%
    }

    .arco-col-lg-push-14 {
        left: 58.33333333%
    }

    .arco-col-lg-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%
    }

    .arco-col-lg-push-15 {
        left: 62.5%
    }

    .arco-col-lg-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%
    }

    .arco-col-lg-push-16 {
        left: 66.66666667%
    }

    .arco-col-lg-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%
    }

    .arco-col-lg-push-17 {
        left: 70.83333333%
    }

    .arco-col-lg-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%
    }

    .arco-col-lg-push-18 {
        left: 75%
    }

    .arco-col-lg-push-18.arco-col-rtl {
        left: unset;
        right: 75%
    }

    .arco-col-lg-push-19 {
        left: 79.16666667%
    }

    .arco-col-lg-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%
    }

    .arco-col-lg-push-20 {
        left: 83.33333333%
    }

    .arco-col-lg-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%
    }

    .arco-col-lg-push-21 {
        left: 87.5%
    }

    .arco-col-lg-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%
    }

    .arco-col-lg-push-22 {
        left: 91.66666667%
    }

    .arco-col-lg-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%
    }

    .arco-col-lg-push-23 {
        left: 95.83333333%
    }

    .arco-col-lg-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%
    }

    .arco-col-lg-push-24 {
        left: 100%
    }

    .arco-col-lg-push-24.arco-col-rtl {
        left: unset;
        right: 100%
    }
}

@media (min-width: 1200px) {
    .arco-col-xl-0 {
        display:none
    }

    .arco-col-xl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        width: 4.16666667%
    }

    .arco-col-xl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .arco-col-xl-3 {
        display: block;
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .arco-col-xl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .arco-col-xl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .arco-col-xl-6 {
        display: block;
        flex: 0 0 25%;
        width: 25%
    }

    .arco-col-xl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .arco-col-xl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .arco-col-xl-9 {
        display: block;
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .arco-col-xl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .arco-col-xl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .arco-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        width: 50%
    }

    .arco-col-xl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .arco-col-xl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .arco-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .arco-col-xl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .arco-col-xl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .arco-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        width: 75%
    }

    .arco-col-xl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .arco-col-xl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .arco-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .arco-col-xl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .arco-col-xl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .arco-col-xl-24 {
        display: block;
        flex: 0 0 100%;
        width: 100%
    }

    .arco-col-xl-offset-0 {
        margin-left: 0
    }

    .arco-col-xl-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0
    }

    .arco-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .arco-col-xl-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%
    }

    .arco-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .arco-col-xl-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%
    }

    .arco-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .arco-col-xl-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%
    }

    .arco-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .arco-col-xl-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .arco-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .arco-col-xl-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%
    }

    .arco-col-xl-offset-6 {
        margin-left: 25%
    }

    .arco-col-xl-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%
    }

    .arco-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .arco-col-xl-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%
    }

    .arco-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .arco-col-xl-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%
    }

    .arco-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .arco-col-xl-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%
    }

    .arco-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .arco-col-xl-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%
    }

    .arco-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .arco-col-xl-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%
    }

    .arco-col-xl-offset-12 {
        margin-left: 50%
    }

    .arco-col-xl-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%
    }

    .arco-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .arco-col-xl-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%
    }

    .arco-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .arco-col-xl-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%
    }

    .arco-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .arco-col-xl-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%
    }

    .arco-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .arco-col-xl-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%
    }

    .arco-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .arco-col-xl-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%
    }

    .arco-col-xl-offset-18 {
        margin-left: 75%
    }

    .arco-col-xl-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%
    }

    .arco-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .arco-col-xl-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%
    }

    .arco-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .arco-col-xl-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%
    }

    .arco-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .arco-col-xl-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%
    }

    .arco-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .arco-col-xl-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%
    }

    .arco-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .arco-col-xl-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%
    }

    .arco-col-xl-order-0 {
        order: 0
    }

    .arco-col-xl-order-1 {
        order: 1
    }

    .arco-col-xl-order-2 {
        order: 2
    }

    .arco-col-xl-order-3 {
        order: 3
    }

    .arco-col-xl-order-4 {
        order: 4
    }

    .arco-col-xl-order-5 {
        order: 5
    }

    .arco-col-xl-order-6 {
        order: 6
    }

    .arco-col-xl-order-7 {
        order: 7
    }

    .arco-col-xl-order-8 {
        order: 8
    }

    .arco-col-xl-order-9 {
        order: 9
    }

    .arco-col-xl-order-10 {
        order: 10
    }

    .arco-col-xl-order-11 {
        order: 11
    }

    .arco-col-xl-order-12 {
        order: 12
    }

    .arco-col-xl-order-13 {
        order: 13
    }

    .arco-col-xl-order-14 {
        order: 14
    }

    .arco-col-xl-order-15 {
        order: 15
    }

    .arco-col-xl-order-16 {
        order: 16
    }

    .arco-col-xl-order-17 {
        order: 17
    }

    .arco-col-xl-order-18 {
        order: 18
    }

    .arco-col-xl-order-19 {
        order: 19
    }

    .arco-col-xl-order-20 {
        order: 20
    }

    .arco-col-xl-order-21 {
        order: 21
    }

    .arco-col-xl-order-22 {
        order: 22
    }

    .arco-col-xl-order-23 {
        order: 23
    }

    .arco-col-xl-order-24 {
        order: 24
    }

    .arco-col-xl-pull-0 {
        right: 0
    }

    .arco-col-xl-pull-0.arco-col-rtl {
        left: 0;
        right: unset
    }

    .arco-col-xl-pull-1 {
        right: 4.16666667%
    }

    .arco-col-xl-pull-1.arco-col-rtl {
        left: 4.16666667%;
        right: unset
    }

    .arco-col-xl-pull-2 {
        right: 8.33333333%
    }

    .arco-col-xl-pull-2.arco-col-rtl {
        left: 8.33333333%;
        right: unset
    }

    .arco-col-xl-pull-3 {
        right: 12.5%
    }

    .arco-col-xl-pull-3.arco-col-rtl {
        left: 12.5%;
        right: unset
    }

    .arco-col-xl-pull-4 {
        right: 16.66666667%
    }

    .arco-col-xl-pull-4.arco-col-rtl {
        left: 16.66666667%;
        right: unset
    }

    .arco-col-xl-pull-5 {
        right: 20.83333333%
    }

    .arco-col-xl-pull-5.arco-col-rtl {
        left: 20.83333333%;
        right: unset
    }

    .arco-col-xl-pull-6 {
        right: 25%
    }

    .arco-col-xl-pull-6.arco-col-rtl {
        left: 25%;
        right: unset
    }

    .arco-col-xl-pull-7 {
        right: 29.16666667%
    }

    .arco-col-xl-pull-7.arco-col-rtl {
        left: 29.16666667%;
        right: unset
    }

    .arco-col-xl-pull-8 {
        right: 33.33333333%
    }

    .arco-col-xl-pull-8.arco-col-rtl {
        left: 33.33333333%;
        right: unset
    }

    .arco-col-xl-pull-9 {
        right: 37.5%
    }

    .arco-col-xl-pull-9.arco-col-rtl {
        left: 37.5%;
        right: unset
    }

    .arco-col-xl-pull-10 {
        right: 41.66666667%
    }

    .arco-col-xl-pull-10.arco-col-rtl {
        left: 41.66666667%;
        right: unset
    }

    .arco-col-xl-pull-11 {
        right: 45.83333333%
    }

    .arco-col-xl-pull-11.arco-col-rtl {
        left: 45.83333333%;
        right: unset
    }

    .arco-col-xl-pull-12 {
        right: 50%
    }

    .arco-col-xl-pull-12.arco-col-rtl {
        left: 50%;
        right: unset
    }

    .arco-col-xl-pull-13 {
        right: 54.16666667%
    }

    .arco-col-xl-pull-13.arco-col-rtl {
        left: 54.16666667%;
        right: unset
    }

    .arco-col-xl-pull-14 {
        right: 58.33333333%
    }

    .arco-col-xl-pull-14.arco-col-rtl {
        left: 58.33333333%;
        right: unset
    }

    .arco-col-xl-pull-15 {
        right: 62.5%
    }

    .arco-col-xl-pull-15.arco-col-rtl {
        left: 62.5%;
        right: unset
    }

    .arco-col-xl-pull-16 {
        right: 66.66666667%
    }

    .arco-col-xl-pull-16.arco-col-rtl {
        left: 66.66666667%;
        right: unset
    }

    .arco-col-xl-pull-17 {
        right: 70.83333333%
    }

    .arco-col-xl-pull-17.arco-col-rtl {
        left: 70.83333333%;
        right: unset
    }

    .arco-col-xl-pull-18 {
        right: 75%
    }

    .arco-col-xl-pull-18.arco-col-rtl {
        left: 75%;
        right: unset
    }

    .arco-col-xl-pull-19 {
        right: 79.16666667%
    }

    .arco-col-xl-pull-19.arco-col-rtl {
        left: 79.16666667%;
        right: unset
    }

    .arco-col-xl-pull-20 {
        right: 83.33333333%
    }

    .arco-col-xl-pull-20.arco-col-rtl {
        left: 83.33333333%;
        right: unset
    }

    .arco-col-xl-pull-21 {
        right: 87.5%
    }

    .arco-col-xl-pull-21.arco-col-rtl {
        left: 87.5%;
        right: unset
    }

    .arco-col-xl-pull-22 {
        right: 91.66666667%
    }

    .arco-col-xl-pull-22.arco-col-rtl {
        left: 91.66666667%;
        right: unset
    }

    .arco-col-xl-pull-23 {
        right: 95.83333333%
    }

    .arco-col-xl-pull-23.arco-col-rtl {
        left: 95.83333333%;
        right: unset
    }

    .arco-col-xl-pull-24 {
        right: 100%
    }

    .arco-col-xl-pull-24.arco-col-rtl {
        left: 100%;
        right: unset
    }

    .arco-col-xl-push-0 {
        left: 0
    }

    .arco-col-xl-push-0.arco-col-rtl {
        left: unset;
        right: 0
    }

    .arco-col-xl-push-1 {
        left: 4.16666667%
    }

    .arco-col-xl-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%
    }

    .arco-col-xl-push-2 {
        left: 8.33333333%
    }

    .arco-col-xl-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%
    }

    .arco-col-xl-push-3 {
        left: 12.5%
    }

    .arco-col-xl-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%
    }

    .arco-col-xl-push-4 {
        left: 16.66666667%
    }

    .arco-col-xl-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%
    }

    .arco-col-xl-push-5 {
        left: 20.83333333%
    }

    .arco-col-xl-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%
    }

    .arco-col-xl-push-6 {
        left: 25%
    }

    .arco-col-xl-push-6.arco-col-rtl {
        left: unset;
        right: 25%
    }

    .arco-col-xl-push-7 {
        left: 29.16666667%
    }

    .arco-col-xl-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%
    }

    .arco-col-xl-push-8 {
        left: 33.33333333%
    }

    .arco-col-xl-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%
    }

    .arco-col-xl-push-9 {
        left: 37.5%
    }

    .arco-col-xl-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%
    }

    .arco-col-xl-push-10 {
        left: 41.66666667%
    }

    .arco-col-xl-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%
    }

    .arco-col-xl-push-11 {
        left: 45.83333333%
    }

    .arco-col-xl-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%
    }

    .arco-col-xl-push-12 {
        left: 50%
    }

    .arco-col-xl-push-12.arco-col-rtl {
        left: unset;
        right: 50%
    }

    .arco-col-xl-push-13 {
        left: 54.16666667%
    }

    .arco-col-xl-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%
    }

    .arco-col-xl-push-14 {
        left: 58.33333333%
    }

    .arco-col-xl-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%
    }

    .arco-col-xl-push-15 {
        left: 62.5%
    }

    .arco-col-xl-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%
    }

    .arco-col-xl-push-16 {
        left: 66.66666667%
    }

    .arco-col-xl-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%
    }

    .arco-col-xl-push-17 {
        left: 70.83333333%
    }

    .arco-col-xl-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%
    }

    .arco-col-xl-push-18 {
        left: 75%
    }

    .arco-col-xl-push-18.arco-col-rtl {
        left: unset;
        right: 75%
    }

    .arco-col-xl-push-19 {
        left: 79.16666667%
    }

    .arco-col-xl-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%
    }

    .arco-col-xl-push-20 {
        left: 83.33333333%
    }

    .arco-col-xl-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%
    }

    .arco-col-xl-push-21 {
        left: 87.5%
    }

    .arco-col-xl-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%
    }

    .arco-col-xl-push-22 {
        left: 91.66666667%
    }

    .arco-col-xl-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%
    }

    .arco-col-xl-push-23 {
        left: 95.83333333%
    }

    .arco-col-xl-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%
    }

    .arco-col-xl-push-24 {
        left: 100%
    }

    .arco-col-xl-push-24.arco-col-rtl {
        left: unset;
        right: 100%
    }
}

@media (min-width: 1600px) {
    .arco-col-xxl-0 {
        display:none
    }

    .arco-col-xxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        width: 4.16666667%
    }

    .arco-col-xxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .arco-col-xxl-3 {
        display: block;
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .arco-col-xxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .arco-col-xxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .arco-col-xxl-6 {
        display: block;
        flex: 0 0 25%;
        width: 25%
    }

    .arco-col-xxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .arco-col-xxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .arco-col-xxl-9 {
        display: block;
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .arco-col-xxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .arco-col-xxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .arco-col-xxl-12 {
        display: block;
        flex: 0 0 50%;
        width: 50%
    }

    .arco-col-xxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .arco-col-xxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .arco-col-xxl-15 {
        display: block;
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .arco-col-xxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .arco-col-xxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .arco-col-xxl-18 {
        display: block;
        flex: 0 0 75%;
        width: 75%
    }

    .arco-col-xxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .arco-col-xxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .arco-col-xxl-21 {
        display: block;
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .arco-col-xxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .arco-col-xxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .arco-col-xxl-24 {
        display: block;
        flex: 0 0 100%;
        width: 100%
    }

    .arco-col-xxl-offset-0 {
        margin-left: 0
    }

    .arco-col-xxl-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0
    }

    .arco-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .arco-col-xxl-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%
    }

    .arco-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .arco-col-xxl-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%
    }

    .arco-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .arco-col-xxl-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%
    }

    .arco-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .arco-col-xxl-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .arco-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .arco-col-xxl-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%
    }

    .arco-col-xxl-offset-6 {
        margin-left: 25%
    }

    .arco-col-xxl-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%
    }

    .arco-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .arco-col-xxl-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%
    }

    .arco-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .arco-col-xxl-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%
    }

    .arco-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .arco-col-xxl-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%
    }

    .arco-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .arco-col-xxl-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%
    }

    .arco-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .arco-col-xxl-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%
    }

    .arco-col-xxl-offset-12 {
        margin-left: 50%
    }

    .arco-col-xxl-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%
    }

    .arco-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .arco-col-xxl-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%
    }

    .arco-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .arco-col-xxl-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%
    }

    .arco-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .arco-col-xxl-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%
    }

    .arco-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .arco-col-xxl-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%
    }

    .arco-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .arco-col-xxl-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%
    }

    .arco-col-xxl-offset-18 {
        margin-left: 75%
    }

    .arco-col-xxl-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%
    }

    .arco-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .arco-col-xxl-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%
    }

    .arco-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .arco-col-xxl-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%
    }

    .arco-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .arco-col-xxl-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%
    }

    .arco-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .arco-col-xxl-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%
    }

    .arco-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .arco-col-xxl-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%
    }

    .arco-col-xxl-order-0 {
        order: 0
    }

    .arco-col-xxl-order-1 {
        order: 1
    }

    .arco-col-xxl-order-2 {
        order: 2
    }

    .arco-col-xxl-order-3 {
        order: 3
    }

    .arco-col-xxl-order-4 {
        order: 4
    }

    .arco-col-xxl-order-5 {
        order: 5
    }

    .arco-col-xxl-order-6 {
        order: 6
    }

    .arco-col-xxl-order-7 {
        order: 7
    }

    .arco-col-xxl-order-8 {
        order: 8
    }

    .arco-col-xxl-order-9 {
        order: 9
    }

    .arco-col-xxl-order-10 {
        order: 10
    }

    .arco-col-xxl-order-11 {
        order: 11
    }

    .arco-col-xxl-order-12 {
        order: 12
    }

    .arco-col-xxl-order-13 {
        order: 13
    }

    .arco-col-xxl-order-14 {
        order: 14
    }

    .arco-col-xxl-order-15 {
        order: 15
    }

    .arco-col-xxl-order-16 {
        order: 16
    }

    .arco-col-xxl-order-17 {
        order: 17
    }

    .arco-col-xxl-order-18 {
        order: 18
    }

    .arco-col-xxl-order-19 {
        order: 19
    }

    .arco-col-xxl-order-20 {
        order: 20
    }

    .arco-col-xxl-order-21 {
        order: 21
    }

    .arco-col-xxl-order-22 {
        order: 22
    }

    .arco-col-xxl-order-23 {
        order: 23
    }

    .arco-col-xxl-order-24 {
        order: 24
    }

    .arco-col-xxl-pull-0 {
        right: 0
    }

    .arco-col-xxl-pull-0.arco-col-rtl {
        left: 0;
        right: unset
    }

    .arco-col-xxl-pull-1 {
        right: 4.16666667%
    }

    .arco-col-xxl-pull-1.arco-col-rtl {
        left: 4.16666667%;
        right: unset
    }

    .arco-col-xxl-pull-2 {
        right: 8.33333333%
    }

    .arco-col-xxl-pull-2.arco-col-rtl {
        left: 8.33333333%;
        right: unset
    }

    .arco-col-xxl-pull-3 {
        right: 12.5%
    }

    .arco-col-xxl-pull-3.arco-col-rtl {
        left: 12.5%;
        right: unset
    }

    .arco-col-xxl-pull-4 {
        right: 16.66666667%
    }

    .arco-col-xxl-pull-4.arco-col-rtl {
        left: 16.66666667%;
        right: unset
    }

    .arco-col-xxl-pull-5 {
        right: 20.83333333%
    }

    .arco-col-xxl-pull-5.arco-col-rtl {
        left: 20.83333333%;
        right: unset
    }

    .arco-col-xxl-pull-6 {
        right: 25%
    }

    .arco-col-xxl-pull-6.arco-col-rtl {
        left: 25%;
        right: unset
    }

    .arco-col-xxl-pull-7 {
        right: 29.16666667%
    }

    .arco-col-xxl-pull-7.arco-col-rtl {
        left: 29.16666667%;
        right: unset
    }

    .arco-col-xxl-pull-8 {
        right: 33.33333333%
    }

    .arco-col-xxl-pull-8.arco-col-rtl {
        left: 33.33333333%;
        right: unset
    }

    .arco-col-xxl-pull-9 {
        right: 37.5%
    }

    .arco-col-xxl-pull-9.arco-col-rtl {
        left: 37.5%;
        right: unset
    }

    .arco-col-xxl-pull-10 {
        right: 41.66666667%
    }

    .arco-col-xxl-pull-10.arco-col-rtl {
        left: 41.66666667%;
        right: unset
    }

    .arco-col-xxl-pull-11 {
        right: 45.83333333%
    }

    .arco-col-xxl-pull-11.arco-col-rtl {
        left: 45.83333333%;
        right: unset
    }

    .arco-col-xxl-pull-12 {
        right: 50%
    }

    .arco-col-xxl-pull-12.arco-col-rtl {
        left: 50%;
        right: unset
    }

    .arco-col-xxl-pull-13 {
        right: 54.16666667%
    }

    .arco-col-xxl-pull-13.arco-col-rtl {
        left: 54.16666667%;
        right: unset
    }

    .arco-col-xxl-pull-14 {
        right: 58.33333333%
    }

    .arco-col-xxl-pull-14.arco-col-rtl {
        left: 58.33333333%;
        right: unset
    }

    .arco-col-xxl-pull-15 {
        right: 62.5%
    }

    .arco-col-xxl-pull-15.arco-col-rtl {
        left: 62.5%;
        right: unset
    }

    .arco-col-xxl-pull-16 {
        right: 66.66666667%
    }

    .arco-col-xxl-pull-16.arco-col-rtl {
        left: 66.66666667%;
        right: unset
    }

    .arco-col-xxl-pull-17 {
        right: 70.83333333%
    }

    .arco-col-xxl-pull-17.arco-col-rtl {
        left: 70.83333333%;
        right: unset
    }

    .arco-col-xxl-pull-18 {
        right: 75%
    }

    .arco-col-xxl-pull-18.arco-col-rtl {
        left: 75%;
        right: unset
    }

    .arco-col-xxl-pull-19 {
        right: 79.16666667%
    }

    .arco-col-xxl-pull-19.arco-col-rtl {
        left: 79.16666667%;
        right: unset
    }

    .arco-col-xxl-pull-20 {
        right: 83.33333333%
    }

    .arco-col-xxl-pull-20.arco-col-rtl {
        left: 83.33333333%;
        right: unset
    }

    .arco-col-xxl-pull-21 {
        right: 87.5%
    }

    .arco-col-xxl-pull-21.arco-col-rtl {
        left: 87.5%;
        right: unset
    }

    .arco-col-xxl-pull-22 {
        right: 91.66666667%
    }

    .arco-col-xxl-pull-22.arco-col-rtl {
        left: 91.66666667%;
        right: unset
    }

    .arco-col-xxl-pull-23 {
        right: 95.83333333%
    }

    .arco-col-xxl-pull-23.arco-col-rtl {
        left: 95.83333333%;
        right: unset
    }

    .arco-col-xxl-pull-24 {
        right: 100%
    }

    .arco-col-xxl-pull-24.arco-col-rtl {
        left: 100%;
        right: unset
    }

    .arco-col-xxl-push-0 {
        left: 0
    }

    .arco-col-xxl-push-0.arco-col-rtl {
        left: unset;
        right: 0
    }

    .arco-col-xxl-push-1 {
        left: 4.16666667%
    }

    .arco-col-xxl-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%
    }

    .arco-col-xxl-push-2 {
        left: 8.33333333%
    }

    .arco-col-xxl-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%
    }

    .arco-col-xxl-push-3 {
        left: 12.5%
    }

    .arco-col-xxl-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%
    }

    .arco-col-xxl-push-4 {
        left: 16.66666667%
    }

    .arco-col-xxl-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%
    }

    .arco-col-xxl-push-5 {
        left: 20.83333333%
    }

    .arco-col-xxl-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%
    }

    .arco-col-xxl-push-6 {
        left: 25%
    }

    .arco-col-xxl-push-6.arco-col-rtl {
        left: unset;
        right: 25%
    }

    .arco-col-xxl-push-7 {
        left: 29.16666667%
    }

    .arco-col-xxl-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%
    }

    .arco-col-xxl-push-8 {
        left: 33.33333333%
    }

    .arco-col-xxl-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%
    }

    .arco-col-xxl-push-9 {
        left: 37.5%
    }

    .arco-col-xxl-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%
    }

    .arco-col-xxl-push-10 {
        left: 41.66666667%
    }

    .arco-col-xxl-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%
    }

    .arco-col-xxl-push-11 {
        left: 45.83333333%
    }

    .arco-col-xxl-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%
    }

    .arco-col-xxl-push-12 {
        left: 50%
    }

    .arco-col-xxl-push-12.arco-col-rtl {
        left: unset;
        right: 50%
    }

    .arco-col-xxl-push-13 {
        left: 54.16666667%
    }

    .arco-col-xxl-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%
    }

    .arco-col-xxl-push-14 {
        left: 58.33333333%
    }

    .arco-col-xxl-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%
    }

    .arco-col-xxl-push-15 {
        left: 62.5%
    }

    .arco-col-xxl-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%
    }

    .arco-col-xxl-push-16 {
        left: 66.66666667%
    }

    .arco-col-xxl-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%
    }

    .arco-col-xxl-push-17 {
        left: 70.83333333%
    }

    .arco-col-xxl-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%
    }

    .arco-col-xxl-push-18 {
        left: 75%
    }

    .arco-col-xxl-push-18.arco-col-rtl {
        left: unset;
        right: 75%
    }

    .arco-col-xxl-push-19 {
        left: 79.16666667%
    }

    .arco-col-xxl-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%
    }

    .arco-col-xxl-push-20 {
        left: 83.33333333%
    }

    .arco-col-xxl-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%
    }

    .arco-col-xxl-push-21 {
        left: 87.5%
    }

    .arco-col-xxl-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%
    }

    .arco-col-xxl-push-22 {
        left: 91.66666667%
    }

    .arco-col-xxl-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%
    }

    .arco-col-xxl-push-23 {
        left: 95.83333333%
    }

    .arco-col-xxl-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%
    }

    .arco-col-xxl-push-24 {
        left: 100%
    }

    .arco-col-xxl-push-24.arco-col-rtl {
        left: unset;
        right: 100%
    }
}

@media (min-width: 2000px) {
    .arco-col-xxxl-0 {
        display:none
    }

    .arco-col-xxxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        width: 4.16666667%
    }

    .arco-col-xxxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .arco-col-xxxl-3 {
        display: block;
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .arco-col-xxxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .arco-col-xxxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .arco-col-xxxl-6 {
        display: block;
        flex: 0 0 25%;
        width: 25%
    }

    .arco-col-xxxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .arco-col-xxxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .arco-col-xxxl-9 {
        display: block;
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .arco-col-xxxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .arco-col-xxxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .arco-col-xxxl-12 {
        display: block;
        flex: 0 0 50%;
        width: 50%
    }

    .arco-col-xxxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .arco-col-xxxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .arco-col-xxxl-15 {
        display: block;
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .arco-col-xxxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .arco-col-xxxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .arco-col-xxxl-18 {
        display: block;
        flex: 0 0 75%;
        width: 75%
    }

    .arco-col-xxxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .arco-col-xxxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .arco-col-xxxl-21 {
        display: block;
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .arco-col-xxxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .arco-col-xxxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .arco-col-xxxl-24 {
        display: block;
        flex: 0 0 100%;
        width: 100%
    }

    .arco-col-xxxl-offset-0 {
        margin-left: 0
    }

    .arco-col-xxxl-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0
    }

    .arco-col-xxxl-offset-1 {
        margin-left: 4.16666667%
    }

    .arco-col-xxxl-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%
    }

    .arco-col-xxxl-offset-2 {
        margin-left: 8.33333333%
    }

    .arco-col-xxxl-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%
    }

    .arco-col-xxxl-offset-3 {
        margin-left: 12.5%
    }

    .arco-col-xxxl-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%
    }

    .arco-col-xxxl-offset-4 {
        margin-left: 16.66666667%
    }

    .arco-col-xxxl-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .arco-col-xxxl-offset-5 {
        margin-left: 20.83333333%
    }

    .arco-col-xxxl-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%
    }

    .arco-col-xxxl-offset-6 {
        margin-left: 25%
    }

    .arco-col-xxxl-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%
    }

    .arco-col-xxxl-offset-7 {
        margin-left: 29.16666667%
    }

    .arco-col-xxxl-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%
    }

    .arco-col-xxxl-offset-8 {
        margin-left: 33.33333333%
    }

    .arco-col-xxxl-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%
    }

    .arco-col-xxxl-offset-9 {
        margin-left: 37.5%
    }

    .arco-col-xxxl-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%
    }

    .arco-col-xxxl-offset-10 {
        margin-left: 41.66666667%
    }

    .arco-col-xxxl-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%
    }

    .arco-col-xxxl-offset-11 {
        margin-left: 45.83333333%
    }

    .arco-col-xxxl-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%
    }

    .arco-col-xxxl-offset-12 {
        margin-left: 50%
    }

    .arco-col-xxxl-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%
    }

    .arco-col-xxxl-offset-13 {
        margin-left: 54.16666667%
    }

    .arco-col-xxxl-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%
    }

    .arco-col-xxxl-offset-14 {
        margin-left: 58.33333333%
    }

    .arco-col-xxxl-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%
    }

    .arco-col-xxxl-offset-15 {
        margin-left: 62.5%
    }

    .arco-col-xxxl-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%
    }

    .arco-col-xxxl-offset-16 {
        margin-left: 66.66666667%
    }

    .arco-col-xxxl-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%
    }

    .arco-col-xxxl-offset-17 {
        margin-left: 70.83333333%
    }

    .arco-col-xxxl-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%
    }

    .arco-col-xxxl-offset-18 {
        margin-left: 75%
    }

    .arco-col-xxxl-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%
    }

    .arco-col-xxxl-offset-19 {
        margin-left: 79.16666667%
    }

    .arco-col-xxxl-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%
    }

    .arco-col-xxxl-offset-20 {
        margin-left: 83.33333333%
    }

    .arco-col-xxxl-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%
    }

    .arco-col-xxxl-offset-21 {
        margin-left: 87.5%
    }

    .arco-col-xxxl-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%
    }

    .arco-col-xxxl-offset-22 {
        margin-left: 91.66666667%
    }

    .arco-col-xxxl-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%
    }

    .arco-col-xxxl-offset-23 {
        margin-left: 95.83333333%
    }

    .arco-col-xxxl-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%
    }

    .arco-col-xxxl-order-0 {
        order: 0
    }

    .arco-col-xxxl-order-1 {
        order: 1
    }

    .arco-col-xxxl-order-2 {
        order: 2
    }

    .arco-col-xxxl-order-3 {
        order: 3
    }

    .arco-col-xxxl-order-4 {
        order: 4
    }

    .arco-col-xxxl-order-5 {
        order: 5
    }

    .arco-col-xxxl-order-6 {
        order: 6
    }

    .arco-col-xxxl-order-7 {
        order: 7
    }

    .arco-col-xxxl-order-8 {
        order: 8
    }

    .arco-col-xxxl-order-9 {
        order: 9
    }

    .arco-col-xxxl-order-10 {
        order: 10
    }

    .arco-col-xxxl-order-11 {
        order: 11
    }

    .arco-col-xxxl-order-12 {
        order: 12
    }

    .arco-col-xxxl-order-13 {
        order: 13
    }

    .arco-col-xxxl-order-14 {
        order: 14
    }

    .arco-col-xxxl-order-15 {
        order: 15
    }

    .arco-col-xxxl-order-16 {
        order: 16
    }

    .arco-col-xxxl-order-17 {
        order: 17
    }

    .arco-col-xxxl-order-18 {
        order: 18
    }

    .arco-col-xxxl-order-19 {
        order: 19
    }

    .arco-col-xxxl-order-20 {
        order: 20
    }

    .arco-col-xxxl-order-21 {
        order: 21
    }

    .arco-col-xxxl-order-22 {
        order: 22
    }

    .arco-col-xxxl-order-23 {
        order: 23
    }

    .arco-col-xxxl-order-24 {
        order: 24
    }

    .arco-col-xxxl-pull-0 {
        right: 0
    }

    .arco-col-xxxl-pull-0.arco-col-rtl {
        left: 0;
        right: unset
    }

    .arco-col-xxxl-pull-1 {
        right: 4.16666667%
    }

    .arco-col-xxxl-pull-1.arco-col-rtl {
        left: 4.16666667%;
        right: unset
    }

    .arco-col-xxxl-pull-2 {
        right: 8.33333333%
    }

    .arco-col-xxxl-pull-2.arco-col-rtl {
        left: 8.33333333%;
        right: unset
    }

    .arco-col-xxxl-pull-3 {
        right: 12.5%
    }

    .arco-col-xxxl-pull-3.arco-col-rtl {
        left: 12.5%;
        right: unset
    }

    .arco-col-xxxl-pull-4 {
        right: 16.66666667%
    }

    .arco-col-xxxl-pull-4.arco-col-rtl {
        left: 16.66666667%;
        right: unset
    }

    .arco-col-xxxl-pull-5 {
        right: 20.83333333%
    }

    .arco-col-xxxl-pull-5.arco-col-rtl {
        left: 20.83333333%;
        right: unset
    }

    .arco-col-xxxl-pull-6 {
        right: 25%
    }

    .arco-col-xxxl-pull-6.arco-col-rtl {
        left: 25%;
        right: unset
    }

    .arco-col-xxxl-pull-7 {
        right: 29.16666667%
    }

    .arco-col-xxxl-pull-7.arco-col-rtl {
        left: 29.16666667%;
        right: unset
    }

    .arco-col-xxxl-pull-8 {
        right: 33.33333333%
    }

    .arco-col-xxxl-pull-8.arco-col-rtl {
        left: 33.33333333%;
        right: unset
    }

    .arco-col-xxxl-pull-9 {
        right: 37.5%
    }

    .arco-col-xxxl-pull-9.arco-col-rtl {
        left: 37.5%;
        right: unset
    }

    .arco-col-xxxl-pull-10 {
        right: 41.66666667%
    }

    .arco-col-xxxl-pull-10.arco-col-rtl {
        left: 41.66666667%;
        right: unset
    }

    .arco-col-xxxl-pull-11 {
        right: 45.83333333%
    }

    .arco-col-xxxl-pull-11.arco-col-rtl {
        left: 45.83333333%;
        right: unset
    }

    .arco-col-xxxl-pull-12 {
        right: 50%
    }

    .arco-col-xxxl-pull-12.arco-col-rtl {
        left: 50%;
        right: unset
    }

    .arco-col-xxxl-pull-13 {
        right: 54.16666667%
    }

    .arco-col-xxxl-pull-13.arco-col-rtl {
        left: 54.16666667%;
        right: unset
    }

    .arco-col-xxxl-pull-14 {
        right: 58.33333333%
    }

    .arco-col-xxxl-pull-14.arco-col-rtl {
        left: 58.33333333%;
        right: unset
    }

    .arco-col-xxxl-pull-15 {
        right: 62.5%
    }

    .arco-col-xxxl-pull-15.arco-col-rtl {
        left: 62.5%;
        right: unset
    }

    .arco-col-xxxl-pull-16 {
        right: 66.66666667%
    }

    .arco-col-xxxl-pull-16.arco-col-rtl {
        left: 66.66666667%;
        right: unset
    }

    .arco-col-xxxl-pull-17 {
        right: 70.83333333%
    }

    .arco-col-xxxl-pull-17.arco-col-rtl {
        left: 70.83333333%;
        right: unset
    }

    .arco-col-xxxl-pull-18 {
        right: 75%
    }

    .arco-col-xxxl-pull-18.arco-col-rtl {
        left: 75%;
        right: unset
    }

    .arco-col-xxxl-pull-19 {
        right: 79.16666667%
    }

    .arco-col-xxxl-pull-19.arco-col-rtl {
        left: 79.16666667%;
        right: unset
    }

    .arco-col-xxxl-pull-20 {
        right: 83.33333333%
    }

    .arco-col-xxxl-pull-20.arco-col-rtl {
        left: 83.33333333%;
        right: unset
    }

    .arco-col-xxxl-pull-21 {
        right: 87.5%
    }

    .arco-col-xxxl-pull-21.arco-col-rtl {
        left: 87.5%;
        right: unset
    }

    .arco-col-xxxl-pull-22 {
        right: 91.66666667%
    }

    .arco-col-xxxl-pull-22.arco-col-rtl {
        left: 91.66666667%;
        right: unset
    }

    .arco-col-xxxl-pull-23 {
        right: 95.83333333%
    }

    .arco-col-xxxl-pull-23.arco-col-rtl {
        left: 95.83333333%;
        right: unset
    }

    .arco-col-xxxl-pull-24 {
        right: 100%
    }

    .arco-col-xxxl-pull-24.arco-col-rtl {
        left: 100%;
        right: unset
    }

    .arco-col-xxxl-push-0 {
        left: 0
    }

    .arco-col-xxxl-push-0.arco-col-rtl {
        left: unset;
        right: 0
    }

    .arco-col-xxxl-push-1 {
        left: 4.16666667%
    }

    .arco-col-xxxl-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%
    }

    .arco-col-xxxl-push-2 {
        left: 8.33333333%
    }

    .arco-col-xxxl-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%
    }

    .arco-col-xxxl-push-3 {
        left: 12.5%
    }

    .arco-col-xxxl-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%
    }

    .arco-col-xxxl-push-4 {
        left: 16.66666667%
    }

    .arco-col-xxxl-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%
    }

    .arco-col-xxxl-push-5 {
        left: 20.83333333%
    }

    .arco-col-xxxl-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%
    }

    .arco-col-xxxl-push-6 {
        left: 25%
    }

    .arco-col-xxxl-push-6.arco-col-rtl {
        left: unset;
        right: 25%
    }

    .arco-col-xxxl-push-7 {
        left: 29.16666667%
    }

    .arco-col-xxxl-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%
    }

    .arco-col-xxxl-push-8 {
        left: 33.33333333%
    }

    .arco-col-xxxl-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%
    }

    .arco-col-xxxl-push-9 {
        left: 37.5%
    }

    .arco-col-xxxl-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%
    }

    .arco-col-xxxl-push-10 {
        left: 41.66666667%
    }

    .arco-col-xxxl-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%
    }

    .arco-col-xxxl-push-11 {
        left: 45.83333333%
    }

    .arco-col-xxxl-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%
    }

    .arco-col-xxxl-push-12 {
        left: 50%
    }

    .arco-col-xxxl-push-12.arco-col-rtl {
        left: unset;
        right: 50%
    }

    .arco-col-xxxl-push-13 {
        left: 54.16666667%
    }

    .arco-col-xxxl-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%
    }

    .arco-col-xxxl-push-14 {
        left: 58.33333333%
    }

    .arco-col-xxxl-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%
    }

    .arco-col-xxxl-push-15 {
        left: 62.5%
    }

    .arco-col-xxxl-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%
    }

    .arco-col-xxxl-push-16 {
        left: 66.66666667%
    }

    .arco-col-xxxl-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%
    }

    .arco-col-xxxl-push-17 {
        left: 70.83333333%
    }

    .arco-col-xxxl-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%
    }

    .arco-col-xxxl-push-18 {
        left: 75%
    }

    .arco-col-xxxl-push-18.arco-col-rtl {
        left: unset;
        right: 75%
    }

    .arco-col-xxxl-push-19 {
        left: 79.16666667%
    }

    .arco-col-xxxl-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%
    }

    .arco-col-xxxl-push-20 {
        left: 83.33333333%
    }

    .arco-col-xxxl-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%
    }

    .arco-col-xxxl-push-21 {
        left: 87.5%
    }

    .arco-col-xxxl-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%
    }

    .arco-col-xxxl-push-22 {
        left: 91.66666667%
    }

    .arco-col-xxxl-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%
    }

    .arco-col-xxxl-push-23 {
        left: 95.83333333%
    }

    .arco-col-xxxl-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%
    }

    .arco-col-xxxl-push-24 {
        left: 100%
    }

    .arco-col-xxxl-push-24.arco-col-rtl {
        left: unset;
        right: 100%
    }
}

.arco-grid {
    display: grid
}

.arco-grid-rtl {
    direction: rtl
}

.arco-form {
    display: flex;
    flex-direction: column;
    width: 100%
}

.arco-form-inline {
    flex-flow: row wrap
}

.arco-form-inline .arco-form-item {
    margin-bottom: 8px;
    width: auto
}

.arco-form-item {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    width: 100%
}

.arco-form-item.arco-form-item-hidden {
    display: none
}

.arco-form-item>.arco-form-label-item {
    padding-right: 16px
}

.arco-form-item.arco-form-item-error {
    margin-bottom: 0
}

.arco-form-item-wrapper-flex.arco-col {
    flex: 1 1
}

.arco-form-size-mini .arco-form-label-item {
    font-size: 12px;
    line-height: 24px
}

.arco-form-size-mini .arco-form-label-item>label {
    font-size: 12px
}

.arco-form-size-mini .arco-form-item-control {
    min-height: 24px
}

.arco-form-size-small .arco-form-label-item {
    line-height: 28px
}

.arco-form-size-small .arco-form-label-item>label {
    font-size: 14px
}

.arco-form-size-small .arco-form-item-control {
    min-height: 28px
}

.arco-form-size-large .arco-form-label-item {
    line-height: 36px
}

.arco-form-size-large .arco-form-label-item>label {
    font-size: 14px
}

.arco-form-size-large .arco-form-item-control {
    min-height: 36px
}

.arco-form-extra {
    color: var(--color-text-3);
    font-size: 12px;
    margin-top: 4px
}

.arco-form-message {
    color: rgb(var(--danger-6));
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.arco-form-message-help {
    color: var(--color-text-3)
}

.arco-form-message+.arco-form-extra {
    margin-bottom: 4px;
    margin-top: 0
}

.arco-form-layout-vertical {
    display: block
}

.arco-form-layout-vertical>.arco-form-label-item {
    line-height: 1.5715;
    margin-bottom: 8px;
    padding: 0;
    text-align: left;
    white-space: normal
}

.arco-form-layout-inline {
    margin-right: 24px
}

.arco-form-label-item {
    line-height: 32px;
    text-align: right;
    white-space: nowrap
}

.arco-form-label-item-flex.arco-col {
    flex: 0 1
}

.arco-form-label-item-flex.arco-col>label {
    white-space: nowrap
}

.arco-form-label-item>label {
    color: var(--color-text-2);
    font-size: 14px;
    white-space: normal
}

.arco-form-label-item .arco-form-item-tooltip {
    color: var(--color-text-4);
    margin-left: 4px
}

.arco-form-label-item .arco-form-item-symbol {
    color: rgb(var(--danger-6));
    font-size: 12px;
    line-height: 1
}

.arco-form-label-item .arco-form-item-symbol svg {
    transform: scale(.5)
}

.arco-form-label-item-left {
    text-align: left
}

.arco-form-item-control {
    align-items: center;
    display: flex;
    min-height: 32px;
    width: 100%
}

.arco-form-item-control-children {
    flex: 1 1;
    width: 100%
}

.arco-form-item-control-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.arco-form .arco-slider {
    display: block
}

.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-validating .arco-input:not(.arco-input-disabled),.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-validating .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-validating .arco-input:focus,.arco-form-item-status-validating .arco-input:focus:hover,.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-validating .arco-textarea.arco-textarea-focus,.arco-form-item-status-validating .arco-textarea.arco-textarea-focus:hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input,.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-form-item-status-validating .arco-input-tag {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-validating .arco-input-tag:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-validating .arco-input-tag.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-form-item-status-validating .arco-form-message-help {
    color: rgb(var(--primary-6))
}

.arco-form-item-status-validating .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6))
}

.arco-form-item-status-validating .arco-form-item-feedback {
    color: rgb(var(--primary-6))
}

.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-success .arco-input:not(.arco-input-disabled),.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-success .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-success .arco-input:focus,.arco-form-item-status-success .arco-input:focus:hover,.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-success .arco-textarea.arco-textarea-focus,.arco-form-item-status-success .arco-textarea.arco-textarea-focus:hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.arco-form-item-status-success .arco-input-inner-wrapper .arco-input,.arco-form-item-status-success .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-form-item-status-success .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-success .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-success .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.arco-form-item-status-success .arco-input-tag {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-form-item-status-success .arco-input-tag:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-form-item-status-success .arco-input-tag.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.arco-form-item-status-success .arco-form-message-help {
    color: rgb(var(--success-6))
}

.arco-form-item-status-success .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6))
}

.arco-form-item-status-success .arco-form-item-feedback {
    color: rgb(var(--success-6))
}

.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-warning .arco-input:not(.arco-input-disabled),.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-warning .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled):hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-warning .arco-input:focus,.arco-form-item-status-warning .arco-input:focus:hover,.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-warning .arco-textarea.arco-textarea-focus,.arco-form-item-status-warning .arco-textarea.arco-textarea-focus:hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input,.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-form-item-status-warning .arco-input-tag {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-form-item-status-warning .arco-input-tag:hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-form-item-status-warning .arco-input-tag.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.arco-form-item-status-warning .arco-form-item-feedback,.arco-form-item-status-warning .arco-form-message-help,.arco-form-item-status-warning .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6))
}

.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-error .arco-input:not(.arco-input-disabled),.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled) {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-error .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled):hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-error .arco-input:focus,.arco-form-item-status-error .arco-input:focus:hover,.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-error .arco-textarea.arco-textarea-focus,.arco-form-item-status-error .arco-textarea.arco-textarea-focus:hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-form-item-status-error .arco-input-inner-wrapper .arco-input,.arco-form-item-status-error .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    box-shadow: none
}

.arco-form-item-status-error .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-form-item-status-error .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-form-item-status-error .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled) {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-form-item-status-error .arco-input-tag {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-form-item-status-error .arco-input-tag:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-form-item-status-error .arco-input-tag.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-form-item-status-error .arco-form-message-help {
    color: rgb(var(--danger-6))
}

.arco-form-item-status-error .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6))
}

.arco-form-item-status-error .arco-form-item-feedback {
    color: rgb(var(--danger-6))
}

.arco-form-item-control-children {
    position: relative
}

.arco-form-item-feedback {
    font-size: 14px;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-form-item-feedback .arco-icon-loading {
    font-size: 12px
}

.arco-form-item-has-feedback .arco-input,.arco-form-item-has-feedback .arco-input-inner-wrapper,.arco-form-item-has-feedback .arco-textarea {
    padding-right: 28px
}

.arco-form-item-has-feedback .arco-input-number-mode-embed .arco-input-number-step-layer {
    right: 24px
}

.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view,.arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view {
    padding-right: 28px
}

.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix {
    padding-right: 0
}

.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view,.arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view {
    padding-right: 28px
}

.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 0
}

.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view,.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view {
    padding-right: 28px
}

.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 0
}

.arco-form-item-has-feedback .arco-picker {
    padding-right: 28px
}

.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon,.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon {
    margin-left: 0;
    margin-right: 0
}

.arco-form-item-has-feedback .arco-input-tag {
    padding-right: 23px
}

.arco-form-item-has-feedback .arco-input-tag-suffix {
    padding-right: 0
}

.formblink-appear,.formblink-enter {
    opacity: 0
}

.formblink-appear-active,.formblink-enter-active {
    opacity: 1;
    transition: opacity .3s linear
}

.formblink-enter-done {
    -webkit-animation: arco-form-blink .5s linear;
    animation: arco-form-blink .5s linear
}

@-webkit-keyframes arco-form-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes arco-form-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.arco-form-rtl {
    direction: rtl
}

.arco-form-rtl .arco-form-item>.arco-form-label-item {
    padding-left: 16px;
    padding-right: 0
}

.arco-form-rtl .arco-form-label-item {
    text-align: left
}

.arco-form-rtl .arco-form-layout-vertical>.arco-form-label-item {
    text-align: right
}

.arco-form-rtl .arco-form-layout-inline {
    margin-left: 24px;
    margin-right: 0
}

.index-module__form-input--PTTNG.arco-form-item .arco-form-label-item-left {
    flex: auto;
    line-height: 48px;
    padding-right: 0;
    width: 19.03669725%
}

.index-module__form-input--PTTNG.arco-form-item .arco-form-label-item-left label {
    color: #474b53;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 22px
}

.index-module__form-input--PTTNG.arco-form-item .arco-form-item-wrapper {
    flex: auto;
    width: 80.96330275%
}

.index-module__form-input--PTTNG.arco-form-item .arco-input {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-radius: 2px;
    height: 48px
}

.index-module__form-input--PTTNG.arco-form-item .arco-input::-webkit-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-input--PTTNG.arco-form-item .arco-input::-moz-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-input--PTTNG.arco-form-item .arco-input::-ms-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-input--PTTNG.arco-form-item .arco-input::placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-input--PTTNG.arco-form-item .arco-input:focus,.index-module__form-input--PTTNG.arco-form-item .arco-input:hover {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    height: 48px
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group>* {
    border-radius: 0
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group>:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group>:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-left: none;
    padding: 0;
    transition: all .1s linear
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: .002em;
    padding: 0;
    text-align: center;
    width: 116px
}

.index-module__form-input--PTTNG.arco-form-item .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa;
    color: #a8aaae
}

.index-module__form-input--PTTNG.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff;
    color: #006eff
}

.index-module__form-input--PTTNG.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
    background-color: #fff;
    color: #4281ff
}

.index-module__form-input--PTTNG.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
    background-color: #fff;
    color: #05f
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-input--PTTNG.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-input--PTTNG.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-input--PTTNG.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-input--PTTNG.arco-form-item .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #006eff;
    border-left: none
}

@media screen and (max-width: 767px) {
    .index-module__form-input--PTTNG.arco-form-item {
        flex-direction:column
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-form-label-item-left {
        line-height: 20px;
        margin-bottom: 8px;
        width: 100%
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-form-item-wrapper {
        width: 100%
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input {
        height: 36px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input::-webkit-input-placeholder {
        font-size: 12px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input::-moz-placeholder {
        font-size: 12px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input::-ms-input-placeholder {
        font-size: 12px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input::placeholder {
        font-size: 12px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
        font-size: 12px;
        width: 106px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-input--PTTNG.arco-form-item .arco-form-label-item-left {
        line-height:36px
    }

    .index-module__form-input--PTTNG.arco-form-item .arco-input,.index-module__form-input--PTTNG.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input:focus,.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input:hover {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-inner-wrapper {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group-addafter {
    background-color: #feeced;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled,.index-module__form-input--PTTNG.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #feeced
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled,.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled),.index-module__form-input--PTTNG.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff
}

.index-module__form-input--PTTNG.arco-form-item-status-error .arco-form-message {
    color: #db373f;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-form-label-item-left {
    flex: auto;
    line-height: 48px;
    padding-right: 0;
    width: 19.03669725%
}

.index-module__form-phone--tMGpH.arco-form-item .arco-form-label-item-left label {
    color: #474b53;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 22px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-form-item-wrapper {
    flex: auto;
    width: 80.96330275%
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-radius: 2px;
    height: 48px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input::-webkit-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input::-moz-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input::-ms-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input::placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input:focus,.index-module__form-phone--tMGpH.arco-form-item .arco-input:hover {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    height: 48px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group>* {
    border-radius: 0
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group>:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group>:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-left: none;
    padding: 0;
    transition: all .1s linear
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: .002em;
    padding: 0;
    text-align: center;
    width: 116px
}

.index-module__form-phone--tMGpH.arco-form-item .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa;
    color: #a8aaae
}

.index-module__form-phone--tMGpH.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff;
    color: #006eff
}

.index-module__form-phone--tMGpH.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
    background-color: #fff;
    color: #4281ff
}

.index-module__form-phone--tMGpH.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
    background-color: #fff;
    color: #05f
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-phone--tMGpH.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-phone--tMGpH.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-phone--tMGpH.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-phone--tMGpH.arco-form-item .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #006eff;
    border-left: none
}

@media screen and (max-width: 767px) {
    .index-module__form-phone--tMGpH.arco-form-item {
        flex-direction:column
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-form-label-item-left {
        line-height: 20px;
        margin-bottom: 8px;
        width: 100%
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-form-item-wrapper {
        width: 100%
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input {
        height: 36px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input::-webkit-input-placeholder {
        font-size: 12px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input::-moz-placeholder {
        font-size: 12px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input::-ms-input-placeholder {
        font-size: 12px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input::placeholder {
        font-size: 12px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
        font-size: 12px;
        width: 106px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-phone--tMGpH.arco-form-item .arco-form-label-item-left {
        line-height:36px
    }

    .index-module__form-phone--tMGpH.arco-form-item .arco-input,.index-module__form-phone--tMGpH.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input:focus,.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input:hover {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-inner-wrapper {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group-addafter {
    background-color: #feeced;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled,.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #feeced
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled,.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled),.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff
}

.index-module__form-phone--tMGpH.arco-form-item-status-error .arco-form-message {
    color: #db373f;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-form-label-item-left {
    flex: auto;
    line-height: 48px;
    padding-right: 0;
    width: 19.03669725%
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-form-label-item-left label {
    color: #474b53;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 22px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-form-item-wrapper {
    flex: auto;
    width: 80.96330275%
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-radius: 2px;
    height: 48px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input::-webkit-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input::-moz-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input::-ms-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input::placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input:focus,.index-module__form-captcha--XCRmb.arco-form-item .arco-input:hover {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    height: 48px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group>* {
    border-radius: 0
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group>:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group>:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-left: none;
    padding: 0;
    transition: all .1s linear
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: .002em;
    padding: 0;
    text-align: center;
    width: 116px
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa;
    color: #a8aaae
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff;
    color: #006eff
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
    background-color: #fff;
    color: #4281ff
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
    background-color: #fff;
    color: #05f
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-captcha--XCRmb.arco-form-item .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #006eff;
    border-left: none
}

@media screen and (max-width: 767px) {
    .index-module__form-captcha--XCRmb.arco-form-item {
        flex-direction:column
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-form-label-item-left {
        line-height: 20px;
        margin-bottom: 8px;
        width: 100%
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-form-item-wrapper {
        width: 100%
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input {
        height: 36px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input::-webkit-input-placeholder {
        font-size: 12px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input::-moz-placeholder {
        font-size: 12px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input::-ms-input-placeholder {
        font-size: 12px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input::placeholder {
        font-size: 12px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
        font-size: 12px;
        width: 106px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-captcha--XCRmb.arco-form-item .arco-form-label-item-left {
        line-height:36px
    }

    .index-module__form-captcha--XCRmb.arco-form-item .arco-input,.index-module__form-captcha--XCRmb.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input:focus,.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input:hover {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-inner-wrapper {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group-addafter {
    background-color: #feeced;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled,.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #feeced
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled,.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled),.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff
}

.index-module__form-captcha--XCRmb.arco-form-item-status-error .arco-form-message {
    color: #db373f;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.arco-autocomplete-popup .arco-select-popup {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner {
    max-height: 200px;
    padding: 4px 0
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option,.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
    background-color: var(--color-bg-popup);
    color: var(--color-text-1)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled {
    background-color: var(--color-bg-popup);
    color: var(--color-text-4)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
    font-weight: 500
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-form-label-item-left {
    flex: auto;
    line-height: 48px;
    padding-right: 0;
    width: 19.03669725%
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-form-label-item-left label {
    color: #474b53;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 22px
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-form-item-wrapper {
    flex: auto;
    width: 80.96330275%
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-radius: 2px;
    height: 48px
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input::-webkit-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input::-moz-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input::-ms-input-placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input::placeholder {
    color: #828282;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    opacity: .6
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input:focus,.index-module__form-company-name--PvdXp.arco-form-item .arco-input:hover {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    height: 48px
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group>* {
    border-radius: 0
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group>:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group>:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #dbe1e9;
    border-left: none;
    padding: 0;
    transition: all .1s linear
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    letter-spacing: .002em;
    padding: 0;
    text-align: center;
    width: 116px
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa;
    color: #a8aaae
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff;
    color: #006eff
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):hover {
    background-color: #fff;
    color: #4281ff
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-btn-secondary:not(.arco-btn-disabled):active {
    background-color: #fff;
    color: #05f
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #006eff
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-company-name--PvdXp.arco-form-item .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #006eff;
    border-left: none
}

@media screen and (max-width: 767px) {
    .index-module__form-company-name--PvdXp.arco-form-item {
        flex-direction:column
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-form-label-item-left {
        line-height: 20px;
        margin-bottom: 8px;
        width: 100%
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-form-item-wrapper {
        width: 100%
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input {
        height: 36px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input::-webkit-input-placeholder {
        font-size: 12px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input::-moz-placeholder {
        font-size: 12px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input::-ms-input-placeholder {
        font-size: 12px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input::placeholder {
        font-size: 12px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input-group-addafter .arco-btn-secondary {
        font-size: 12px;
        width: 106px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-company-name--PvdXp.arco-form-item .arco-form-label-item-left {
        line-height:36px
    }

    .index-module__form-company-name--PvdXp.arco-form-item .arco-input,.index-module__form-company-name--PvdXp.arco-form-item .arco-input-inner-wrapper {
        height: 36px
    }
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input:focus,.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input:hover {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-inner-wrapper {
    background-color: #feeced;
    border: 1px solid #db373f
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
    background-color: transparent;
    border: none;
    border-radius: 0
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group-addafter {
    background-color: #feeced;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-btn-secondary.arco-btn-disabled,.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #feeced
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper,.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper {
    background-color: #fff;
    border: 1px solid #db373f
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:focus-within .arco-input-inner-wrapper:not(:last-child),.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:hover .arco-input-inner-wrapper:not(:last-child) {
    border-right: 1px solid #dbe1e9
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:focus-within .arco-input-group-addafter,.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:hover .arco-input-group-addafter {
    background-color: #fff;
    border: 1px solid #db373f;
    border-left: none
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary.arco-btn-disabled,.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary.arco-btn-disabled {
    background-color: #f7f8fa
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:focus-within .arco-btn-secondary:not(.arco-btn-disabled),.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-input-group:hover .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #fff
}

.index-module__form-company-name--PvdXp.arco-form-item-status-error .arco-form-message {
    color: #db373f;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 20px
}

.index-module__form-agreement--5Hrh5 .index-module__custom-checkbox--vHvUE .index-module__form-agreement-content--EixNq {
    color: #020814;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .003em;
    line-height: 22px;
    margin-left: 10px
}

.index-module__form-agreement--5Hrh5 .index-module__custom-checkbox--vHvUE .index-module__form-agreement-content--EixNq a:link,.index-module__form-agreement--5Hrh5 .index-module__custom-checkbox--vHvUE .index-module__form-agreement-content--EixNq a:visited {
    color: #1664ff
}

.index-module__form-agreement--5Hrh5 .index-module__custom-checkbox--vHvUE .index-module__form-agreement-content--EixNq a:hover {
    color: #4281ff
}

.index-module__form-agreement--5Hrh5 .index-module__custom-checkbox--vHvUE .index-module__form-agreement-content--EixNq a:active {
    color: #05f
}

.index-module__form-agreement--5Hrh5 .arco-form-item-wrapper {
    flex: auto;
    left: -3px;
    position: relative;
    width: 100%
}

.index-module__form-agreement--5Hrh5 .arco-form-item-control {
    min-height: 22px
}

@media screen and (max-width: 767px) {
    .index-module__form-agreement--5Hrh5 .index-module__custom-checkbox--vHvUE .index-module__form-agreement-content--EixNq {
        font-size:12px;
        line-height: 20px
    }

    .index-module__form-agreement--5Hrh5 .arco-form-item-wrapper {
        left: -5px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__form-agreement--5Hrh5:before {
        content:"";
        width: calc(19.0367% - 5px)
    }

    .index-module__form-agreement--5Hrh5 .arco-form-item-wrapper {
        left: 0;
        width: 80.96330275%
    }
}

.index-module__form-submit-button--OvLgp .arco-form-item-wrapper {
    flex: auto;
    width: 100%
}

.index-module__form-submit-button--OvLgp .arco-btn-primary {
    background-color: #006eff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 44px;
    letter-spacing: .01em;
    line-height: 44px;
    text-align: center;
    width: 100%
}

.index-module__form-submit-button--OvLgp .arco-btn-primary:hover {
    background-color: #4281ff
}

.index-module__form-submit-button--OvLgp .arco-btn-primary:active {
    background-color: #05f
}

.index-module__latest-news-container--HLcug {
    display: flex;
    overflow: hidden;
    width: 1200px
}

.index-module__latest-news-container--HLcug,.index-module__latest-news-container--HLcug * {
    box-sizing: border-box
}

.index-module__latest-news-container--HLcug a,.index-module__latest-news-container--HLcug a:active,.index-module__latest-news-container--HLcug a:hover,.index-module__latest-news-container--HLcug a:link,.index-module__latest-news-container--HLcug a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 {
    flex: none;
    width: 285px
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:not(:first-child) {
    margin-left: 20px
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW {
    border-radius: 8px;
    font-size: 0;
    height: 168px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW img {
    height: 100%;
    transition: transform .25s;
    width: 100%
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-title--00W\+P {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #282828;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .003em;
    line-height: 25px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:hover .index-module__item-image--CSYYW img {
    transform: scale(1.1)
}

.index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:hover .index-module__item-title--00W\+P {
    color: #1664ff
}

@media screen and (max-width: 767px) {
    .index-module__latest-news-container--HLcug {
        display:block;
        width: 100%
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 {
        display: flex;
        width: 100%
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:not(:first-child) {
        margin-left: 0;
        padding-top: 16px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:not(:last-child) .index-module__item-image--CSYYW {
        margin-bottom: 16px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:not(:last-child) .index-module__item-title--00W\+P {
        border-bottom: 1px solid #dde2e9;
        padding-bottom: 16px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW {
        flex: auto;
        height: auto;
        margin-left: 10px;
        order: 1;
        width: 96px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW .index-module__card-tag--UE9-W {
        display: none
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW img {
        height: auto;
        width: 100%
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-title--00W\+P {
        color: #020814;
        display: block;
        flex: auto;
        font-size: 14px;
        line-height: 22px;
        margin-top: 0;
        order: 0;
        padding-right: 10px;
        width: 224px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__latest-news-container--HLcug {
        grid-gap:0 58px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        width: 100%
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 {
        display: flex;
        width: 100%
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:not(:first-child) {
        margin-left: 0
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:nth-last-child(-n+2) {
        padding-top: 16px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:nth-child(-n+2) .index-module__item-image--CSYYW {
        margin-bottom: 16px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0:nth-child(-n+2) .index-module__item-title--00W\+P {
        border-bottom: 1px solid #dde2e9;
        padding-bottom: 16px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW {
        flex: auto;
        height: auto;
        margin-left: 14px;
        order: 1;
        width: 96px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW .index-module__card-tag--UE9-W {
        display: none
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW img {
        height: auto;
        width: 100%
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-title--00W\+P {
        color: #020814;
        display: block;
        flex: auto;
        font-size: 14px;
        line-height: 22px;
        margin-top: 0;
        order: 0;
        padding-right: 6px;
        width: 224px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__latest-news-container--HLcug {
        width:1440px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 {
        width: 345px
    }

    .index-module__latest-news-container--HLcug .index-module__news-item--T1nG0 .index-module__item-image--CSYYW {
        height: 203px
    }
}

.index-module__card-tag--UE9-W {
    bottom: 0;
    height: 24px;
    left: 0;
    overflow: hidden;
    padding: 0 16px 0 12px;
    position: absolute
}

.index-module__card-tag--UE9-W .index-module__cardTag-trapezoid--AR7Bl {
    background-color: rgba(2,8,20,.8);
    border-radius: 8px;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    transform: matrix(1,0,.3182,1,-3,0);
    width: 100%
}

.index-module__card-tag--UE9-W .index-module__cardTag-text--KBTk1 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    position: relative;
    z-index: 1
}

.index-module__multiple-features-container--PQxjy,.index-module__multiple-features-container--PQxjy * {
    box-sizing: border-box
}

.index-module__multiple-features-container--PQxjy a,.index-module__multiple-features-container--PQxjy a:active,.index-module__multiple-features-container--PQxjy a:hover,.index-module__multiple-features-container--PQxjy a:link,.index-module__multiple-features-container--PQxjy a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__multiple-features-pc--FUzPD {
    display: block
}

.index-module__multiple-features-mobile--V-j5d {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__multiple-features-pc--FUzPD {
        display:none
    }

    .index-module__multiple-features-mobile--V-j5d {
        display: block
    }
}

.index-module__multiple-features-pc-container--oO4vh {
    display: flex;
    justify-content: center;
    position: relative;
    width: 1200px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__bg-circle--e4jXc {
    background: hsla(0,100%,79%,.7);
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 400px;
    left: -20px;
    opacity: .12;
    pointer-events: none;
    position: absolute;
    top: 11px;
    width: 400px;
    will-change: transform
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM {
    background-color: rgba(242,243,248,.08);
    border-radius: 12px;
    display: flex;
    flex: none;
    height: 444px;
    overflow: hidden;
    position: relative;
    width: 1080px;
    z-index: 1
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U {
    flex: none;
    height: 100%;
    padding: 60px 98px 0 50px;
    width: 500px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu {
    height: 37px;
    position: relative
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt {
    display: flex
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo+.index-module__tab-title--KEELo {
    margin-left: 30px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo {
    color: #86909c;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo:hover {
    color: #e0e0e0
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo:after {
    content: attr(data-content);
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 0;
    line-height: 20px;
    overflow: hidden;
    visibility: hidden
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title-active--M-fRG {
    color: #fff;
    font-weight: 500
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title-active--M-fRG:hover {
    color: #fff
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__line--bsaUP {
    background-image: linear-gradient(90deg,rgba(134,144,156,.4),hsla(0,0%,100%,0) 96.75%);
    height: 1px;
    margin-top: 16px;
    width: 100%
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__indicator---tNe4 {
    background-color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 2px;
    left: 0;
    position: absolute;
    top: 35px;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1);
    width: 56px;
    z-index: 1
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j {
    position: relative;
    width: 100%
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-text-panel--sY7bG {
    margin-top: 58px;
    width: 280px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-text-panel--sY7bG .index-module__tab-content-text-line--N4aGh {
    color: #fff;
    font-family: PingFang SC;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 45px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-button--HMO6k {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    letter-spacing: .01em;
    line-height: 50px;
    margin-top: 78px;
    text-align: center;
    width: 128px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-button--HMO6k:hover {
    background-color: #4281ff
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-button--HMO6k:active {
    background-color: #05f
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel-active--qbzuL {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG {
    flex: none;
    height: 100%;
    position: relative;
    width: 580px
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG .index-module__tab-right-panel--a4y0v {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG .index-module__tab-right-panel--a4y0v .index-module__video-container--B-s\+\+ {
    font-size: 0
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG .index-module__tab-right-panel--a4y0v .index-module__video-container--B-s\+\+ .index-module__video--tExKo {
    height: 100%;
    width: 100%
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG .index-module__tab-right-panel--a4y0v .index-module__image-container--5mq1G {
    font-size: 0
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG .index-module__tab-right-panel--a4y0v .index-module__image-container--5mq1G img {
    height: 100%;
    width: 100%
}

.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG .index-module__tab-right-panel-active--3mdIw {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__multiple-features-pc-container--oO4vh {
        width:100%
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__bg-circle--e4jXc {
        display: none
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM {
        height: 272px;
        width: 720px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U {
        padding: 40px 16px 0 44px;
        width: 364px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu {
        height: 25px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo+.index-module__tab-title--KEELo {
        margin-left: 20px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo,.index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__tab-title-panel--lh6Dt .index-module__tab-title--KEELo:after {
        font-size: 13px;
        line-height: 18px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__line--bsaUP {
        background-image: linear-gradient(90deg,hsla(0,0%,95%,.36),hsla(0,0%,100%,0) 96.75%);
        margin-top: 6px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__indicator---tNe4 {
        top: 23px;
        width: 51px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-text-panel--sY7bG {
        margin-top: 36px;
        width: 188px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-text-panel--sY7bG .index-module__tab-content-text-line--N4aGh {
        font-size: 18px;
        line-height: 25px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-content--3Xf\+j .index-module__tab-content-panel--1P1rJ .index-module__tab-content-button--HMO6k {
        box-shadow: 0 4px 5px rgba(46,70,146,.1);
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        margin-top: 40px;
        width: 86px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-right--Wt6cG {
        width: 356px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__multiple-features-pc-container--oO4vh {
        width:1440px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__bg-circle--e4jXc {
        left: 21px;
        top: 11px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM {
        width: 1220px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U {
        padding: 60px 240px 0 50px;
        width: 640px
    }

    .index-module__multiple-features-pc-container--oO4vh .index-module__multiple-features-pc-tab--GdefM .index-module__multiple-features-pc-tab-left--tbD3U .index-module__tab-header--lV8yu .index-module__line--bsaUP {
        background-image: linear-gradient(90deg,hsla(0,0%,95%,.36),hsla(0,0%,100%,0) 96.75%)
    }
}

.index-module__multiple-features-mobile-container--bqWn1 {
    width: 100%
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item .arco-collapse-item-header {
    background-color: rgba(248,249,254,.1);
    border: unset;
    padding: 16px
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #fff;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item .arco-collapse-item-content {
    background-color: rgba(248,249,254,.1)
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-tab-title--qLkMV {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n {
    padding: 8px 16px 16px
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n .index-module__video-container--Iw97y {
    font-size: 0
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n .index-module__video-container--Iw97y .index-module__video--kIkF- {
    height: 100%;
    width: 100%
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n .index-module__image-container--Z4pb7 {
    font-size: 0
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n .index-module__image-container--Z4pb7 img {
    height: 100%;
    width: 100%
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n .index-module__content-text-panel--JOHIX {
    margin-top: 6px
}

.index-module__multiple-features-mobile-container--bqWn1 .index-module__multiple-features-mobile-collapse--0Upa4 .index-module__mobile-content-container--zSa2n .index-module__content-text-panel--JOHIX .index-module__content-text-line--Ws0am {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__product-dyna-container--P7fgQ {
    background-color: #fff
}

.index-module__product-dyna-container--P7fgQ,.index-module__product-dyna-container--P7fgQ * {
    box-sizing: border-box
}

.index-module__product-dyna-container--P7fgQ a,.index-module__product-dyna-container--P7fgQ a:active,.index-module__product-dyna-container--P7fgQ a:hover,.index-module__product-dyna-container--P7fgQ a:link,.index-module__product-dyna-container--P7fgQ a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__product-dyna-card-container-pc--YXrlB {
    display: block;
    padding: 0 76px 5px;
    width: 1200px
}

.index-module__product-dyna-card-container-mobile--cVcqC {
    display: none
}

.index-module__product-dyna-carousel--LbFAz {
    display: flow-root;
    height: 153px;
    margin-bottom: 26px;
    visibility: hidden
}

.index-module__product-dyna-carousel--LbFAz>.arco-carousel-slide {
    box-sizing: content-box;
    margin: -21px;
    padding: 21px
}

.index-module__product-dyna-carousel--LbFAz>.arco-carousel-slide>div {
    left: 21px;
    margin: -21px;
    padding: 21px;
    position: absolute;
    top: 21px
}

.index-module__product-dyna-carousel--LbFAz .arco-carousel-indicator-outer.arco-carousel-indicator-dot {
    bottom: -30px
}

.index-module__product-dyna-carousel--LbFAz .arco-carousel-indicator-outer.arco-carousel-indicator-dot .arco-carousel-indicator-item {
    background-color: rgba(22,100,255,.1)
}

.index-module__product-dyna-carousel--LbFAz .arco-carousel-indicator-outer.arco-carousel-indicator-dot .arco-carousel-indicator-item-active,.index-module__product-dyna-carousel--LbFAz .arco-carousel-indicator-outer.arco-carousel-indicator-dot .arco-carousel-indicator-item:hover {
    background-color: #1664ff
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU>div {
    background-color: #f7f7f9;
    height: 46px;
    width: 46px
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU>div svg {
    stroke-width: 6;
    color: #454545;
    height: 20px;
    width: 20px
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU>div:hover {
    background-color: #f7f7f9;
    border: 1px solid #4281fd
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU>div:hover svg {
    color: #696969
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU>div:active {
    background-color: #f7f7f9;
    border: 1px solid #1664ff
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU>div:active svg {
    color: #454545
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU .arco-carousel-arrow-left {
    left: -76px
}

.index-module__product-dyna-carousel--LbFAz .index-module__product-dyna-carousel-arrow--nUaGU .arco-carousel-arrow-right {
    right: -76px
}

.index-module__dyna-card--HYoQ7 {
    border: 1px solid #e5e8ef;
    border-radius: 6px;
    cursor: pointer;
    flex: none;
    transition: box-shadow .5s,border .5s;
    width: 336px
}

.index-module__dyna-card--HYoQ7+.index-module__dyna-card--HYoQ7 {
    margin-left: 20px
}

.index-module__dyna-card--HYoQ7:hover {
    border: 1px solid #fff;
    box-shadow: 0 3px 18px rgba(51,65,101,.1)
}

.index-module__dyna-card--HYoQ7:hover .index-module__dyna-card-date--NY2jg {
    color: #1664ff
}

.index-module__dyna-card--HYoQ7 .index-module__dyna-card-a-tag--FX1S0 {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__dyna-card-empty--nVe4k {
    flex: none;
    margin-left: 20px;
    width: 336px
}

.index-module__dyna-card-date--NY2jg {
    align-items: center;
    border-bottom: 1px solid #e5e8ef;
    color: #181818;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 41px;
    justify-content: flex-start;
    letter-spacing: .002em;
    line-height: 24px;
    padding: 8px 16px;
    text-align: center
}

.index-module__dyna-card-tags-container--885S3 {
    align-items: center;
    display: flex;
    height: 42px;
    padding: 12px 16px
}

.index-module__dyna-card-tag--Zl7BS {
    align-items: center;
    background-color: rgba(22,100,255,.1);
    border-radius: 2px;
    color: #1664ff;
    display: inline-flex;
    flex: none;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 18px;
    padding: 0 6px;
    width: 61px
}

.index-module__dyna-card-tag--Zl7BS+.index-module__dyna-card-tag--Zl7BS {
    margin-left: 6px
}

.index-module__dyna-card-text--mm1aJ {
    color: hsla(0,0%,9%,.8);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    min-height: 64px;
    padding: 0 16px 20px
}

.index-module__dyna-card-group--jrpWZ {
    background-color: #fff;
    display: flex
}

.index-module__product-dyna-card-mobile-outside---k01S {
    display: flow-root
}

.index-module__product-dyna-card-mobile-outer--elmrF {
    box-sizing: content-box;
    margin: -20px;
    overflow: hidden;
    padding: 20px;
    transition: height .2s cubic-bezier(.34,.69,.1,1);
    visibility: hidden
}

.index-module__product-dyna-card-mobile-wrapper--\+3KrY {
    position: relative
}

.index-module__product-dyna-card-mobile-fold-expand--c9Mpc {
    align-items: center;
    color: #1664ff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 22px;
    padding-top: 20px
}

.index-module__product-dyna-card-mobile-fold-expand-icon--BdAD0 {
    height: 22px;
    padding-left: 6px;
    width: 22px
}

@media screen and (max-width: 767px) {
    .index-module__product-dyna-card-container-pc--YXrlB {
        display:none
    }

    .index-module__product-dyna-card-container-mobile--cVcqC {
        display: block;
        width: 100%
    }

    .index-module__product-dyna-card-container-mobile--cVcqC .index-module__dyna-card--HYoQ7 {
        width: 100%
    }

    .index-module__product-dyna-card-container-mobile--cVcqC .index-module__dyna-card--HYoQ7+.index-module__dyna-card--HYoQ7 {
        margin-left: unset;
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__product-dyna-card-container-pc--YXrlB {
        display:none
    }

    .index-module__product-dyna-card-container-mobile--cVcqC {
        display: block;
        width: 100%
    }

    .index-module__product-dyna-card-container-mobile--cVcqC .index-module__product-dyna-card-mobile-wrapper--\+3KrY {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }

    .index-module__dyna-card--HYoQ7 {
        width: 100%
    }

    .index-module__dyna-card--HYoQ7+.index-module__dyna-card--HYoQ7 {
        margin-left: unset
    }
}

@media screen and (min-width: 1680px) {
    .index-module__product-dyna-card-container-pc--YXrlB {
        width:1440px
    }

    .index-module__dyna-card--HYoQ7 {
        border-radius: 8px;
        width: 416px
    }

    .index-module__dyna-card-empty--nVe4k {
        width: 416px
    }

    .index-module__dyna-card-date--NY2jg {
        padding: 8px 24px
    }

    .index-module__dyna-card-tags-container--885S3 {
        padding: 12px 24px
    }

    .index-module__dyna-card-text--mm1aJ {
        padding: 0 24px 28px
    }
}

@font-face {
    font-family: Byte Sans;
    src: url(./webfonts/ByteSans-Bold.ttf)
}

.index-module__mkt-appbar-body--81b99 #appbar {
    display: none
}

.index-module__mkt-appbar--n7Ktz {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.index-module__mkt-appbar--n7Ktz,.index-module__mkt-appbar--n7Ktz * {
    box-sizing: border-box
}

.index-module__mkt-appbar--n7Ktz a,.index-module__mkt-appbar--n7Ktz a:active,.index-module__mkt-appbar--n7Ktz a:hover,.index-module__mkt-appbar--n7Ktz a:link,.index-module__mkt-appbar--n7Ktz a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0 102px 0 32px;
    position: absolute;
    transform: translateY(0);
    transition: transform .2s ease;
    width: 100%
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE:after {
    background-color: rgba(0,0,0,.05);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE[data-hidden=true] {
    transform: translateY(-100%)
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__mkt-appbar-logo--xiIra {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex: none;
    height: 100%;
    width: 100px
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E {
    align-items: center;
    display: flex;
    flex: none;
    height: 100%;
    padding: 0 16px
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 {
    align-items: center;
    background-color: rgba(22,100,255,.1);
    border-radius: 200px;
    display: flex;
    flex: none;
    height: 42px;
    padding: 20px
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 .index-module__tel-text-icon--IHvS7 {
    flex: none;
    font-size: 0;
    height: 16px;
    width: 16px
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 .index-module__tel-text-icon--IHvS7 svg {
    height: 100%;
    width: 100%
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 .index-module__tel-text-text--RVdYZ {
    color: #1664ff;
    flex: none;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 24px;
    margin-left: 8px
}

.index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-number--qwYJj {
    color: #1664ff;
    flex: none;
    font-family: Byte Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    letter-spacing: .052em;
    line-height: 24px;
    margin-left: 20px
}

@media screen and (max-width: 600.99999px) {
    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE {
        height:48px;
        padding: 0 0 0 16px
    }

    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__mkt-appbar-logo--xiIra {
        width: 90px
    }

    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 {
        height: 24px;
        padding: 8px
    }

    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 .index-module__tel-text-icon--IHvS7 {
        height: 10px;
        width: 10px
    }

    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-text-container--G6fN7 .index-module__tel-text-text--RVdYZ {
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        margin-left: 4px
    }

    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE .index-module__tel-container--ckz0E .index-module__tel-number--qwYJj {
        font-size: 12px;
        line-height: 14px;
        margin-left: 10px
    }
}

@media screen and (min-width: 601px) and (max-width:1023.99999px) {
    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE {
        padding:0 0 0 32px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__mkt-appbar--n7Ktz .index-module__mkt-appbar-wrapper--QILFE {
        padding:0 218px 0 32px
    }
}

.index-module__product-spec-container--QI\+jV {
    background-color: #fff;
    display: flow-root
}

.index-module__product-spec-container--QI\+jV,.index-module__product-spec-container--QI\+jV * {
    box-sizing: border-box
}

.index-module__product-spec-container--QI\+jV a,.index-module__product-spec-container--QI\+jV a:active,.index-module__product-spec-container--QI\+jV a:hover,.index-module__product-spec-container--QI\+jV a:link,.index-module__product-spec-container--QI\+jV a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__cards-panel--ZZLfB {
    display: flex;
    margin: -21px;
    overflow: auto;
    padding: 21px
}

.index-module__product-card-container--kriJ3 {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 18px rgba(51,65,101,.1);
    flex: none;
    overflow: hidden;
    padding: 24px;
    position: relative;
    width: 285px
}

.index-module__product-card-container--kriJ3+.index-module__product-card-container--kriJ3 {
    margin-left: 20px
}

.index-module__card-tag--keUrA {
    height: 22px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 78px
}

.index-module__cardTag-trapezoid--uxiys {
    background: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    border-radius: 7px;
    height: 29px;
    position: absolute;
    transform: matrix(1,0,.3182,1,3,-7);
    width: 78px
}

.index-module__cardTag-text--8Z1nC {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    left: 16px;
    line-height: 24px;
    position: absolute;
    width: 49px
}

.index-module__product-panel--yRjjU {
    margin-bottom: 20px
}

.index-module__card-title--9GtPI {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin-bottom: 10px
}

.index-module__card-des--RqtEe {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-bottom: 20px
}

.index-module__product-selector--I7JCw.arco-select.arco-select-single .arco-select-view {
    background-color: #f8f9fe;
    height: 40px;
    line-height: unset;
    padding: 0 12px
}

.index-module__product-selector--I7JCw.arco-select.arco-select-single .arco-select-view:hover {
    border-color: #1664ff
}

.index-module__product-selector--I7JCw.arco-select.arco-select-single .arco-select-view .arco-select-view-value {
    align-items: center;
    display: inline-flex
}

.index-module__product-selector--I7JCw.arco-select.arco-select-single.arco-select-focused .arco-select-view {
    background-color: #fff
}

.index-module__product-selector--I7JCw.arco-select.arco-select-single svg {
    stroke: #181818;
    stroke-width: 6
}

.index-module__product-selector--I7JCw.index-module__product-selector-single--90upr.arco-select.arco-select-single {
    cursor: unset
}

.index-module__product-selector--I7JCw.index-module__product-selector-single--90upr.arco-select.arco-select-single .arco-select-view {
    border-color: transparent
}

.index-module__product-selector--I7JCw.index-module__product-selector-single--90upr.arco-select.arco-select-single.arco-select-focused .arco-select-view {
    background-color: #f8f9fe
}

.index-module__product-popup--W2Bxb {
    max-height: 144px!important
}

.index-module__product-popup--W2Bxb .arco-select-option-hover {
    background-color: #f8f9fe
}

.index-module__product-popup--W2Bxb::-webkit-scrollbar {
    width: 4px
}

.index-module__product-popup--W2Bxb::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border-radius: 100px
}

.index-module__option-panel--NhYY0 {
    align-items: center;
    display: flex;
    height: 36px
}

.index-module__product-name--pVVNf {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.index-module__product-name--pVVNf,.index-module__tip--uu9Rw {
    display: inline-block;
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__tip--uu9Rw {
    color: #4e5969;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.index-module__product-info-container--Y\+PVg {
    font-size: 0;
    height: 196px;
    position: relative
}

.index-module__product-info--BRWet {
    display: none;
    position: absolute;
    width: 100%
}

.index-module__product-info--BRWet.index-module__active--u8s\+G {
    display: block
}

.index-module__des-container--KK6V1 {
    font-size: 14px;
    height: 126px;
    overflow: auto;
    padding: 20px 0 10px
}

.index-module__des-panel--WmkNF {
    align-items: flex-start;
    display: flex;
    margin-bottom: 10px
}

.index-module__yes-icon--pe7lf {
    align-items: center;
    display: flex;
    flex: none;
    height: 22px
}

.index-module__des--pW-Ee {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    padding-left: 6px;
    white-space: pre-wrap
}

.index-module__line--7PTME {
    background-color: #9fa2b5;
    height: 1px;
    margin-bottom: 10px;
    opacity: .3
}

.index-module__product-tag--AoX1\+ {
    align-items: center;
    border: 1px solid hsla(240,1%,67%,.3);
    border-radius: 2px;
    color: #4e5969;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 20px;
    padding: 0 8px
}

.index-module__product-tag--AoX1\+.index-module__product-tag-empty--0tN\+p {
    border: unset
}

.index-module__price-panel--ZecH9 {
    padding-top: 12px
}

.index-module__price-small--dW-ag {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.index-module__price-big--r20AE,.index-module__price-small--dW-ag {
    color: #f50505;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em
}

.index-module__price-big--r20AE {
    font-size: 30px;
    line-height: 24px
}

.index-module__price-unit--FTgbV {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    text-align: center
}

.index-module__cut-icon--6SA2K {
    align-items: center;
    background-color: #f50505;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    margin: 0 8px 0 20px;
    transform: translateY(-3px);
    width: 18px
}

.index-module__cut-value--l4fP4 {
    color: #86909c;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    -webkit-text-decoration: line-through solid #86909c;
    text-decoration: line-through solid #86909c
}

.index-module__product-button--DMppH {
    align-items: center;
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 24px;
    text-align: center
}

.index-module__product-button--DMppH:hover {
    background-color: #4281ff
}

.index-module__product-button--DMppH:active {
    background-color: #05f
}

@media screen and (max-width: 767px) {
    .index-module__product-spec-container--QI\+jV {
        width:100%
    }

    .index-module__cards-panel--ZZLfB {
        display: block
    }

    .index-module__product-card-container--kriJ3 {
        width: 100%
    }

    .index-module__product-card-container--kriJ3+.index-module__product-card-container--kriJ3 {
        margin-left: unset;
        margin-top: 20px
    }

    .index-module__product-info-container--Y\+PVg {
        height: 84px
    }

    .index-module__product-info--BRWet {
        padding-top: 25px
    }

    .index-module__des-container--KK6V1,.index-module__line--7PTME {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__product-spec-container--QI\+jV {
        width:100%
    }

    .index-module__cards-panel--ZZLfB {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }

    .index-module__product-card-container--kriJ3 {
        padding: 32px;
        width: unset
    }

    .index-module__product-card-container--kriJ3+.index-module__product-card-container--kriJ3 {
        margin-left: unset
    }
}

@media screen and (min-width: 1680px) {
    .index-module__product-card-container--kriJ3 {
        padding:32px;
        width: 345px
    }
}

body {
    position: relative
}

.index-module__product-spec-three-card-container--QvmM9 {
    background-color: #fff;
    display: flow-root
}

.index-module__product-spec-three-card-container--QvmM9,.index-module__product-spec-three-card-container--QvmM9 * {
    box-sizing: border-box
}

.index-module__product-spec-three-card-container--QvmM9 a,.index-module__product-spec-three-card-container--QvmM9 a:active,.index-module__product-spec-three-card-container--QvmM9 a:hover,.index-module__product-spec-three-card-container--QvmM9 a:link,.index-module__product-spec-three-card-container--QvmM9 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT {
    display: flex;
    margin: -21px;
    overflow: auto;
    padding: 21px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 18px rgba(51,78,118,.15);
    overflow: hidden;
    padding: 24px;
    position: relative;
    width: 381px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW:not(:first-child) {
    margin-left: 28px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__card-title--3UIeL {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #181818;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__card-des--PYBco {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #4e5969;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 22px;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU {
    margin-top: 16px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.arco-select.arco-select-single .arco-select-view {
    background-color: #eff2fa;
    border-radius: 4px;
    height: 40px;
    line-height: unset;
    padding: 0 12px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.arco-select.arco-select-single .arco-select-view:hover {
    border-color: #1664ff
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.arco-select.arco-select-single .arco-select-view .arco-select-view-value {
    align-items: center;
    display: inline-flex
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.arco-select.arco-select-single.arco-select-focused .arco-select-view {
    background-color: #fff
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.arco-select.arco-select-single svg {
    stroke: #181818;
    stroke-width: 6
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.index-module__product-selector-single--Wqms1.arco-select.arco-select-single {
    cursor: unset
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.index-module__product-selector-single--Wqms1.arco-select.arco-select-single .arco-select-view {
    border-color: transparent
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU.index-module__product-selector-single--Wqms1.arco-select.arco-select-single.arco-select-focused .arco-select-view {
    background-color: #eff2fa
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 {
    font-size: 0;
    position: relative
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv.index-module__active--CpNaB {
    display: block;
    position: relative
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__des-container--Fbvrl {
    font-size: 14px;
    height: 126px;
    overflow: auto;
    padding: 20px 0 10px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__des-container--Fbvrl .index-module__des-panel--e09AN {
    align-items: flex-start;
    display: flex;
    margin-bottom: 10px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__des-container--Fbvrl .index-module__des-panel--e09AN .index-module__yes-icon--17LRK {
    align-items: center;
    display: flex;
    flex: none;
    height: 22px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__des-container--Fbvrl .index-module__des-panel--e09AN .index-module__des--PUh3z {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    padding-left: 6px;
    white-space: pre-wrap
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__line--BOw0k {
    background-color: #ebebeb;
    height: 1px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__product-tag-container--R51dW {
    height: 18px;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__product-tag-container--R51dW .index-module__product-tag--hju1F+.index-module__product-tag--hju1F {
    margin-left: 4px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__product-tag-container--R51dW .index-module__product-tag--hju1F {
    align-items: center;
    border: 1px solid hsla(240,1%,67%,.3);
    border-radius: 2px;
    color: #4e5969;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 20px;
    padding: 0 8px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg {
    margin-top: 12px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-new--7b-Rs {
    height: 30px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-new--7b-Rs .index-module__price-text--0XqoU.index-module__small--vuehF {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-new--7b-Rs .index-module__price-text--0XqoU.index-module__big--hXljv {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-new--7b-Rs .index-module__price-text--0XqoU.index-module__text--d521q {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 25px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-new--7b-Rs .index-module__price-text--0XqoU.index-module__gray--plbiT {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-old--salzh {
    height: 20px;
    margin-top: 8px
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__price-panel--7fYAg .index-module__price-old--salzh .index-module__cut-value--dsKFF {
    color: rgba(78,89,105,.5);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    -webkit-text-decoration: line-through solid #afb4bb;
    text-decoration: line-through solid #afb4bb
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__product-button--Egfcx {
    align-items: center;
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: block;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    letter-spacing: .002em;
    line-height: 24px;
    margin-top: 16px;
    text-align: center
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__product-button--Egfcx:hover {
    background-color: #4281ff
}

.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__product-button--Egfcx:active {
    background-color: #05f
}

@media screen and (max-width: 767px) {
    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT {
        display:block
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW {
        width: 100%
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW:not(:first-child) {
        margin-left: 0;
        margin-top: 20px
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-selector--lZEmU {
        margin-bottom: 14px
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__des-container--Fbvrl,.index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__product-info-container--5thJ8 .index-module__product-info--p16Cv .index-module__line--BOw0k {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT {
        flex-wrap:nowrap
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW {
        flex: none;
        width: 311px
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW:not(:first-child) {
        margin-left: 20px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW {
        padding:32px;
        width: 456px
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW:not(:first-child) {
        margin-left: 36px
    }

    .index-module__product-spec-three-card-container--QvmM9 .index-module__cards-panel--D2xaT .index-module__product-card-container--O7MHW .index-module__product-panel--Lf6As .index-module__card-title--3UIeL {
        font-size: 20px
    }
}

.index-module__product-popup--ZX-uF {
    max-height: 144px!important
}

.index-module__product-popup--ZX-uF .arco-select-option-hover {
    background-color: #eff2fa
}

.index-module__product-popup--ZX-uF::-webkit-scrollbar {
    width: 4px
}

.index-module__product-popup--ZX-uF::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border-radius: 100px
}

.index-module__option-panel--XpKlJ {
    align-items: center;
    display: flex;
    height: 36px
}

.index-module__product-name--ilYZ4 {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.index-module__product-name--ilYZ4,.index-module__tip--Hsu3d {
    display: inline-block;
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em
}

.index-module__tip--Hsu3d {
    color: #4e5969;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.index-module__card-tag--tUA9k {
    height: 24px;
    overflow: hidden;
    padding: 0 13px 0 16px;
    position: absolute;
    right: 0;
    top: 0
}

.index-module__card-tag--tUA9k .index-module__cardTag-trapezoid--pjDsk {
    background-image: linear-gradient(270deg,#f71510,#ff7c53 107.82%);
    border-radius: 8px;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    transform: matrix(1,0,.3182,1,3,-8);
    width: 100%
}

.index-module__card-tag--tUA9k .index-module__cardTag-text--jGKTC {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    position: relative;
    z-index: 1
}

.index-module__scene-container--8vUFw,.index-module__scene-container--8vUFw * {
    box-sizing: border-box
}

.index-module__scene-container--8vUFw a,.index-module__scene-container--8vUFw a:active,.index-module__scene-container--8vUFw a:hover,.index-module__scene-container--8vUFw a:link,.index-module__scene-container--8vUFw a:visited {
    text-decoration: none
}

.index-module__scene-pc--l8WbF {
    display: block
}

.index-module__scene-mobile--YxPC6,.index-module__scene-pad--hmGa2 {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__scene-pc--l8WbF {
        display:none
    }

    .index-module__scene-mobile--YxPC6 {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__scene-pc--l8WbF {
        display:none
    }

    .index-module__scene-pad--hmGa2 {
        display: block
    }
}

.index-module__scene-pc-container--Pr86I {
    width: 1200px
}

.index-module__tabs-header--4SLIK {
    position: relative;
    width: 100%
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp {
    display: flex;
    justify-content: center
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title--KWOfT+.index-module__tabs-header-title--KWOfT {
    margin-left: 32px
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title--KWOfT {
    align-items: flex-start;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex: none;
    height: 53px
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title--KWOfT .index-module__tabs-header-title-text--elbMW {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title--KWOfT:hover .index-module__tabs-header-title-text--elbMW {
    color: #80838a
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title-active--00by3 .index-module__tabs-header-title-text--elbMW,.index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title-active--00by3:hover .index-module__tabs-header-title-text--elbMW {
    color: #1664ff;
    font-weight: 500
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-line--5r-l7 {
    background-color: #f2f2f2;
    height: 1px;
    left: 50%;
    min-width: 1200px;
    position: absolute;
    top: 52px;
    transform: translateX(-50%);
    width: 100vw
}

.index-module__tabs-header--4SLIK .index-module__tabs-header-ink--qB-Dk {
    background-color: #1664ff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 2px;
    position: absolute;
    top: 51px;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1);
    z-index: 1
}

.index-module__tabs-content--SS8-W {
    height: 480px;
    padding-top: 48px;
    position: relative
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 {
    display: none;
    position: absolute
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ {
    align-items: center;
    display: flex;
    flex: none;
    height: 432px;
    justify-content: center;
    width: 600px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 {
    display: flex;
    flex: none;
    flex-direction: column;
    height: 432px;
    justify-content: center;
    overflow: hidden;
    padding: 0 110px 0 72px;
    width: 600px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-title--k4wuz {
    color: #181818;
    font-family: PingFang SC;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .002em;
    line-height: 36px;
    margin: unset
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-des--Ekr7j .index-module__des-line-text--bfb\+b {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-des--Ekr7j .index-module__des-line-text--bfb\+b:first-child {
    margin-top: 16px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-des--Ekr7j .index-module__des-line-subtitle--WdvFT {
    align-items: center;
    color: #181818;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 24px;
    margin: 12px 0 4px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-des--Ekr7j .index-module__des-line-subtitle--WdvFT .index-module__dot--WJ\+nW {
    background-color: #181818;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin-right: 8px;
    width: 5px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO {
    margin-top: 32px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR {
    align-items: flex-start;
    display: flex
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-title--tsZ0c {
    color: #86909c;
    flex: none;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin-right: 6px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-right: -16px;
    min-width: 0
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name--mEE02 {
    border: 1px solid #c9cdd4;
    border-radius: 2px;
    color: #4e5969;
    cursor: pointer;
    flex: none;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
    margin-right: 16px;
    overflow: hidden;
    padding: 4px 15px;
    position: relative
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name--mEE02 .index-module__multiple-active-corner-icon--EdTPy {
    bottom: 0;
    display: none;
    position: absolute;
    right: 0
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name--mEE02 .index-module__multiple-active-corner-icon--EdTPy .index-module__triangle--c0NeP {
    border-color: transparent transparent #1664ff;
    border-style: solid;
    border-width: 0 0 14px 14px;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name--mEE02 .index-module__multiple-active-corner-icon--EdTPy .index-module__yes-icon--dgm8I {
    bottom: 2px;
    position: absolute;
    right: 2px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name-multiple-active--LtJHX,.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name-single-active--R9fFI {
    border: 1px solid #1664ff;
    color: #1664ff
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-config--XMKKR .index-module__selection-config-name-panel--\+PTBY .index-module__selection-config-name-multiple-active--LtJHX .index-module__multiple-active-corner-icon--EdTPy {
    display: block
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS {
    align-items: baseline;
    display: flex;
    margin-top: 12px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS .index-module__selection-price-title--04rj9 {
    color: #86909c;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-right: 6px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS .index-module__selection-price-value-panel--CdtTm {
    display: inline-block
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS .index-module__selection-price-value-panel--CdtTm .index-module__selection-price-text--4QAF9 {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS .index-module__selection-price-value-panel--CdtTm .index-module__selection-price-currency--Bjs3\+ {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS .index-module__selection-price-value-panel--CdtTm .index-module__selection-price-value--ekIOM {
    color: #f50505;
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .002em;
    line-height: 32px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-selection--fs4wO .index-module__tabs-content-selection-price--ZzoNS .index-module__selection-price-value-panel--CdtTm .index-module__selection-price-unit--ta8nm {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-buttons--uqmZY {
    display: flex;
    margin-top: 32px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-buttons--uqmZY .index-module__tabs-content-tab-button--7opT1 {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: block;
    flex: none;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 42px;
    letter-spacing: .002em;
    line-height: 42px;
    position: relative;
    text-align: center;
    width: 114px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-buttons--uqmZY .index-module__tabs-content-tab-button--7opT1:hover {
    background-color: #4281ff
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-buttons--uqmZY .index-module__tabs-content-tab-button--7opT1:active {
    background-color: #05f
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-buttons--uqmZY .index-module__tabs-content-tab-button--7opT1 .index-module__button-tag--dx\+q5 {
    font-size: 0;
    height: 17px;
    position: absolute;
    right: -5px;
    top: -9px;
    z-index: 1
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 .index-module__tabs-content-tab-buttons--uqmZY .index-module__tabs-content-tab-button--7opT1 .index-module__button-tag--dx\+q5 img {
    display: block;
    height: 100%
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-right-container--mDvmF {
    align-items: center;
    display: flex;
    flex: none;
    height: 432px;
    justify-content: center;
    width: 600px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-right-container--mDvmF .index-module__tabs-content-tab-right--b1llf {
    flex: none;
    height: 432px;
    overflow: hidden;
    width: 600px
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-right-container--mDvmF .index-module__tabs-content-tab-right--b1llf .index-module__tabs-content-tab-image--kZkak {
    font-size: 0;
    height: 100%;
    width: 100%
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-right-container--mDvmF .index-module__tabs-content-tab-right--b1llf img {
    height: 100%;
    width: 100%
}

@-webkit-keyframes index-module__appear---O2U5 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes index-module__appear---O2U5 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes index-module__disappear--JLU5T {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes index-module__disappear--JLU5T {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@-webkit-keyframes index-module__fadeIn--23WX9 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes index-module__fadeIn--23WX9 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes index-module__fadeOut--cJwgp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes index-module__fadeOut--cJwgp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab-active--8HX5D {
    align-items: center;
    display: flex;
    justify-content: center
}

.index-module__tabs-content--SS8-W .index-module__tabs-content-tab-active--8HX5D .index-module__tabs-content-tab-left--OFe\+2,.index-module__tabs-content--SS8-W .index-module__tabs-content-tab-active--8HX5D .index-module__tabs-content-tab-right--b1llf {
    -webkit-animation: index-module__fadeIn--23WX9 .5s;
    animation: index-module__fadeIn--23WX9 .5s
}

@media screen and (min-width: 1680px) {
    .index-module__scene-pc-container--Pr86I {
        width:1440px
    }

    .index-module__tabs-header--4SLIK .index-module__tabs-header-title-panel--m9Amp .index-module__tabs-header-title--KWOfT+.index-module__tabs-header-title--KWOfT {
        margin-left: 40px
    }

    .index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ {
        width: 770px
    }

    .index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-left-container--\+-ApQ .index-module__tabs-content-tab-left--OFe\+2 {
        padding: 0 193px 0 70px;
        width: 770px
    }

    .index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-right-container--mDvmF {
        width: 670px
    }

    .index-module__tabs-content--SS8-W .index-module__tabs-content-tab--ZLUb6 .index-module__tabs-content-tab-right-container--mDvmF .index-module__tabs-content-tab-right--b1llf {
        padding-right: 70px;
        width: 670px
    }
}

.index-module__scene-pad-container--bOdqH {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.index-module__scene-card--DneKi {
    background-color: #f8f9fe;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 25px
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG {
    flex: none;
    height: 152px
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-title--yCqer {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: unset;
    text-align: center
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-des--UoA3r {
    margin-top: 8px;
    max-height: 88px;
    overflow: hidden
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-des--UoA3r .index-module__des-line--4GfC7 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #4e5969;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-link--RaVoG {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-link--RaVoG .index-module__card-link-a--O4jaD {
    display: block;
    flex: none
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-link--RaVoG .index-module__card-link-a--O4jaD .index-module__card-link-panel--HNcYU {
    color: #1664ff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    text-align: center
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-link--RaVoG .index-module__card-link-a--O4jaD .index-module__card-link-panel--HNcYU .index-module__link-arrow--yjMBm {
    flex: none;
    margin-left: 5px
}

.index-module__scene-card--DneKi .index-module__card-top--zlwgG .index-module__card-link--RaVoG .index-module__card-link-a--O4jaD .index-module__card-link-panel--HNcYU .index-module__link-arrow--yjMBm svg {
    height: 14px;
    width: 14px
}

.index-module__scene-card--DneKi .index-module__card-bottom--RscLJ {
    flex: none;
    font-size: 0;
    margin-top: 20px;
    width: 100%
}

.index-module__scene-card--DneKi .index-module__card-bottom--RscLJ img {
    width: 100%
}

.index-module__scene-card--DneKi .index-module__card-bottom--RscLJ .index-module__related-products--92X9y .index-module__related-products-title--XO1dj {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px
}

.index-module__scene-card--DneKi .index-module__card-bottom--RscLJ .index-module__related-products--92X9y .index-module__related-products-panel--zQJKb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
    margin-right: -16px;
    margin-top: 8px;
    width: 100%
}

.index-module__scene-card--DneKi .index-module__card-bottom--RscLJ .index-module__related-products--92X9y .index-module__related-products-panel--zQJKb .index-module__product--DTNmC {
    background-color: #fff;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-bottom: 8px;
    margin-right: 16px;
    padding: 7px 12px
}

.index-module__scene-mobile-container---A7u9 {
    width: 100%
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__scene-mobile-collapse--rvwDF .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__mobile-tab-title--aX1im {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo {
    padding: 0 16px 16px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__mobile-tab-image--mNjV0 {
    font-size: 0;
    margin-bottom: 34px;
    width: 100%
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__mobile-tab-image--mNjV0 img {
    width: 100%
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__mobile-tab-long-title--GCT47 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__mobile-tab-des--5b54X {
    margin-top: 12px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__mobile-tab-des--5b54X .index-module__des-line--q\+pv7 {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 {
    margin-top: 12px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 {
    align-items: flex-start;
    display: flex
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-right: -16px;
    min-width: 0
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name--aUZHH {
    border: 1px solid #c9cdd4;
    border-radius: 2px;
    color: #4e5969;
    cursor: pointer;
    flex: none;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
    margin-right: 16px;
    overflow: hidden;
    padding: 4px 15px;
    position: relative
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name--aUZHH .index-module__multiple-active-corner-icon--eHL7Z {
    bottom: 0;
    display: none;
    position: absolute;
    right: 0
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name--aUZHH .index-module__multiple-active-corner-icon--eHL7Z .index-module__triangle--hio2R {
    border-color: transparent transparent #1664ff;
    border-style: solid;
    border-width: 0 0 14px 14px;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name--aUZHH .index-module__multiple-active-corner-icon--eHL7Z .index-module__yes-icon---K8IX {
    bottom: 2px;
    position: absolute;
    right: 2px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name-multiple-active--T0L-H,.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name-single-active--6cXx2 {
    border: 1px solid #1664ff;
    color: #1664ff
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-config--9Iex7 .index-module__selection-config-name-panel--TJDXr .index-module__selection-config-name-multiple-active--T0L-H .index-module__multiple-active-corner-icon--eHL7Z {
    display: block
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG {
    align-items: baseline;
    display: flex;
    margin-top: 18px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG .index-module__selection-price-title--ghS5e {
    color: #86909c;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-right: 6px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG .index-module__selection-price-value-panel--x-wyy {
    display: inline-block
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG .index-module__selection-price-value-panel--x-wyy .index-module__selection-price-text--nz3jl {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 24px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG .index-module__selection-price-value-panel--x-wyy .index-module__selection-price-currency--evWU3 {
    color: #f50505;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG .index-module__selection-price-value-panel--x-wyy .index-module__selection-price-value--Zgy2m {
    color: #f50505;
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .002em;
    line-height: 32px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__tabs-content-selection--9btT0 .index-module__tabs-content-selection-price--GCKeG .index-module__selection-price-value-panel--x-wyy .index-module__selection-price-unit--75ZfL {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__scene-mobile-collapse--rvwDF .index-module__scene-mobile-tab--AvEzo .index-module__mobile-tab-button--mJoQ3 {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 42px;
    letter-spacing: .01em;
    line-height: 42px;
    margin-top: 16px;
    text-align: center;
    width: 100%
}

.index-module__card-container--uKYNs {
    background-image: linear-gradient(253.33deg,#f8fbff,#edf5ff 50%,#f8f3f6)
}

.index-module__service-container--muaYd,.index-module__service-container--muaYd * {
    box-sizing: border-box
}

.index-module__service-container--muaYd a,.index-module__service-container--muaYd a:active,.index-module__service-container--muaYd a:hover,.index-module__service-container--muaYd a:link,.index-module__service-container--muaYd a:visited {
    text-decoration: none
}

.index-module__service-pc--\+XMCF {
    display: block
}

.index-module__service-mobile--aKALJ,.index-module__service-pad--ftdBk {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__card-container--uKYNs {
        background-color:#fff;
        background-image: unset
    }

    .index-module__service-pc--\+XMCF {
        display: none
    }

    .index-module__service-mobile--aKALJ {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__card-container--uKYNs {
        background-color:#fff;
        background-image: unset
    }

    .index-module__service-pc--\+XMCF {
        display: none
    }

    .index-module__service-pad--ftdBk {
        display: block
    }
}

.index-module__service-pc-container--pPzN3 {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.29),#f8fbff);
    border: 1px solid #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(46,93,243,.1);
    display: flex;
    height: 480px;
    position: relative;
    width: 1200px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG {
    border-bottom-left-radius: 12px;
    border-right: 1px solid #e7efff;
    border-top-left-radius: 12px;
    display: flex;
    flex: none;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 180px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel--C4XeB {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: flex-start;
    width: 100%
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel--C4XeB .index-module__tabs-header-panel-icon--yEYks {
    font-size: 0;
    height: 18px;
    margin-left: 28px;
    margin-right: 8px;
    width: 18px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel--C4XeB .index-module__tabs-header-panel-icon--yEYks .index-module__icon-normal--HuXfz {
    display: block
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel--C4XeB .index-module__tabs-header-panel-icon--yEYks .index-module__icon-active--iTuSV {
    display: none
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel--C4XeB .index-module__tabs-header-panel-title--rrFgC {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel-active--3FRQg {
    background-image: linear-gradient(90deg,#7379fa,#50a0fe 47.92%,#50aafe)
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel-active--3FRQg .index-module__tabs-header-panel-icon--yEYks .index-module__icon-normal--HuXfz {
    display: none
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel-active--3FRQg .index-module__tabs-header-panel-icon--yEYks .index-module__icon-active--iTuSV {
    display: block
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel-active--3FRQg .index-module__tabs-header-panel-title--rrFgC {
    color: #fff;
    font-weight: 500
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb {
    flex: none;
    height: 100%;
    position: relative;
    width: 1018px
}

@-webkit-keyframes index-module__fadeIn--n\+jXn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes index-module__fadeIn--n\+jXn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes index-module__fadeOut--cSfX- {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes index-module__fadeOut--cSfX- {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW {
    flex: none;
    padding: 64px 45px 20px 66px;
    width: 481px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-title--ibIVO {
    color: #181818;
    font-family: PingFang SC;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 39px;
    margin: 0
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-des--dWA3D {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px;
    margin-top: 10px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-title--Ip\+oz {
    background-color: #ebeff4;
    border-radius: 8px;
    height: 40px;
    margin-top: 30px;
    padding: 4px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-title--Ip\+oz .index-module__inner-title--BuBw3 {
    color: #41464f;
    cursor: pointer;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    letter-spacing: .003em;
    line-height: 32px;
    padding: 0 14px;
    position: relative;
    z-index: 2
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-title--Ip\+oz .index-module__inner-title--BuBw3:hover {
    color: #80838a
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-title--Ip\+oz .index-module__inner-title-active--jdrL8,.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-title--Ip\+oz .index-module__inner-title-active--jdrL8:hover {
    color: #1664ff
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-title--Ip\+oz .index-module__inner-indicator--FNpKU {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1.15625px 2.3125px rgba(0,0,0,.07),0 .578125px 1.15625px rgba(0,0,0,.05),0 0 0 .578125px rgba(213,219,227,.7);
    height: 32px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s cubic-bezier(.34,.69,.1,1);
    z-index: 1
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM {
    height: 80px;
    margin-top: 24px;
    position: relative
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 {
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-des--uhx4k .index-module__inner-des-line--gHBx4+.index-module__inner-des-line--gHBx4 {
    margin-top: 10px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-des--uhx4k .index-module__inner-des-line--gHBx4 .index-module__yes-icon--xw5SQ {
    align-items: center;
    background-color: rgba(21,98,255,.1);
    border-radius: 50%;
    display: inline-flex;
    height: 14px;
    justify-content: center;
    margin-right: 6px;
    vertical-align: middle;
    width: 14px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-des--uhx4k .index-module__inner-des-line--gHBx4 .index-module__yes-icon--xw5SQ img {
    height: 10px;
    width: 10px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-des--uhx4k .index-module__inner-des-line--gHBx4 .index-module__inner-des-line-text--saKa4 {
    color: #282828;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 20px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-button--qRkUZ {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 42px;
    letter-spacing: .01em;
    line-height: 42px;
    margin-top: 56px;
    padding: 0 24px;
    text-align: center
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-button--qRkUZ:hover {
    background-color: #4281ff
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content--3NeZ7 .index-module__inner-content-button--qRkUZ:active {
    background-color: #05f
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW .index-module__tabs-content-left-inner-content--lA8HM .index-module__inner-content-active--LTlLE {
    -webkit-animation: index-module__fadeIn--n\+jXn .5s;
    animation: index-module__fadeIn--n\+jXn .5s;
    display: block
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-right--Q1AI\+ {
    flex: none;
    font-size: 0;
    padding: 19px 27px 19px 0;
    width: 537px
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-right--Q1AI\+ .index-module__inner-image--rPAP2 {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-right--Q1AI\+ .index-module__inner-image-active--FJQ03 {
    -webkit-animation: index-module__fadeIn--n\+jXn .5s;
    animation: index-module__fadeIn--n\+jXn .5s;
    display: block
}

.index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel-active--Tv1LX {
    -webkit-animation: index-module__fadeIn--n\+jXn .5s;
    animation: index-module__fadeIn--n\+jXn .5s;
    display: flex
}

@media screen and (min-width: 1680px) {
    .index-module__service-pc-container--pPzN3 {
        width:1440px
    }

    .index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG {
        width: 197px
    }

    .index-module__service-pc-container--pPzN3 .index-module__tabs-header--g7MkG .index-module__tabs-header-panel--C4XeB .index-module__tabs-header-panel-icon--yEYks {
        margin-left: 36px
    }

    .index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb {
        width: 1241px
    }

    .index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-left--9J1nW {
        padding: 64px 161px 20px 83px;
        width: 682px
    }

    .index-module__service-pc-container--pPzN3 .index-module__tabs-content--MIZjb .index-module__tabs-content-panel--y9zi2 .index-module__tabs-content-right--Q1AI\+ {
        padding: 19px 49px 19px 0;
        width: 559px
    }
}

.index-module__service-pad-container--21Gv1 {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.index-module__service-card--9Jyep {
    background-color: #f8f9fe;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 45px 0 23px
}

.index-module__service-card--9Jyep .index-module__card-top--koDG3 {
    flex: none;
    height: 100px;
    padding: 0 25px
}

.index-module__service-card--9Jyep .index-module__card-top--koDG3 .index-module__card-title--ldtHp {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    margin: unset;
    text-align: center
}

.index-module__service-card--9Jyep .index-module__card-top--koDG3 .index-module__card-des--Pvz3C {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #4e5969;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.index-module__service-card--9Jyep .index-module__card-bottom--OG2fO {
    flex: none;
    font-size: 0;
    margin-top: 12px;
    width: 100%
}

.index-module__service-card--9Jyep .index-module__card-bottom--OG2fO img {
    padding: 0 18px;
    width: 100%
}

.index-module__service-card--9Jyep .index-module__card-bottom--OG2fO .index-module__related-products--n1bkk {
    padding: 0 25px
}

.index-module__service-card--9Jyep .index-module__card-bottom--OG2fO .index-module__related-products--n1bkk .index-module__related-products-title--crqQD {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px
}

.index-module__service-card--9Jyep .index-module__card-bottom--OG2fO .index-module__related-products--n1bkk .index-module__related-products-panel--g22Bj {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
    margin-right: -16px;
    margin-top: 8px;
    width: 100%
}

.index-module__service-card--9Jyep .index-module__card-bottom--OG2fO .index-module__related-products--n1bkk .index-module__related-products-panel--g22Bj .index-module__product--J\+YQL {
    background-color: #fff;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-bottom: 8px;
    margin-right: 16px;
    padding: 7px 12px
}

.index-module__service-mobile-container--yVQAz {
    width: 100%
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item {
    border: unset;
    border-radius: 4px;
    overflow: hidden
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item .arco-collapse-item-header {
    background-color: #f8f9fe;
    border: unset;
    padding: 16px
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 20px
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item .arco-collapse-item-icon-hover-right svg {
    stroke: #15284c;
    stroke-width: 5;
    height: 12px;
    width: 12px
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down {
    transform: rotate(-180deg)
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item .arco-collapse-item-content {
    background-color: #f8f9fe
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item .arco-collapse-item-content .arco-collapse-item-content-box {
    padding: unset
}

.index-module__service-mobile-collapse--moyn- .arco-collapse-item+.arco-collapse-item {
    margin-top: 8px
}

.index-module__service-mobile-collapse--moyn- .index-module__mobile-tab-title--2YpdR {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 20px;
    margin: unset
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla {
    padding: 0 16px 16px
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla .index-module__mobile-tab-image--skRWE {
    font-size: 0;
    width: 100%
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla .index-module__mobile-tab-image--skRWE img {
    width: 100%
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla .index-module__mobile-tab-des--zvYGs {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla .index-module__related-products--SIvMr .index-module__related-products-title--\+B1-8 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 12px
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla .index-module__related-products--SIvMr .index-module__related-products-panel---9oiR {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
    margin-right: -16px;
    margin-top: 8px;
    width: 100%
}

.index-module__service-mobile-collapse--moyn- .index-module__service-mobile-tab--MlGla .index-module__related-products--SIvMr .index-module__related-products-panel---9oiR .index-module__product--8m9ow {
    background-color: #fff;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-bottom: 8px;
    margin-right: 16px;
    padding: 7px 12px
}

.index-module__single-feature-container--wGb5B {
    position: relative
}

.index-module__single-feature-container--wGb5B,.index-module__single-feature-container--wGb5B * {
    box-sizing: border-box
}

.index-module__single-feature-container--wGb5B a,.index-module__single-feature-container--wGb5B a:active,.index-module__single-feature-container--wGb5B a:hover,.index-module__single-feature-container--wGb5B a:link,.index-module__single-feature-container--wGb5B a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__single-feature-container--wGb5B .index-module__bg-circle-left--xVpnj {
    background: hsla(0,100%,79%,.7);
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 203px;
    left: 106px;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 26px;
    width: 203px;
    will-change: transform
}

.index-module__single-feature-container--wGb5B .index-module__bg-circle-right--nz2Br {
    background: #3382ff;
    border-radius: 50%;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 218px;
    left: 982px;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: -13px;
    width: 218px;
    will-change: transform
}

.index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u {
    display: flex;
    font-size: 0;
    justify-content: center;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u .index-module__video--IF-8I {
    border-radius: 8px;
    height: 457px;
    width: 870px
}

.index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE {
    display: flex;
    font-size: 0;
    justify-content: center;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE img {
    border-radius: 8px;
    height: 457px;
    width: 870px
}

@media screen and (max-width: 767px) {
    .index-module__single-feature-container--wGb5B .index-module__bg-circle-left--xVpnj,.index-module__single-feature-container--wGb5B .index-module__bg-circle-right--nz2Br {
        display:none
    }

    .index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u {
        width: 100%
    }

    .index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u .index-module__video--IF-8I {
        border-radius: 4px;
        height: unset;
        width: 100%
    }

    .index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE {
        width: 100%
    }

    .index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE img {
        border-radius: 4px;
        height: unset;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__single-feature-container--wGb5B .index-module__bg-circle-left--xVpnj,.index-module__single-feature-container--wGb5B .index-module__bg-circle-right--nz2Br {
        display:none
    }

    .index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u {
        padding: 0 112px;
        width: 100%
    }

    .index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u .index-module__video--IF-8I {
        height: unset;
        width: 100%
    }

    .index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE {
        padding: 0 112px;
        width: 100%
    }

    .index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE img {
        height: unset;
        width: 100%
    }
}

@media screen and (min-width: 1680px) {
    .index-module__single-feature-container--wGb5B .index-module__bg-circle-left--xVpnj {
        left:174px;
        top: 26px
    }

    .index-module__single-feature-container--wGb5B .index-module__bg-circle-right--nz2Br {
        left: 1049px;
        top: -13px
    }

    .index-module__single-feature-container--wGb5B .index-module__image-container--i\+0jE,.index-module__single-feature-container--wGb5B .index-module__video-container--HnS9u {
        width: 1440px
    }
}

.index-module__pc---wII2 {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    display: flex;
    height: 660px;
    width: 1440px
}

.index-module__pc---wII2 a,.index-module__pc---wII2 a:active,.index-module__pc---wII2 a:hover,.index-module__pc---wII2 a:link,.index-module__pc---wII2 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--mxmPc {
    flex-grow: 1;
    height: 100%
}

.index-module__content--Fts5q {
    background: #fff;
    border-radius: 0 12px 12px 0;
    flex-shrink: 0;
    padding: 32px 28px;
    width: 277px
}

.index-module__sub--aK74V+.index-module__sub--aK74V {
    margin-top: 19px
}

.index-module__sub_title--cuvS7 {
    color: #181818;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 7px;
    padding: 0
}

.index-module__sub_desc--Ti1Pc {
    align-items: center;
    color: #4e5969;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 5px 0
}

.index-module__sub_desc--Ti1Pc svg {
    margin-right: 4px
}

.index-module__button--Ekz3p {
    align-items: center;
    background-color: transparent;
    background: #1664ff;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    margin: 19px 0 5px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%
}

.index-module__button--Ekz3p:hover {
    background: #4281ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__button--Ekz3p:active {
    background: #05f;
    box-shadow: 0 6px 8px rgba(46,70,146,.1)
}

.index-module__cutting_line--7lqJr {
    background: #e5e8ef;
    height: 1px;
    margin: 19px 0 24px;
    width: 100%
}

.index-module__product_btn--xwA1c {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 8px 0 4px;
    outline: none;
    padding: 0;
    width: 150px
}

.index-module__product_btn--xwA1c:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--xwA1c:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--xwA1c img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 1679px) {
    .index-module__pc---wII2 {
        width:1200px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__pc---wII2 {
        display:none
    }
}

.index-module__frameWrap--cPU-x {
    background: #f2f3f8;
    border-radius: 12px 0 0 12px;
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY {
    bottom: 23px;
    left: 47px;
    position: absolute;
    z-index: 3
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY button {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6e8;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    height: 36px;
    padding: 10px
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY button:hover {
    box-shadow: 0 4px 6px rgba(40,40,40,.25)
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY button span {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-left: 7px
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__disable--dYTKh {
    cursor: not-allowed
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__plus--s3dmL {
    font-size: 24px
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__reset--u1MIF {
    margin-bottom: 12px;
    position: relative
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__pop-over--OXaX6 {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: -140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__pop-over--OXaX6.index-module__hidden--eLcP0 {
    opacity: 0;
    visibility: hidden
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__pop-over--OXaX6.index-module__hidden--eLcP0.index-module__show--EgEZS {
    opacity: 1;
    visibility: visible
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__pop-content--76sXl {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    box-shadow: 0 4px 10px #000;
    box-sizing: border-box;
    color: #4e5969;
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__rhombus--5dFwq {
    background-color: #fff;
    border: 1px solid #c9cdd4;
    border-bottom: none;
    border-bottom-right-radius: 2px;
    border-left: none;
    height: 8px;
    margin-left: -4px;
    transform: rotate(45deg);
    width: 8px
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__iconFullscreen--cxBAZ {
    stroke-width: 6;
    color: #4e5969;
    height: 16px;
    width: 16px
}

.index-module__frameWrap--cPU-x .index-module__tools--AN8TY .index-module__minusSymbol--aD9kk {
    background-color: #fff;
    border-radius: .5px;
    height: 2.4px;
    margin: auto;
    width: 12px
}

.index-module__frameWrap--cPU-x .index-module__zoom-content--9Gfwr,.index-module__frameWrap--cPU-x .index-module__zoom-wrapper--3MRvo {
    height: 100%!important;
    width: 100%!important
}

.index-module__frameWrap--cPU-x .index-module__innerWrap--tFPqh {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.index-module__frameWrap--cPU-x .index-module__innerWrap--tFPqh .index-module__picture--nNZWZ {
    max-height: 100%;
    max-width: min(100%,820px);
    object-fit: contain
}

.index-module__isPcZoom--ikv3i {
    cursor: zoom-in
}

@media screen and (max-width: 1023px) {
    .index-module__frameWrap--cPU-x {
        border-radius:8px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .index-module__frameWrap--cPU-x .index-module__innerWrap--tFPqh {
        box-sizing: border-box
    }
}

.index-module__modal-wrap--Y\+Al2 {
    background-color: #f7f7f9;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__modal-wrap--Y\+Al2 .index-module__picture--nNZWZ {
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    width: 90vw
}

.index-module__modal-wrap--Y\+Al2 .arco-modal-close-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.index-module__modal-wrap--Y\+Al2 .arco-icon-hover:hover:before {
    height: 26px;
    width: 26px
}

.index-module__modal-wrap--Y\+Al2 .arco-icon-close {
    height: 20px;
    width: 20px
}

.arco-modal-wrapper {
    z-index: 3001
}

.index-module__pad--7qK\+G {
    display: none;
    width: 100%
}

.index-module__pad--7qK\+G a,.index-module__pad--7qK\+G a:active,.index-module__pad--7qK\+G a:hover,.index-module__pad--7qK\+G a:link,.index-module__pad--7qK\+G a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--f3CDq {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    width: 100%
}

.index-module__content--IZGnS {
    display: flex;
    padding-top: 24px;
    width: 100%
}

.index-module__sub_content--p4AWr {
    flex-shrink: 0;
    width: 263px
}

.index-module__sub_title--d9myn {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc--OdCLI,.index-module__sub_title--d9myn {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc--OdCLI {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc--OdCLI svg {
    margin-right: 8px
}

.index-module__product_content--gzMJJ {
    border-left: 1px solid #e5e8ef;
    flex-grow: 1;
    padding-left: 32px
}

.index-module__product_a--7Un9o:nth-child(odd) {
    margin-left: 12px
}

.index-module__product_btn--8ppPb {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding: 0;
    width: calc(50% - 6px)
}

.index-module__product_btn--8ppPb:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--8ppPb:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--8ppPb img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 1023px) {
    .index-module__pad--7qK\+G {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .index-module__pad--7qK\+G {
        display:none
    }
}

.index-module__mobile--mYx\+J {
    display: none;
    width: 100%
}

.index-module__mobile--mYx\+J a,.index-module__mobile--mYx\+J a:active,.index-module__mobile--mYx\+J a:hover,.index-module__mobile--mYx\+J a:link,.index-module__mobile--mYx\+J a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__frameWrap--cFd0c {
    background: #f7f7f9;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    height: 350px;
    overflow-x: scroll;
    width: 100%
}

.index-module__frame--IENjO {
    box-sizing: border-box;
    height: 98%;
    padding: 24px
}

.index-module__sub_content--oSPTF {
    margin: 24px 0 16px
}

.index-module__sub_title--yD7CR {
    color: #1a202c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.index-module__sub_desc---eLo-,.index-module__sub_title--yD7CR {
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    line-height: 22px
}

.index-module__sub_desc---eLo- {
    align-items: center;
    color: hsla(0,0%,9%,.8);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px
}

.index-module__sub_desc---eLo- svg {
    margin-right: 8px
}

.index-module__product_content--iEWe3 {
    border-bottom: 1px solid #e5e8ef;
    border-top: 1px solid #e5e8ef;
    padding: 16px 0
}

.index-module__product_a--ZF5Ih:nth-child(odd) {
    margin-left: 10px
}

.index-module__product_btn--RvuXM {
    align-items: center;
    background-color: transparent;
    background: #f2f3f8;
    border: 1px solid #f2f3f8;
    border-radius: 4px;
    color: hsla(0,0%,9%,.8);
    cursor: pointer;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: .002em;
    line-height: 22px;
    margin: 12px 0 0;
    outline: none;
    padding: 0;
    width: calc(50% - 5px)
}

.index-module__product_btn--RvuXM:hover {
    border: 1px solid #4281fd
}

.index-module__product_btn--RvuXM:active {
    border: 1px solid #1664ff
}

.index-module__product_btn--RvuXM img {
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 12px;
    width: 16px
}

@media screen and (max-width: 767px) {
    .index-module__mobile--mYx\+J {
        display:block
    }
}

.index-module__templates-container--Jhz-A {
    width: 100%
}

.index-module__templates-container--Jhz-A,.index-module__templates-container--Jhz-A * {
    box-sizing: border-box
}

.index-module__templates-container--Jhz-A a,.index-module__templates-container--Jhz-A a:active,.index-module__templates-container--Jhz-A a:hover,.index-module__templates-container--Jhz-A a:link,.index-module__templates-container--Jhz-A a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__templates-container--Jhz-A .index-module__image-line1-container--DXRr\+ {
    height: 190px;
    width: 100%
}

.index-module__templates-container--Jhz-A .index-module__image-line1-container--DXRr\+ .index-module__image-line1-wrapper--wmXYC {
    font-size: 0;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    will-change: transform
}

.index-module__templates-container--Jhz-A .index-module__image-line2-container--13\+kU {
    height: 190px;
    margin-top: 16px;
    width: 100%
}

.index-module__templates-container--Jhz-A .index-module__image-line2-container--13\+kU .index-module__image-line2-wrapper--6vJ9e {
    font-size: 0;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    will-change: transform
}

.index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H {
    -webkit-touch-callout: none;
    border-radius: 12px;
    display: inline-block;
    font-size: 0;
    height: 190px;
    margin: 0 8px;
    position: relative;
    transition: transform .3s ease-in-out;
    width: 320px
}

.index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H:hover {
    transform: scale(1.05)
}

.index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H:hover .index-module__hover-cover--g5L7K {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H img {
    -webkit-touch-callout: none;
    height: 100%;
    width: 100%
}

.index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H .index-module__hover-cover--g5L7K {
    align-items: center;
    background-color: rgba(26,26,26,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H .index-module__hover-cover--g5L7K .index-module__hover-button--8Z53Z {
    background-color: rgba(0,0,0,.3);
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 39px;
    letter-spacing: .01em;
    line-height: 39px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 97px
}

@media screen and (max-width: 1023px) {
    .index-module__templates-container--Jhz-A {
        width:100%
    }

    .index-module__templates-container--Jhz-A,.index-module__templates-container--Jhz-A * {
        box-sizing: border-box
    }

    .index-module__templates-container--Jhz-A a,.index-module__templates-container--Jhz-A a:active,.index-module__templates-container--Jhz-A a:hover,.index-module__templates-container--Jhz-A a:link,.index-module__templates-container--Jhz-A a:visited {
        color: inherit;
        text-decoration: none
    }

    .index-module__templates-container--Jhz-A .index-module__image-line1-container--DXRr\+ {
        height: 163px;
        width: 100%
    }

    .index-module__templates-container--Jhz-A .index-module__image-line1-container--DXRr\+ .index-module__image-line1-wrapper--wmXYC {
        font-size: 0;
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        will-change: transform
    }

    .index-module__templates-container--Jhz-A .index-module__image-line2-container--13\+kU {
        height: 163px;
        margin-top: 12px;
        width: 100%
    }

    .index-module__templates-container--Jhz-A .index-module__image-line2-container--13\+kU .index-module__image-line2-wrapper--6vJ9e {
        font-size: 0;
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        will-change: transform
    }

    .index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H {
        -webkit-touch-callout: none;
        border-radius: 12px;
        display: inline-block;
        font-size: 0;
        height: 163px;
        margin: 0 6px;
        position: relative;
        transition: transform .3s ease-in-out;
        width: 274px
    }

    .index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H:hover {
        transform: unset
    }

    .index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H:hover .index-module__hover-cover--g5L7K {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

    .index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H img {
        -webkit-touch-callout: none;
        height: 100%;
        width: 100%
    }

    .index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H .index-module__hover-cover--g5L7K {
        align-items: center;
        background-color: rgba(26,26,26,.5);
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: all .3s ease-in-out;
        visibility: hidden;
        width: 100%
    }

    .index-module__templates-container--Jhz-A .index-module__image-wrapper-a--nYz1H .index-module__hover-cover--g5L7K .index-module__hover-button--8Z53Z {
        background-color: rgba(0,0,0,.3);
        border: 1px solid #fff;
        border-radius: 4px;
        color: #fff;
        font-family: PingFang SC;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        height: 39px;
        letter-spacing: .01em;
        line-height: 39px;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 97px
    }
}

.index-module__business-trust--JChJE>div:nth-child(2) {
    overflow: hidden
}

.index-module__business-trust--JChJE>div:nth-child(2)>div {
    padding: 0
}

.index-module__cards--bfFXu {
    margin-bottom: 32px
}

.index-module__cards-rail--NKXyc {
    display: flex;
    flex-wrap: nowrap;
    transition: transform .2s
}

.index-module__card--HkXEX {
    flex: none;
    margin-left: 32px
}

.index-module__card--HkXEX:first-child {
    margin: 0
}

.index-module__more-customers--LCflI {
    margin-top: 56px
}

@media screen and (max-width: 1679px) {
    .index-module__card--HkXEX {
        margin-left:28px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__more-customers--LCflI {
        margin-top:48px
    }

    .index-module__cards-rail--NKXyc {
        padding-left: calc(50% - 359px)
    }

    .index-module__card--HkXEX {
        margin-left: 16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__pagination--ou2J4.index-module__pagination--ou2J4 {
        display:none
    }

    .index-module__cards--bfFXu {
        margin-bottom: 0;
        overflow: auto;
        padding-bottom: 45px
    }

    .index-module__cards--bfFXu::-webkit-scrollbar {
        display: none
    }

    .index-module__cards-rail--NKXyc {
        padding-left: 24px
    }

    .index-module__cards-rail--NKXyc:after {
        content: "";
        flex: none;
        width: 24px
    }

    .index-module__more-customers--LCflI {
        margin-top: 0
    }
}

.index-module__card---avJI {
    border-radius: 12px;
    display: inline-block;
    font-family: PingFang SC;
    height: 558px;
    position: relative;
    text-decoration: none;
    width: 458px
}

.index-module__card---avJI:hover .index-module__banner--oZEaP,.index-module__card---avJI:hover .index-module__detail--f4xp8 {
    box-shadow: 0 5px 20px rgba(51,78,118,.2)
}

.index-module__card---avJI:hover .index-module__detail-link--JWmGB {
    color: #4086ff
}

.index-module__card---avJI:hover .index-module__detail-link--JWmGB>svg {
    fill: #4086ff;
    transform: translate3d(4px,0,0)
}

.index-module__banner--oZEaP {
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 12px;
    box-sizing: border-box;
    height: 283px;
    padding: 69px 0 0 39px;
    transition: box-shadow .2s
}

.index-module__tag--kMtI6 {
    background-image: url(./images/trust-from-companies-card-tag-bg.svg);
    border-top-right-radius: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 78px
}

.index-module__metric--BNhPo {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.index-module__metric-value--dSlU5 {
    color: #fff;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-top: 4px
}

.index-module__detail--f4xp8 {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: linear-gradient(180deg,hsla(0,0%,100%,.6),#fff 15%);
    border-radius: 12px;
    bottom: 0;
    box-shadow: 0 5px 20px rgba(51,78,118,.1);
    box-sizing: border-box;
    padding: 26px 36px 36px;
    position: absolute;
    top: 257px;
    transition: box-shadow .25s;
    width: 100%
}

.index-module__logo--44-sw {
    display: block;
    height: 48px
}

.index-module__desc--tZeQu {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #57637d;
    display: -webkit-box;
    font-size: 16px;
    height: 112px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-top: 22px;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-module__detail-link--JWmGB {
    align-items: center;
    color: #1664ff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 28px
}

.index-module__detail-link--JWmGB>svg {
    margin-left: 4px;
    transition: transform .3s
}

@media screen and (max-width: 1679px) {
    .index-module__card---avJI {
        height:514px;
        width: 381px
    }

    .index-module__banner--oZEaP {
        height: 238px;
        padding: 55px 0 0 39px
    }

    .index-module__detail--f4xp8 {
        padding: 26px 32px 36px;
        top: 214px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__card---avJI {
        height:343px;
        width: 229px
    }

    .index-module__banner--oZEaP {
        height: 238px;
        padding: 38px 0 0 25px
    }

    .index-module__detail--f4xp8 {
        padding: 12px 16px 20px;
        top: 117px
    }

    .index-module__logo--44-sw {
        height: 32px
    }

    .index-module__desc--tZeQu {
        -webkit-line-clamp: 5;
        font-size: 14px;
        height: 110px;
        line-height: 22px;
        margin-top: 5px
    }

    .index-module__detail-link--JWmGB {
        font-size: 14px;
        line-height: 20px;
        margin-top: 27px
    }
}

@media screen and (max-width: 767px) {
    .index-module__card---avJI {
        height:343px;
        width: 293px
    }

    .index-module__banner--oZEaP {
        height: 238px;
        padding: 39px 0 0 26px
    }

    .index-module__detail--f4xp8 {
        padding: 12px 20px 20px;
        top: 138px
    }

    .index-module__desc--tZeQu {
        -webkit-line-clamp: 4;
        height: 88px
    }

    .index-module__detail-link--JWmGB {
        margin-top: 28px
    }
}

.index-module__pagination--rass8 {
    display: flex;
    justify-content: center
}

.index-module__left--VtgJY {
    margin-right: 28px
}

.index-module__left--VtgJY,.index-module__right--TXkmw {
    cursor: pointer;
    flex: none
}

.index-module__left--VtgJY.index-module__disabled--9QIDV,.index-module__right--TXkmw.index-module__disabled--9QIDV {
    cursor: default
}

.index-module__title--xK3RG {
    align-items: center;
    display: flex
}

.index-module__title__text--Tpq-X {
    color: #4e5969;
    flex: none;
    font-size: 18px;
    line-height: 26px;
    margin: 0 50px
}

.index-module__title__hr-left--sK3aL {
    background: linear-gradient(270deg,#d5e0e8 -4.24%,rgba(213,220,232,0) 94.21%);
    flex: auto;
    height: 1px
}

.index-module__title__hr-right--rc447 {
    background: linear-gradient(90deg,#d5e0e8 -4.24%,rgba(213,220,232,0) 94.21%);
    flex: auto;
    height: 1px
}

.index-module__logos--qwrPg {
    align-items: center;
    display: grid;
    grid-auto-rows: 75px;
    grid-template-columns: repeat(5,1fr);
    justify-items: center;
    margin-top: 42px
}

.index-module__logos--qwrPg>img {
    height: 47px
}

@media screen and (max-width: 1023px) {
    .index-module__title__text--Tpq-X {
        font-size:16px
    }

    .index-module__logos--qwrPg {
        grid-auto-rows: 58px;
        margin-top: 32px
    }

    .index-module__logos--qwrPg>img {
        height: 36px
    }
}

@media screen and (max-width: 767px) {
    .index-module__title__text--Tpq-X {
        font-size:13px;
        line-height: 22px
    }

    .index-module__logos--qwrPg {
        grid-auto-rows: 42px;
        grid-template-columns: repeat(3,1fr);
        margin-top: 28px
    }

    .index-module__logos--qwrPg>img {
        height: 26px
    }
}

.index-module__advisory_wrap--FBnqP {
    background-color: #fff;
    padding-bottom: 80px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .index-module__advisory_wrap--FBnqP {
        padding:0 24px 70px
    }
}

@media screen and (max-width: 767px) {
    .index-module__advisory_wrap--FBnqP {
        padding-bottom:48px
    }
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_box--9hkYy {
    align-items: center;
    display: flex;
    height: 403px;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px
}

@media screen and (max-width: 1023px) {
    .index-module__advisory_wrap--FBnqP .index-module__advisory_box--9hkYy {
        flex-direction:column;
        height: auto;
        width: 100%
    }
}

.index-module__advisory_wrap--FBnqP .index-module__carousel_left--m0Gb7 {
    border-radius: 12px;
    box-shadow: 0 4px 40px rgba(24,25,29,.05);
    height: 403px;
    overflow: hidden;
    width: 720px
}

@media screen and (max-width: 1023px) {
    .index-module__advisory_wrap--FBnqP .index-module__carousel_left--m0Gb7 {
        flex-direction:column;
        margin-bottom: 24px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .index-module__advisory_wrap--FBnqP .index-module__carousel_left--m0Gb7 {
        height:183px;
        margin-bottom: 14px
    }
}

.index-module__advisory_wrap--FBnqP .index-module__carousel_content--Uatco {
    background-color: gray;
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.index-module__advisory_wrap--FBnqP .index-module__carousel_content--Uatco img {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__advisory_wrap--FBnqP .index-module__carousel_content--Uatco .index-module__covmask_layerer--wLD0U {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.9));
    bottom: 0;
    height: 162px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.index-module__advisory_wrap--FBnqP .index-module__carousel_content--Uatco h6 {
    bottom: 48px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 28px;
    left: 24px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 24px;
    text-overflow: ellipsis;
    white-space: normal;
    z-index: 2
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_right--n942V {
    border-radius: 12px;
    box-shadow: 0 4px 40px rgba(24,25,29,.05);
    height: 403px;
    padding: 20px 12px 20px 20px;
    width: 456px
}

@media screen and (max-width: 1023px) {
    .index-module__advisory_wrap--FBnqP .index-module__advisory_list_right--n942V {
        width:100%
    }
}

.index-module__advisory_wrap--FBnqP .index-module__scroll_bar_box--tqZGo {
    height: 100%;
    overflow-y: scroll;
    padding-right: 14px;
    width: 100%
}

.index-module__advisory_wrap--FBnqP .index-module__scroll_bar_box--tqZGo::-webkit-scrollbar {
    background-color: #fff;
    width: 5px
}

.index-module__advisory_wrap--FBnqP .index-module__scroll_bar_box--tqZGo::-webkit-scrollbar-thumb {
    background-color: #eaedf1;
    border-radius: 0;
    margin: 0 auto;
    width: 5px
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov {
    height: auto;
    width: 100%
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov .index-module__advisory_list--80iA- {
    display: block;
    margin-bottom: 32px;
    text-decoration: none
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov .index-module__advisory_list--80iA-:hover h6 {
    color: #1664ff
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov .index-module__advisory_list--80iA-:last-child {
    margin-bottom: 0
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov .index-module__advisory_list--80iA- h6 {
    color: #181818;
    font-size: 18px;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1023px) {
    .index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov .index-module__advisory_list--80iA- h6 {
        font-size:14px
    }
}

.index-module__advisory_wrap--FBnqP .index-module__advisory_list_box--WR\+Ov .index-module__advisory_list--80iA- .index-module__tag_wrap--UQCtC {
    height: 22px;
    margin-top: 16px;
    overflow: hidden
}

.index-module__advisory_wrap--FBnqP .advisory_carousel {
    height: 100%;
    width: 720px
}

@media screen and (max-width: 1023px) {
    .index-module__advisory_wrap--FBnqP .advisory_carousel {
        width:100%
    }
}

.index-module__advisory_wrap--FBnqP .arco-carousel-indicator-wrapper-bottom {
    z-index: 3
}

.index-module__advisory_wrap--FBnqP .indicator>span {
    background: transparent;
    border-radius: 10px;
    height: 3px;
    width: 53px
}

.index-module__advisory_wrap--FBnqP .indicator .arco-carousel-indicator-item {
    position: relative
}

.index-module__advisory_wrap--FBnqP .indicator .arco-carousel-indicator-item:before {
    background-color: #fff;
    bottom: 0;
    clear: both;
    content: "";
    display: block;
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0
}

.index-module__advisory_wrap--FBnqP .indicator .arco-carousel-indicator-item:after {
    background-color: #fff;
    clear: both;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.index-module__advisory_wrap--FBnqP .indicator .arco-carousel-indicator-item.arco-carousel-indicator-item-active:after {
    transition: width 3s linear;
    width: 53px
}

.index-module__advisory_wrap--FBnqP .index-module__carousel_mount--WOi6c .arco-carousel-indicator-item.arco-carousel-indicator-item-active:after {
    transition: width 3s linear;
    width: 0
}

.index-module__dev_activity--QErGH {
    background: #fcfdfe
}

@media screen and (max-width: 1023px) {
    .index-module__dev_activity--QErGH.index-module__off--\+CD10 {
        padding-bottom:48px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__dev_activity--QErGH.index-module__off--\+CD10 {
        padding-bottom:80px
    }
}

.index-module__more_activity--MOBvd {
    color: #41464f;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

@media screen and (max-width: 1023px) {
    .index-module__more_activity--MOBvd {
        margin-bottom:48px;
        margin-top: 32px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__more_activity--MOBvd {
        margin-bottom:80px;
        margin-top: 48px
    }
}

.index-module__more_activity--MOBvd>svg {
    margin-left: 8px;
    transition: .5s;
    vertical-align: middle
}

.index-module__more_activity--MOBvd:hover {
    color: #4281ff
}

.index-module__more_activity--MOBvd:hover>svg path {
    stroke: #4281ff
}

.index-module__more_activity--MOBvd.index-module__on--GVL88 {
    color: #05f
}

.index-module__more_activity--MOBvd.index-module__on--GVL88>svg {
    transform: rotateX(180deg)
}

.index-module__more_activity--MOBvd.index-module__on--GVL88>svg path {
    stroke: #05f
}

.index-module__layoutWrap--VNJSc {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 1680px) {
    .index-module__layoutWrap--VNJSc {
        width:1440px
    }
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__layoutWrap--VNJSc {
        width:1200px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__layoutWrap--VNJSc {
        width:1200px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layoutWrap--VNJSc {
        width:720px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutWrap--VNJSc {
        padding:0 24px;
        width: 100%
    }
}

.index-module__layoutContentWrap--p\+45C {
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layoutContentWrap--p\+45C {
        grid-row-gap:16px;
        grid-column-gap: 16px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutContentWrap--p\+45C {
        grid-row-gap:16px;
        grid-column-gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr
    }
}

.index-module__dev_card_wrap--tD28R {
    background: linear-gradient(160deg,#fff 26%,#f8fbff 95.18%);
    border: 1px solid #eaedf1;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    cursor: pointer;
    padding: 24px;
    width: 464px
}

.index-module__dev_card_wrap--tD28R:hover {
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.03)
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__dev_card_wrap--tD28R {
        width:384px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__dev_card_wrap--tD28R {
        width:384px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__dev_card_wrap--tD28R {
        width:352px
    }
}

@media screen and (max-width: 767px) {
    .index-module__dev_card_wrap--tD28R {
        padding:20px;
        width: 100%
    }
}

.index-module__dev_card_wrap--tD28R .index-module__title--j5t8n {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #181818;
    display: -webkit-box;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__dev_card_wrap--tD28R .index-module__title--j5t8n {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__dev_card_wrap--tD28R .index-module__title--j5t8n {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (max-width: 768px) and (max-width:1023px) {
    .index-module__dev_card_wrap--tD28R .index-module__title--j5t8n {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .index-module__dev_card_wrap--tD28R .index-module__title--j5t8n {
        font-size:18px;
        line-height: 26px
    }
}

.index-module__dev_card_wrap--tD28R .index-module__description--yd\+RW {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #41464f;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 22px;
    margin: 8px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 416px
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__dev_card_wrap--tD28R .index-module__description--yd\+RW {
        height:44px;
        width: 336px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__dev_card_wrap--tD28R .index-module__description--yd\+RW {
        height:44px;
        width: 336px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__dev_card_wrap--tD28R .index-module__description--yd\+RW {
        font-size:14px;
        height: 40px;
        line-height: 20px;
        width: 304px
    }
}

@media screen and (max-width: 767px) {
    .index-module__dev_card_wrap--tD28R .index-module__description--yd\+RW {
        font-size:14px;
        height: 40px;
        line-height: 20px;
        width: 100%
    }
}

.index-module__dev_card_wrap--tD28R .index-module__btn--Byr\+x {
    color: #1664ff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 24px;
    text-align: center
}

@media screen and (max-width: 768px) and (max-width:1023px) {
    .index-module__dev_card_wrap--tD28R .index-module__btn--Byr\+x {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__dev_card_wrap--tD28R .index-module__btn--Byr\+x {
        margin-top:20px
    }
}

.index-module__dev_card_wrap--tD28R:hover .index-module__btn--Byr\+x {
    color: #4281ff
}

.index-module__dev_card_wrap--tD28R:hover .index-module__btn--Byr\+x>svg path {
    stroke: #4281ff
}

.index-module__growth_wrap--2q-2q {
    background-color: #f8fbff;
    background-image: url(./images/b2_white.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.index-module__growth_wrap--2q-2q div,.index-module__growth_wrap--2q-2q p {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__growth_wrap--2q-2q img {
    user-drag: none
}

.index-module__growth_wrap--2q-2q .index-module__more_title_box---i\+Kp {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 52px
}

.index-module__growth_wrap--2q-2q .index-module__divide_line--us7yj {
    display: block;
    flex-grow: 1;
    height: 1px
}

.index-module__growth_wrap--2q-2q .index-module__divide_line--us7yj:first-child {
    background: linear-gradient(270deg,#d5dce8,hsla(0,0%,95%,0) 96.75%)
}

.index-module__growth_wrap--2q-2q .index-module__divide_line--us7yj:last-child {
    background: linear-gradient(90deg,#d5dce8,hsla(0,0%,95%,0) 96.75%)
}

.index-module__growth_wrap--2q-2q .index-module__title--nuCLR {
    color: rgba(78,89,105,.6);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 0 37px
}

.index-module__growth_box--QCYzT {
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__growth_box--QCYzT {
        padding:0
    }
}

@-webkit-keyframes arco-menu-selected-item-label-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes arco-menu-selected-item-label-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.arco-menu {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5715;
    position: relative;
    transition: width .2s cubic-bezier(.34,.69,.1,1);
    width: 100%
}

.arco-menu-indent {
    display: inline-block;
    width: 20px
}

.arco-menu .arco-menu-group-title,.arco-menu .arco-menu-inline-header,.arco-menu .arco-menu-item,.arco-menu .arco-menu-pop-header {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.arco-menu .arco-menu-group-title.arco-menu-disabled,.arco-menu .arco-menu-inline-header.arco-menu-disabled,.arco-menu .arco-menu-item.arco-menu-disabled,.arco-menu .arco-menu-pop-header.arco-menu-disabled {
    cursor: not-allowed
}

.arco-menu .arco-menu-group-title.arco-menu-selected,.arco-menu .arco-menu-inline-header.arco-menu-selected,.arco-menu .arco-menu-item.arco-menu-selected,.arco-menu .arco-menu-pop-header.arco-menu-selected {
    font-weight: 500;
    transition: color .2s linear
}

.arco-menu .arco-menu-group-title.arco-menu-selected svg,.arco-menu .arco-menu-inline-header.arco-menu-selected svg,.arco-menu .arco-menu-item.arco-menu-selected svg,.arco-menu .arco-menu-pop-header.arco-menu-selected svg {
    transition: color .2s linear
}

.arco-menu .arco-menu-group-title .arco-icon,.arco-menu .arco-menu-inline-header .arco-icon,.arco-menu .arco-menu-item .arco-icon,.arco-menu .arco-menu-pop-header .arco-icon {
    margin-right: 16px
}

.arco-menu-light {
    background-color: var(--color-menu-light-bg)
}

.arco-menu-light .arco-menu-group-title,.arco-menu-light .arco-menu-inline-header,.arco-menu-light .arco-menu-item,.arco-menu-light .arco-menu-pop-header {
    background-color: var(--color-menu-light-bg);
    color: var(--color-text-2)
}

.arco-menu-light .arco-menu-group-title .arco-icon,.arco-menu-light .arco-menu-inline-header .arco-icon,.arco-menu-light .arco-menu-item .arco-icon,.arco-menu-light .arco-menu-pop-header .arco-icon {
    color: var(--color-text-3)
}

.arco-menu-light .arco-menu-group-title:hover,.arco-menu-light .arco-menu-inline-header:hover,.arco-menu-light .arco-menu-item:hover,.arco-menu-light .arco-menu-pop-header:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2)
}

.arco-menu-light .arco-menu-group-title:hover .arco-icon,.arco-menu-light .arco-menu-inline-header:hover .arco-icon,.arco-menu-light .arco-menu-item:hover .arco-icon,.arco-menu-light .arco-menu-pop-header:hover .arco-icon {
    color: var(--color-text-3)
}

.arco-menu-light .arco-menu-group-title:focus-visible,.arco-menu-light .arco-menu-inline-header:focus-visible,.arco-menu-light .arco-menu-item:focus-visible,.arco-menu-light .arco-menu-pop-header:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset
}

.arco-menu-light .arco-menu-group-title.arco-menu-selected,.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon,.arco-menu-light .arco-menu-inline-header.arco-menu-selected,.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon,.arco-menu-light .arco-menu-item.arco-menu-selected,.arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon,.arco-menu-light .arco-menu-pop-header.arco-menu-selected,.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon {
    color: rgb(var(--primary-6))
}

.arco-menu-light .arco-menu-group-title.arco-menu-disabled,.arco-menu-light .arco-menu-inline-header.arco-menu-disabled,.arco-menu-light .arco-menu-item.arco-menu-disabled,.arco-menu-light .arco-menu-pop-header.arco-menu-disabled {
    background-color: var(--color-menu-light-bg);
    color: var(--color-text-4)
}

.arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon,.arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon,.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon,.arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon {
    color: var(--color-text-4)
}

.arco-menu-light .arco-menu-item.arco-menu-selected {
    background-color: var(--color-fill-2)
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected,.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon {
    color: rgb(var(--primary-6))
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover {
    background-color: var(--color-fill-2)
}

.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected,.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected,.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected {
    background: none;
    transition: color .2s linear
}

.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover {
    background-color: var(--color-fill-2)
}

.arco-menu-light .arco-menu-group-title {
    color: var(--color-text-3);
    pointer-events: none
}

.arco-menu-light .arco-menu-collapse-button {
    background-color: var(--color-fill-1);
    color: var(--color-text-3)
}

.arco-menu-light .arco-menu-collapse-button:hover {
    background-color: var(--color-fill-3)
}

.arco-menu-light .arco-menu-collapse-button:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-menu-dark {
    background-color: var(--color-menu-dark-bg)
}

.arco-menu-dark .arco-menu-group-title,.arco-menu-dark .arco-menu-inline-header,.arco-menu-dark .arco-menu-item,.arco-menu-dark .arco-menu-pop-header {
    background-color: var(--color-menu-dark-bg);
    color: var(--color-text-4)
}

.arco-menu-dark .arco-menu-group-title .arco-icon,.arco-menu-dark .arco-menu-inline-header .arco-icon,.arco-menu-dark .arco-menu-item .arco-icon,.arco-menu-dark .arco-menu-pop-header .arco-icon {
    color: var(--color-text-3)
}

.arco-menu-dark .arco-menu-group-title:hover,.arco-menu-dark .arco-menu-inline-header:hover,.arco-menu-dark .arco-menu-item:hover,.arco-menu-dark .arco-menu-pop-header:hover {
    background-color: var(--color-menu-dark-hover);
    color: var(--color-text-4)
}

.arco-menu-dark .arco-menu-group-title:hover .arco-icon,.arco-menu-dark .arco-menu-inline-header:hover .arco-icon,.arco-menu-dark .arco-menu-item:hover .arco-icon,.arco-menu-dark .arco-menu-pop-header:hover .arco-icon {
    color: var(--color-text-3)
}

.arco-menu-dark .arco-menu-group-title:focus-visible,.arco-menu-dark .arco-menu-inline-header:focus-visible,.arco-menu-dark .arco-menu-item:focus-visible,.arco-menu-dark .arco-menu-pop-header:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset
}

.arco-menu-dark .arco-menu-group-title.arco-menu-selected,.arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon,.arco-menu-dark .arco-menu-inline-header.arco-menu-selected,.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon,.arco-menu-dark .arco-menu-item.arco-menu-selected,.arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon,.arco-menu-dark .arco-menu-pop-header.arco-menu-selected,.arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon {
    color: var(--color-white)
}

.arco-menu-dark .arco-menu-group-title.arco-menu-disabled,.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled,.arco-menu-dark .arco-menu-item.arco-menu-disabled,.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled {
    background-color: var(--color-menu-dark-bg);
    color: var(--color-text-2)
}

.arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon,.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon,.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon,.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon {
    color: var(--color-text-2)
}

.arco-menu-dark .arco-menu-item.arco-menu-selected {
    background-color: var(--color-menu-dark-hover)
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected,.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon {
    color: rgb(var(--primary-6))
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover {
    background-color: var(--color-menu-dark-hover)
}

.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected,.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected,.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected {
    background: none;
    transition: color .2s linear
}

.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover,.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover {
    background-color: var(--color-menu-dark-hover)
}

.arco-menu-dark .arco-menu-group-title {
    color: var(--color-text-3);
    pointer-events: none
}

.arco-menu-dark .arco-menu-collapse-button {
    background-color: rgb(var(--primary-6));
    color: var(--color-white)
}

.arco-menu-dark .arco-menu-collapse-button:hover {
    background-color: rgb(var(--primary-7))
}

.arco-menu-dark .arco-menu-collapse-button:focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-menu a,.arco-menu a:active,.arco-menu a:focus,.arco-menu a:hover {
    color: inherit;
    cursor: inherit;
    text-decoration: none
}

.arco-menu-item-inner>a:only-child:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.arco-menu-inner {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    width: 100%
}

.arco-menu-vertical .arco-menu-group-title,.arco-menu-vertical .arco-menu-inline-header,.arco-menu-vertical .arco-menu-item,.arco-menu-vertical .arco-menu-pop-header {
    line-height: 40px;
    padding: 0 12px
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
    margin-right: 0
}

.arco-menu-vertical .arco-menu-group-title,.arco-menu-vertical .arco-menu-inline-header,.arco-menu-vertical .arco-menu-item,.arco-menu-vertical .arco-menu-pop-header {
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner,.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix,.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix.is-open,.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix.is-open,.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix.is-open,.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix.is-open {
    transform: translateY(-50%) rotate(180deg)
}

.arco-menu-vertical .arco-menu-inner {
    padding: 4px 8px
}

.arco-menu-vertical .arco-menu-item.arco-menu-item-indented {
    display: flex
}

.arco-menu-vertical .arco-menu-inline-header,.arco-menu-vertical .arco-menu-pop-header {
    padding-right: 28px
}

.arco-menu-horizontal {
    height: auto;
    width: auto
}

.arco-menu-horizontal .arco-menu-group-title,.arco-menu-horizontal .arco-menu-inline-header,.arco-menu-horizontal .arco-menu-item,.arco-menu-horizontal .arco-menu-pop-header {
    line-height: 30px;
    padding: 0 12px
}

.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
    margin-right: 0
}

.arco-menu-horizontal .arco-menu-group-title .arco-icon,.arco-menu-horizontal .arco-menu-inline-header .arco-icon,.arco-menu-horizontal .arco-menu-item .arco-icon,.arco-menu-horizontal .arco-menu-pop-header .arco-icon {
    margin-right: 8px
}

.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix,.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix {
    margin-left: 6px
}

.arco-menu-horizontal .arco-menu-inner {
    align-items: center;
    display: flex;
    padding: 14px 20px
}

.arco-menu-horizontal .arco-menu-item,.arco-menu-horizontal .arco-menu-pop {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle
}

.arco-menu-horizontal .arco-menu-item:not(:first-child),.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
    margin-left: 12px
}

.arco-menu-horizontal .arco-menu-pop:after {
    bottom: -14px;
    content: " ";
    height: 14px;
    left: 0;
    position: absolute;
    width: 100%
}

.arco-menu-overflow-wrap {
    width: 100%
}

.arco-menu-overflow-sub-menu-mirror {
    margin-left: 12px
}

.arco-menu-overflow-hidden-menu-item,.arco-menu-overflow-sub-menu-mirror {
    pointer-events: none;
    position: absolute!important;
    visibility: hidden;
    white-space: nowrap
}

.arco-menu-selected-label {
    -webkit-animation: arco-menu-selected-item-label-enter .2s linear;
    animation: arco-menu-selected-item-label-enter .2s linear;
    background-color: rgb(var(--primary-6));
    bottom: -14px;
    height: 3px;
    left: 12px;
    position: absolute;
    right: 12px
}

.arco-menu-pop-button {
    background: none;
    box-shadow: none;
    width: auto
}

.arco-menu-pop-button.arco-menu-collapse {
    width: auto
}

.arco-menu-pop-button .arco-menu-group-title,.arco-menu-pop-button .arco-menu-inline-header,.arco-menu-pop-button .arco-menu-item,.arco-menu-pop-button .arco-menu-pop-header {
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px;
    width: 40px
}

.arco-menu-collapse {
    width: 48px
}

.arco-menu-collapse .arco-menu-inner {
    padding: 4px
}

.arco-menu-collapse .arco-menu-group-title,.arco-menu-collapse .arco-menu-icon-suffix {
    display: none
}

.arco-menu-collapse .arco-menu-group-title .arco-icon,.arco-menu-collapse .arco-menu-inline-header .arco-icon,.arco-menu-collapse .arco-menu-item .arco-icon,.arco-menu-collapse .arco-menu-pop-header .arco-icon {
    margin-left: 1px;
    margin-right: 100vw
}

.arco-menu-collapse .arco-menu-collapse-button {
    left: 50%;
    right: unset;
    transform: translateX(-50%)
}

.arco-menu-collapse-button {
    align-items: center;
    border-radius: var(--border-radius-small);
    bottom: 12px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 12px;
    width: 24px
}

.arco-menu-inline-content {
    height: auto;
    overflow: hidden;
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.arco-menu-item-tooltip a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

.arco-menu-item-tooltip a:active,.arco-menu-item-tooltip a:focus,.arco-menu-item-tooltip a:hover {
    color: inherit
}

.arco-menu-item-tooltip a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.arco-menu-pop-trigger.arco-trigger-position-bl {
    transform: translateY(14px)
}

.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
    border-left: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3);
    z-index: 0
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] {
    transform: translateX(8px)
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] .arco-trigger-arrow {
    border-bottom: 1px solid var(--color-neutral-3);
    border-left: 1px solid var(--color-neutral-3);
    z-index: 0
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] {
    transform: translateX(-8px)
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] .arco-trigger-arrow {
    border-right: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3);
    z-index: 0
}

.arco-menu-pop-trigger .arco-dropdown-menu-dark~.arco-trigger-arrow-container .arco-trigger-arrow {
    background-color: var(--color-menu-dark-bg);
    border-color: var(--color-menu-dark-bg)
}

.arco-menu-rtl {
    direction: rtl
}

.arco-menu-rtl .arco-menu-group-title .arco-icon,.arco-menu-rtl .arco-menu-inline-header .arco-icon,.arco-menu-rtl .arco-menu-item .arco-icon,.arco-menu-rtl .arco-menu-pop-header .arco-icon {
    margin-left: 16px;
    margin-right: 0
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
    margin-left: 0
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-icon,.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-icon,.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-icon,.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-icon {
    margin-left: 8px;
    margin-right: 0
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix,.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix {
    margin-left: 0;
    margin-right: 6px
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item:not(:first-child),.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
    margin-left: 0;
    margin-right: 12px
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
    margin-left: 0
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title,.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header,.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner,.arco-menu-rtl.arco-menu-vertical .arco-menu-item,.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header,.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner {
    text-overflow: clip
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix,.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix {
    left: 12px;
    right: auto
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header,.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header {
    padding-left: 28px;
    padding-right: 12px
}

.arco-menu-rtl .arco-menu-pop:after {
    left: auto;
    right: 0
}

.arco-menu-rtl .arco-menu-collapse .arco-menu-group-title .arco-icon,.arco-menu-rtl .arco-menu-collapse .arco-menu-inline-header .arco-icon,.arco-menu-rtl .arco-menu-collapse .arco-menu-item .arco-icon,.arco-menu-rtl .arco-menu-collapse .arco-menu-pop-header .arco-icon {
    margin-left: 100vw;
    margin-right: 1px
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
    border-left: none;
    border-right: 1px solid var(--color-neutral-3)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] {
    transform: translateX(-8px)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] {
    transform: translateX(8px)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] .arco-trigger-arrow {
    border-left: 1px solid var(--color-neutral-3);
    border-right: none
}

.arco-icon-hover.arco-tabs-icon-hover:before {
    height: 16px;
    width: 16px
}

.arco-tabs .arco-tabs-icon-hover {
    color: var(--color-text-2)
}

.arco-tabs .arco-tabs-icon-hover,.arco-tabs-dropdown-icon {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-tabs-dropdown-icon {
    margin-left: 6px
}

.arco-tabs-close-icon {
    margin-left: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-tabs-close-icon:focus-visible .arco-icon-hover:before {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-add-icon {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    padding: 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.arco-tabs-add-icon:focus-visible .arco-icon-hover:before {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-add {
    position: relative
}

.arco-tabs-left-icon {
    margin-left: 10px;
    margin-right: 6px
}

.arco-tabs-right-icon {
    margin-left: 6px;
    margin-right: 10px
}

.arco-tabs-up-icon {
    margin-bottom: 10px
}

.arco-tabs-down-icon {
    margin-top: 10px
}

.arco-tabs .arco-tabs-nav-icon-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-tabs {
    overflow: hidden
}

.arco-tabs,.arco-tabs-header-nav {
    position: relative
}

.arco-tabs-header-nav:before {
    background-color: var(--color-neutral-3);
    bottom: 0;
    clear: both;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.arco-tabs-header-nav-bottom .arco-tabs-header-ink,.arco-tabs-header-nav-bottom:before {
    top: 0
}

.arco-tabs-header-wrapper {
    display: flex;
    flex: 1 1;
    overflow: hidden
}

.arco-tabs-header {
    display: inline-block;
    position: relative;
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    white-space: nowrap
}

.arco-tabs-header-extra {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    line-height: 32px;
    width: auto
}

.arco-tabs-header-extra .arco-tabs-add-icon {
    padding-left: 0
}

.arco-tabs-header-title {
    align-items: center;
    box-sizing: border-box;
    color: var(--color-text-2);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    line-height: 1.5715;
    padding: 4px 0;
    transition: color .2s linear
}

.arco-tabs-header-title-text {
    display: inline-block
}

.arco-tabs-header-title:hover {
    color: var(--color-text-2);
    font-weight: 400
}

.arco-tabs-header-title-disabled,.arco-tabs-header-title-disabled:hover {
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-tabs-header-title-active,.arco-tabs-header-title-active:hover {
    color: rgb(var(--primary-6));
    font-weight: 500
}

.arco-tabs-header-title-active.arco-tabs-header-title-disabled,.arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled {
    color: var(--color-primary-light-3)
}

.arco-tabs-header-ink {
    background-color: rgb(var(--primary-6));
    bottom: 0;
    height: 2px;
    position: absolute;
    right: auto;
    top: auto;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1)
}

.arco-tabs-header-ink.arco-tabs-header-ink-no-animation {
    transition: none
}

.arco-tabs-header-ink-disabled {
    background-color: var(--color-primary-light-3)
}

.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 40px
}

.arco-tabs-header-nav-line .arco-tabs-header-title {
    line-height: 1.5715;
    margin: 0 16px;
    padding: 8px 0
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text {
    display: inline-block;
    padding: 1px 0;
    position: relative
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text:before {
    background-color: transparent;
    border-radius: var(--border-radius-small);
    bottom: 0;
    content: "";
    left: -8px;
    opacity: 1;
    position: absolute;
    right: -8px;
    top: 0;
    transition: all .2s linear;
    z-index: -1
}

.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text:before {
    background-color: var(--color-fill-2)
}

.arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text:before {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-line .arco-tabs-header-title-active .arco-tabs-header-title-text:before,.arco-tabs-header-nav-line .arco-tabs-header-title-active:hover .arco-tabs-header-title-text:before {
    background-color: transparent
}

.arco-tabs-header-nav-line .arco-tabs-header-title-disabled .arco-tabs-header-title-text:before,.arco-tabs-header-nav-line .arco-tabs-header-title-disabled:hover .arco-tabs-header-title-text:before {
    opacity: 0
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
    margin-left: 16px
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type,.arco-tabs-header-nav-text.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type {
    margin-left: 0
}

.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    border: 1px solid var(--color-neutral-3);
    font-size: 14px;
    padding: 4px 16px;
    transition: padding .2s linear,color .2s linear
}

.arco-tabs-header-nav-card .arco-tabs-header-title:focus-visible,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-card .arco-tabs-header-title-editable,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable {
    padding-right: 12px
}

.arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    color: var(--color-text-2);
    height: 32px
}

.arco-tabs-header-nav-card .arco-tabs-header-title {
    background-color: transparent;
    border-right: none
}

.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-right: 1px solid var(--color-neutral-3);
    border-top-right-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-card .arco-tabs-header-title:hover {
    background-color: var(--color-fill-3)
}

.arco-tabs-header-nav-card .arco-tabs-header-title-disabled,.arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover {
    background-color: transparent
}

.arco-tabs-header-nav-card .arco-tabs-header-title-active,.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover {
    background-color: transparent;
    border-bottom-color: var(--color-bg-2)
}

.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active,.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover {
    border-bottom-color: var(--color-neutral-3);
    border-top-color: var(--color-bg-2)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    background-color: var(--color-fill-1);
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
    border-right: 1px solid var(--color-neutral-3);
    margin-left: 4px
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover {
    background-color: var(--color-fill-3)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover {
    background-color: var(--color-fill-1)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
    background-color: transparent;
    border-bottom-color: var(--color-bg-2)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child {
    margin-left: 0
}

.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active,.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover {
    border-bottom-color: var(--color-neutral-3);
    border-top-color: var(--color-bg-2)
}

.arco-tabs-header-nav-text:before {
    display: none
}

.arco-tabs-header-nav-text .arco-tabs-header-title {
    font-size: 14px;
    line-height: 1.5715;
    margin: 0 9px;
    padding: 5px 0;
    position: relative
}

.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before {
    background-color: var(--color-fill-3);
    content: "";
    display: block;
    height: 12px;
    left: -9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text {
    background-color: transparent;
    padding-left: 8px;
    padding-right: 8px
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover {
    background-color: var(--color-fill-2)
}

.arco-tabs-header-nav-text .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text:hover,.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
    background-color: transparent
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
    background-color: var(--color-primary-light-3)
}

.arco-tabs-header-nav-rounded:before {
    display: none
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    background-color: transparent;
    border-radius: 32px;
    font-size: 14px;
    margin: 0 6px;
    padding: 5px 16px
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title:hover {
    background-color: var(--color-fill-2)
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title-disabled:hover {
    background-color: transparent
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title-active,.arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover {
    background-color: var(--color-fill-2)
}

.arco-tabs-header-nav-capsule:before {
    display: none
}

.arco-tabs-header-nav-capsule .arco-tabs-header-wrapper {
    justify-content: flex-end
}

.arco-tabs-header-nav-capsule .arco-tabs-header {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    line-height: 1;
    padding: 3px
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    background-color: transparent;
    border-radius: var(--border-radius-small);
    font-size: 14px;
    line-height: 26px;
    padding: 0 12px;
    position: relative
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title:hover {
    background-color: var(--color-bg-2)
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover {
    background-color: unset
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover {
    background-color: var(--color-bg-2)
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active+.arco-tabs-header-title:before,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:before,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover+.arco-tabs-header-title:before,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover:before {
    opacity: 0
}

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) {
    margin-left: 3px
}

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type):before {
    background-color: var(--color-fill-3);
    content: "";
    display: block;
    height: 14px;
    left: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    width: 1px
}

.arco-tabs-header-scroll {
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative
}

.arco-tabs-content {
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 16px;
    width: 100%
}

.arco-tabs-content .arco-tabs-content-inner {
    display: flex;
    width: 100%
}

.arco-tabs-content .arco-tabs-content-item {
    flex-shrink: 0;
    height: 0;
    overflow: hidden;
    width: 100%
}

.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active {
    height: auto
}

.arco-tabs-card-gutter>.arco-tabs-content,.arco-tabs-card>.arco-tabs-content {
    border: 1px solid var(--color-neutral-3);
    border-top: none
}

.arco-tabs-card-gutter.arco-tabs-bottom>.arco-tabs-content,.arco-tabs-card.arco-tabs-bottom>.arco-tabs-content {
    border-bottom: none;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-tabs-animation.arco-tabs-content-inner {
    transition: all .2s cubic-bezier(.34,.69,.1,1)
}

.arco-tabs-horizontal.arco-tabs-justify {
    display: flex;
    flex-direction: column;
    height: 100%
}

.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content,.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-inner,.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane {
    height: 100%
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 12px;
    padding-bottom: 6px;
    padding-top: 6px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 32px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 12px;
    padding-bottom: 2px;
    padding-top: 2px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 24px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 24px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 12px;
    line-height: 18px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 24px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    font-size: 12px;
    padding-bottom: 3px;
    padding-top: 3px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
    font-size: 12px;
    line-height: 24px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 36px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 14px;
    padding-bottom: 2px;
    padding-top: 2px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 28px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 28px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 14px;
    line-height: 22px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 28px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 28px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 44px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 36px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 36px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 14px;
    line-height: 30px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 36px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 7px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
    font-size: 14px;
    line-height: 36px
}

.arco-tabs-right {
    flex-direction: row-reverse
}

.arco-tabs-vertical {
    display: flex;
    flex-wrap: nowrap
}

.arco-tabs-header-nav-vertical {
    flex-grow: 0;
    flex-shrink: 0
}

.arco-tabs-header-nav-vertical:before {
    bottom: 0;
    clear: both;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.arco-tabs-header-nav-vertical .arco-tabs-add-icon {
    height: auto;
    margin-left: 0;
    margin-top: 8px;
    padding: 0 16px
}

.arco-tabs-header-nav-vertical .arco-tabs-header {
    height: auto
}

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll {
    flex-direction: column
}

.arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll {
    padding: 6px 0
}

.arco-tabs-header-nav-vertical .arco-tabs-header-wrapper {
    flex-direction: column;
    height: 100%
}

.arco-tabs-header-nav-vertical .arco-tabs-header-ink {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 0;
    transition: top .2s cubic-bezier(.34,.69,.1,1),height .2s cubic-bezier(.34,.69,.1,1);
    width: 2px
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title {
    display: block;
    margin: 12px 0 0;
    white-space: nowrap
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type {
    margin-top: 0
}

.arco-tabs-header-nav-right .arco-tabs-header-ink,.arco-tabs-header-nav-right:before {
    left: 0;
    right: unset
}

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll {
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title {
    padding: 0 20px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title {
    border: 1px solid var(--color-neutral-3);
    border-bottom: 1px solid transparent;
    margin: 0;
    position: relative
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover {
    border-bottom-color: transparent;
    border-right-color: var(--color-bg-2)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-bottom: 1px solid var(--color-neutral-3);
    border-bottom-left-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover {
    border-left-color: var(--color-bg-2);
    border-right-color: var(--color-neutral-3)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
    margin-left: 0;
    position: relative
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:not(:first-of-type) {
    margin-top: 4px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
    border-bottom-color: var(--color-neutral-3);
    border-right-color: var(--color-bg-2)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover {
    border-left-color: var(--color-bg-2);
    border-right-color: var(--color-neutral-3)
}

.arco-tabs-content-vertical {
    flex: auto;
    height: 100%;
    padding: 0;
    width: auto
}

.arco-tabs-right .arco-tabs-content-vertical {
    padding-right: 16px
}

.arco-tabs-left .arco-tabs-content-vertical {
    padding-left: 16px
}

.arco-tabs-card-gutter>.arco-tabs-content-vertical,.arco-tabs-card>.arco-tabs-content-vertical {
    border: 1px solid var(--color-neutral-3);
    border-left: none
}

.arco-tabs-card-gutter.arco-tabs-right>.arco-tabs-content-vertical,.arco-tabs-card.arco-tabs-right>.arco-tabs-content-vertical {
    border-left: 1px solid var(--color-neutral-3);
    border-right: none
}

.arco-tabs-rtl {
    direction: rtl
}

.arco-tabs-rtl.arco-tabs-left {
    flex-direction: row-reverse
}

.arco-tabs-rtl.arco-tabs-right {
    flex-direction: row
}

.arco-tabs-rtl .arco-tabs-close-icon {
    margin-left: 0;
    margin-right: 8px
}

.arco-tabs-rtl .arco-tabs-left-icon,.arco-tabs-rtl .arco-tabs-right-icon {
    margin-left: 6px;
    margin-right: 10px
}

.arco-tabs-rtl .arco-tabs-header-nav-line>.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type,.arco-tabs-rtl .arco-tabs-header-nav-line>.arco-tabs-header-nav-horizontal .arco-tabs-header-scroll>.arco-tabs-header-title:first-of-type,.arco-tabs-rtl .arco-tabs-header-nav-text>.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type {
    margin-right: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title-editable,.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable {
    padding-left: 12px;
    padding-right: 16px
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title {
    border-left: none;
    border-right: 1px solid var(--color-neutral-3)
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-left: 1px solid var(--color-neutral-3);
    border-top-left-radius: var(--border-radius-small);
    border-top-right-radius: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: var(--border-radius-small)
}

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    margin-right: 4px
}

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child {
    margin-right: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before {
    left: auto;
    right: -9px
}

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) {
    margin-left: 0;
    margin-right: 3px
}

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type):before {
    left: auto;
    right: -2px
}

body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active,body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover {
    background-color: var(--color-fill-3)
}

.index-module__tabs_wrap--vOfId .arco-tabs-header {
    margin: 0 auto;
    touch-action: none
}

@media screen and (min-width: 1024px) {
    .index-module__tabs_wrap--vOfId .arco-tabs-header-title:hover {
        color:#1664ff
    }
}

.index-module__tabs_wrap--vOfId .arco-tabs-header-title:hover .arco-tabs-header-title-text:before {
    background: transparent
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-header-nav,.index-module__tabs_wrap--vOfId .arco-tabs .arco-tabs-left-icon,.index-module__tabs_wrap--vOfId .arco-tabs .arco-tabs-right-icon {
    display: none
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-header-title {
    color: #4e5969;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 32px 24px;
    padding: 0
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__tabs_industry_activity--U0-T- .arco-tabs-header-title {
        font-size:16px;
        line-height: 24px;
        margin: 0 28px 16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__tabs_industry_activity--U0-T- .arco-tabs-header-title {
        font-size:18px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin: 0 12px 12px
    }
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-header-title.arco-tabs-header-title-active {
    color: #1664ff;
    font-weight: 700
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-header-ink {
    border-radius: 3px
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text:before {
    background-color: transparent
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-header-nav {
    margin-bottom: 48px
}

@media screen and (max-width: 1023px) {
    .index-module__tabs_industry_activity--U0-T- .arco-tabs-header-nav {
        margin-bottom:32px
    }
}

.index-module__tabs_industry_activity--U0-T- .arco-tabs-content {
    padding-top: 0
}

@media screen (max-width: 1023px) {
    .index-module__tabs_industry_activity--U0-T- .arco-tabs-content {
        padding-top:0
    }
}

.index-module__tabs_none--kxmx8 .arco-tabs-header-title {
    font-size: 18px;
    margin: 0 28px;
    padding: 0 0 28px
}

@media screen and (max-width: 767px) {
    .index-module__tabs_none--kxmx8 .arco-tabs-header-title {
        font-size:14px;
        margin: 0 12px;
        padding: 0 0 14px
    }
}

.index-module__tabs_none--kxmx8 .arco-tabs-content .arco-tabs-content-item {
    display: none
}

.index-module__tabs_none--kxmx8 .arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active {
    display: block
}

.index-module__tabs_none--kxmx8 .arco-tabs-content {
    display: block;
    margin-top: 28px;
    padding-top: 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .index-module__tabs_none--kxmx8 .arco-tabs-content {
        margin-top:32px
    }
}

.index-module__tabs_none--kxmx8 .arco-tabs-content-inner {
    margin-left: 0!important
}

.index-module__tabs_none--kxmx8 .arco-tabs-content .arco-tabs-content-item {
    left: 0;
    position: relative;
    top: 0
}

.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header-nav:before {
    display: none
}

.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header .arco-tabs-header-title:first-of-type {
    margin-left: 0
}

.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 24px;
    padding: 0 0 12px
}

@media screen and (max-width: 1023px) {
    .index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header-title {
        font-size:14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media screen and (max-width: 767px) {
    .index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header-title {
        margin:0 12px
    }
}

.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header-title-active {
    font-weight: 400
}

.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-header-title:first-of-type {
    margin-left: 0
}

.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-content {
    padding-top: 47px
}

@media screen and (max-width: 1023px) {
    .index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs-content {
        padding-top:24px
    }

    .index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs .arco-tabs-left-icon,.index-module__tabs_wrap--vOfId.index-module__tabs_whitebook_second--GpU\+5 .arco-tabs .arco-tabs-right-icon {
        display: none
    }
}

.index-module__carousel_wrap--p4-JP {
    margin: 0 50px
}

@media screen and (max-width: 767px) {
    .index-module__carousel_wrap--p4-JP {
        margin:0 auto
    }
}

@media screen and (min-width: 768px) and (max-width:1280px) {
    .index-module__carousel_wrap--p4-JP {
        margin:0 24px
    }
}

.index-module__carousel_wrap--p4-JP .index-module__carousel_btn--C6Dvi {
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin: 36px auto 60px;
    width: 172px
}

.index-module__carousel_wrap--p4-JP .index-module__carousel_btn--C6Dvi>span {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    cursor: pointer;
    display: block;
    display: flex;
    height: 64px;
    justify-content: center;
    position: relative;
    width: 64px
}

.index-module__carousel_wrap--p4-JP .index-module__carousel_btn--C6Dvi>span.index-module__disable--YshFt {
    cursor: not-allowed;
    opacity: .5
}

@media (hover: hover) {
    .index-module__carousel_wrap--p4-JP .index-module__carousel_btn--C6Dvi>span:not(.index-module__disable--YshFt):hover {
        box-shadow:0 15px 35px -2px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.03)
    }
}

.index-module__carousel_box--EeIsk {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    overflow-x: visible;
    transform-origin: top center;
    transition: transform .8s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.index-module__case_card_box--4dwfU {
    height: 450px;
    width: 408px
}

@media screen and (min-width: 376px) and (max-width:767px) {
    .index-module__case_card_box--4dwfU {
        height:371px;
        width: 350px
    }
}

@media screen and (max-width: 375px) {
    .index-module__case_card_box--4dwfU {
        height:371px;
        width: 375px
    }
}

.index-module__case_card_box--4dwfU .index-module__case_card--q8UKw {
    background: #fff;
    border-radius: 12px;
    display: block;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 384px
}

@media screen and (max-width: 767px) {
    .index-module__case_card_box--4dwfU .index-module__case_card--q8UKw {
        height:371px;
        width: 320px
    }
}

@media (any-hover: hover) {
    .index-module__case_card_box--4dwfU .index-module__case_card--q8UKw:hover {
        box-shadow:0 4px 20px rgba(0,28,85,.12)
    }

    .index-module__case_card_box--4dwfU .index-module__case_card--q8UKw:hover .index-module__top_img--PpALe {
        transform: scale(1.1);
        transition: .25s ease
    }
}

.index-module__case_card_box--4dwfU .index-module__img_box--medOZ {
    height: 236px;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__case_card_box--4dwfU .index-module__img_box--medOZ {
        height:177px
    }
}

.index-module__case_card_box--4dwfU img {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-module__case_card_box--4dwfU .index-module__top_img--PpALe {
    height: 100%;
    width: 100%
}

.index-module__case_card_box--4dwfU .index-module__top_mob_img--MHGRV {
    display: none
}

.index-module__case_card_box--4dwfU .index-module__content--JTtvq {
    padding: 32px 24px 24px
}

@media screen and (max-width: 767px) {
    .index-module__case_card_box--4dwfU .index-module__content--JTtvq {
        padding:32px 24px 24px
    }
}

.index-module__case_card_box--4dwfU .index-module__title--VYZzE {
    display: block;
    height: 54px;
    width: 186px
}

.index-module__case_card_box--4dwfU .index-module__desc--3Cg9i {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #41464f;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 56px;
    line-height: 28px;
    margin: 24px 0 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 767px) {
    .index-module__case_card_box--4dwfU .index-module__desc--3Cg9i {
        margin-top:12px
    }
}

.index-module__case_card_box--4dwfU .index-module__correlation--bERgr {
    color: #41464f;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 8px
}

.index-module__case_card_box--4dwfU .index-module__protag_wrap--G8e2q {
    height: 30px;
    overflow: hidden;
    width: 100%
}

.index-module__top_tag--wQ-Tu {
    background: linear-gradient(265.96deg,#3370ff 10.16%,#5b8dff 104.43%);
    border-radius: 0 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .index-module__top_tag--wQ-Tu {
        font-size:10px
    }
}

.index-module__logos_container--q90aF {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: repeat(3,1fr);
    justify-items: center
}

@media screen and (max-width: 767px) {
    .index-module__logos_container--q90aF {
        grid-row-gap:16px;
        grid-auto-flow: row;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(6,1fr);
        padding: 24px 16px;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__logos_container--q90aF {
        grid-row-gap:22px;
        padding: 24px 37px;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .index-module__logos_container--q90aF {
        grid-row-gap:32px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__logos_container--q90aF {
        padding:50px 40px;
        width: 1280px
    }
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__logos_container--q90aF {
        padding:50px 0;
        width: 1280px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__logos_container--q90aF {
        padding:50px 0;
        width: 1440px
    }
}

@media screen and (max-width: 767px) {
    .index-module__logos_container--q90aF .index-module__logo--IbUU2 {
        width:98px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__logos_container--q90aF .index-module__logo--IbUU2 {
        width:116px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__logos_container--q90aF .index-module__logo--IbUU2 {
        width:186px
    }
}

.index-module__industry_activity--BjEiQ {
    background: #fcfdfe;
    position: relative
}

@media screen and (max-width: 1023px) {
    .index-module__industry_activity--BjEiQ.index-module__off--R4IAo {
        padding-bottom:48px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__industry_activity--BjEiQ.index-module__off--R4IAo {
        padding-bottom:80px
    }
}

.index-module__industry_card_wrap--l0f4B {
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    width: 464px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__industry_card_wrap--l0f4B {
        width:384px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--l0f4B {
        border-radius:8px 8px 0 0;
        width: 352px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B {
        background:#f8f9fe;
        border: none;
        border-radius: 8px;
        width: 100%
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl {
    border: 1px solid #eaedf1;
    border-radius: 12px;
    box-sizing: border-box;
    height: 261px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl {
        height:216px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl {
        border-radius:8px;
        height: 198px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl {
        border-radius:8px 8px 0 0;
        height: 184px;
        margin-bottom: 20px
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl>img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl>img {
        border:none
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl>.index-module__pc_img--eOh00 {
    display: none
}

@media screen and (min-width: 768px) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl>.index-module__pc_img--eOh00 {
        display:block
    }
}

@media (any-hover: hover) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl:hover .index-module__pc_img--eOh00 {
        transform:scale(1.1);
        transition: .25s ease
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl>.index-module__m_img--JdlyY {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__img_box--l19Fl>.index-module__m_img--JdlyY {
        display:block
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__btn_cover--L3FLQ {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.3));
    bottom: 0;
    height: 52px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: .5s;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__btn_cover--L3FLQ {
        display:none
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__pc_btn--7Q3GQ {
    bottom: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    right: 24px;
    transition: .5s
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__pc_btn--7Q3GQ {
        display:none
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__pc_btn--7Q3GQ>svg {
    margin-left: 6px
}

@media screen and (min-width: 768px) {
    .index-module__industry_card_wrap--l0f4B:hover .index-module__btn_cover--L3FLQ,.index-module__industry_card_wrap--l0f4B:hover .index-module__pc_btn--7Q3GQ {
        opacity:1
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__content_bottom--zbk\+5 {
        padding:0 20px 20px
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__title--53Qb0 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #181818;
    display: -webkit-box;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__industry_card_wrap--l0f4B .index-module__title--53Qb0 {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__industry_card_wrap--l0f4B .index-module__title--53Qb0 {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (max-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--l0f4B .index-module__title--53Qb0 {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__title--53Qb0 {
        font-size:16px;
        line-height: 24px
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__description--jRIqp {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #41464f;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 22px;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__industry_card_wrap--l0f4B .index-module__description--jRIqp {
        font-size:14px;
        height: 40px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__description--jRIqp {
        font-size:14px;
        height: 40px;
        line-height: 20px;
        margin: 8px 0 12px
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__tag_wrap--u1GLw {
    height: 22px;
    overflow: hidden;
    width: 100%
}

.index-module__industry_card_wrap--l0f4B .index-module__mobile_btn--MCVHP {
    color: #1664ff;
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__industry_card_wrap--l0f4B .index-module__mobile_btn--MCVHP {
        display:block;
        margin-top: 20px
    }
}

.index-module__industry_card_wrap--l0f4B .index-module__mobile_btn--MCVHP>svg {
    margin-left: 6px
}

.index-module__industry_card_wrap--l0f4B .index-module__mobile_btn--MCVHP>svg>path {
    stroke: #1664ff
}

.index-module__summit_meet--YEJui {
    background-color: #fff
}

@media screen and (max-width: 1023px) {
    .index-module__summit_meet--YEJui.index-module__off--5JJsE {
        padding-bottom:48px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__summit_meet--YEJui.index-module__off--5JJsE {
        padding-bottom:80px
    }
}

.index-module__layoutWrap--vFAIR {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 1680px) {
    .index-module__layoutWrap--vFAIR {
        width:1440px
    }
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__layoutWrap--vFAIR {
        width:1200px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__layoutWrap--vFAIR {
        width:1200px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layoutWrap--vFAIR {
        width:720px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutWrap--vFAIR {
        padding:0 24px;
        width: 100%
    }
}

.index-module__layoutContentWrap--IgJEm {
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__layoutContentWrap--IgJEm {
        grid-row-gap:16px;
        grid-column-gap: 16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__layoutContentWrap--IgJEm {
        grid-row-gap:16px;
        grid-column-gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }
}

.index-module__meet_card_wrap--k5hAm {
    border: 1px solid #eaedf1;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 708px
}

.index-module__meet_card_wrap--k5hAm:hover {
    box-shadow: 0 15px 35px -2px rgba(0,0,0,.05)
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__meet_card_wrap--k5hAm {
        width:588px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__meet_card_wrap--k5hAm {
        width:588px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_wrap--k5hAm {
        width:352px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm {
        background:#f8f9fe;
        border: none;
        border-radius: 8px;
        box-shadow: none;
        width: 100%
    }
}

.index-module__meet_card_wrap--k5hAm .index-module__top_tag--yjYCa {
    background-image: url(./images/0wcvn7edg12n_badge.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 78px
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm .index-module__top_tag--yjYCa {
        font-size:10px;
        height: 20px;
        line-height: 20px;
        width: 67px
    }
}

.index-module__meet_card_wrap--k5hAm>img {
    height: 297px;
    width: 100%
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__meet_card_wrap--k5hAm>img {
        height:248px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_wrap--k5hAm>img {
        height:148px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm>img {
        height:138px
    }
}

.index-module__meet_card_wrap--k5hAm>.index-module__pc_img--ZIUF9 {
    display: none
}

@media screen and (min-width: 768px) {
    .index-module__meet_card_wrap--k5hAm>.index-module__pc_img--ZIUF9 {
        display:block
    }
}

.index-module__meet_card_wrap--k5hAm>.index-module__m_img--3y5gd {
    display: none
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm>.index-module__m_img--3y5gd {
        display:block
    }
}

.index-module__meet_card_wrap--k5hAm .index-module__bottom_content--qRNcp {
    padding: 32px
}

@media screen and (min-width: 768px) and (max-width:1679px) {
    .index-module__meet_card_wrap--k5hAm .index-module__bottom_content--qRNcp {
        padding:24px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm .index-module__bottom_content--qRNcp {
        padding:20px
    }
}

.index-module__meet_card_wrap--k5hAm .index-module__title--8kYpW {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #181818;
    display: -webkit-box;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1440px) and (max-width:1679px) {
    .index-module__meet_card_wrap--k5hAm .index-module__title--8kYpW {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .index-module__meet_card_wrap--k5hAm .index-module__title--8kYpW {
        font-size:24px;
        line-height: 32px
    }
}

@media screen and (max-width: 768px) and (max-width:1023px) {
    .index-module__meet_card_wrap--k5hAm .index-module__title--8kYpW {
        font-size:18px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm .index-module__title--8kYpW {
        font-size:16px;
        line-height: 24px
    }
}

.index-module__meet_card_wrap--k5hAm .index-module__description--FDQNg {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #41464f;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 22px;
    margin: 8px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1023px) {
    .index-module__meet_card_wrap--k5hAm .index-module__description--FDQNg {
        font-size:14px;
        height: 40px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .index-module__meet_card_wrap--k5hAm .index-module__description--FDQNg {
        font-size:14px;
        height: 40px;
        line-height: 20px
    }
}

.index-module__meet_card_wrap--k5hAm .index-module__btn--qj74d {
    color: #1664ff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 32px;
    text-align: center
}

.index-module__meet_card_wrap--k5hAm .index-module__btn--qj74d>svg {
    margin-left: 6px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__meet_card_wrap--k5hAm .index-module__btn--qj74d {
        margin-top:24px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__meet_card_wrap--k5hAm .index-module__btn--qj74d {
        margin-top:20px
    }
}

.index-module__meet_card_wrap--k5hAm:hover .index-module__btn--qj74d {
    color: #4281ff
}

.index-module__meet_card_wrap--k5hAm:hover .index-module__btn--qj74d>svg path {
    stroke: #4281ff
}

.index-module__technology_analyze--HB8IV {
    background-color: #fff
}

@media screen and (max-width: 1023px) {
    .index-module__technology_analyze--HB8IV.index-module__off--Pb-rl {
        padding-bottom:48px
    }
}

@media screen and (min-width: 1024px) {
    .index-module__technology_analyze--HB8IV.index-module__off--Pb-rl {
        padding-bottom:80px
    }
}

.index-module__whitebook_wrap--hIDKc {
    background-color: #f8fbff;
    background-image: url(./images/bg1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.index-module__whitebook_mobile--ZxXhf {
    background: #fff
}

.index-module__whitebook_pc_wrap--tuywL {
    display: flex;
    height: 578px;
    margin: 0 auto;
    padding-bottom: 36px;
    padding-top: 36px;
    width: 1200px
}

@media screen and (max-width: 1023px) {
    .index-module__whitebook_pc_wrap--tuywL {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .index-module__whitebook_pc_wrap--tuywL {
        display:flex
    }
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title_box--I1lfk {
    border-right: 1px solid #e2eafa;
    height: 100%;
    padding-left: 50px;
    width: 285px
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: start
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO:not(:last-child) {
    margin-bottom: 28px
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO .index-module__icon_box--RtUom {
    height: 24px;
    position: relative;
    width: 24px
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO .index-module__icon_box--RtUom img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s cubic-bezier(.22,1,.36,1);
    width: 100%
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO .index-module__light_icon--1gskn {
    opacity: 0;
    z-index: 2
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO .index-module__dark_icon--dXHbP,.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO:hover .index-module__light_icon--1gskn {
    opacity: 1
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO:hover .index-module__dark_icon--dXHbP {
    opacity: 0
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO h5 {
    color: #4e5969;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 0 16px
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO:hover h5 {
    color: #1664ff
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO .index-module__category_tag--kLVu8 {
    background: hsla(0,0%,100%,.3);
    border: 1px solid rgba(219,55,63,.3);
    border-radius: 4px;
    color: #db373f;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-left: 7px;
    text-align: center;
    width: 24px
}

@media screen and (max-width: 1023px) {
    .index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO .index-module__category_tag--kLVu8 {
        display:none
    }
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO.index-module__activity--E6eaV .index-module__icon_box--RtUom>.index-module__light_icon--1gskn {
    opacity: 1
}

.index-module__whitebook_pc_wrap--tuywL .index-module__left_title---XhQO.index-module__activity--E6eaV h5 {
    color: #1664ff;
    font-weight: 600
}

.index-module__whitebook_pc_wrap--tuywL .index-module__right_content_box--nZPt8 {
    position: relative;
    width: 914px
}

.index-module__whitebook_pc_wrap--tuywL .index-module__right_content--jEq\+q {
    display: block;
    padding-left: 60px;
    position: absolute;
    top: 0;
    width: 100%
}

.index-module__whitebook_pc_wrap--tuywL .index-module__right_content_block--ZvDOF {
    display: block
}

.index-module__tabs_one_wrap--by9sI {
    height: 100%;
    width: 100%
}

.index-module__title_wrap--4JyMK {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    width: 100%
}

.index-module__title_wrap--4JyMK::-webkit-scrollbar {
    display: none
}

.index-module__title_box--SSs0J {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.index-module__title_btn--NmqdW {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    margin: 0 24px;
    padding: 12px 0
}

@media screen and (max-width: 767px) {
    .index-module__title_btn--NmqdW {
        margin:0 12px
    }
}

.index-module__title_btn--NmqdW:first-child {
    margin-left: 0
}

.index-module__title_btn--NmqdW>span {
    color: #4e5969;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

@media screen and (max-width: 1023px) {
    .index-module__title_btn--NmqdW>span {
        font-size:14px;
        line-height: 22px
    }
}

.index-module__title_btn--NmqdW>span.index-module__active--fSp6\+ {
    color: #1664ff;
    font-weight: 500
}

.index-module__title_btn--NmqdW:hover>span {
    color: #1664ff
}

.index-module__title_line--Guzpy {
    background: #1664ff;
    bottom: 0;
    height: 2px;
    position: absolute;
    transition: .3s cubic-bezier(.34,.69,.1,1)
}

.index-module__tab_content_wrap--JbzEH {
    margin-top: 47px
}

@media screen and (max-width: 1023px) {
    .index-module__tab_content_wrap--JbzEH {
        margin-top:24px
    }
}

.index-module__white_book_card--8RDCo {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.index-module__white_book_card--8RDCo .index-module__title_box--CAQ9Q {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.index-module__white_book_card--8RDCo .index-module__title_tag--8wnqv {
    background: hsla(0,0%,100%,.3);
    border: 1px solid rgba(219,55,63,.3);
    border-radius: 4px;
    color: #db373f;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 12px;
    padding: 2px 7px
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__title_tag--8wnqv {
        display:none
    }
}

.index-module__white_book_card--8RDCo .index-module__title--TENFo {
    color: #181818;
    display: block;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    margin: 0;
    max-width: 552px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__title--TENFo {
        font-size:18px;
        line-height: 26px;
        max-width: 511px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .index-module__white_book_card--8RDCo .index-module__title--TENFo {
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 18px;
        line-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        width: 100%
    }
}

.index-module__white_book_card--8RDCo .index-module__desc--F0Z-3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: hsla(0,0%,9%,.8);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 646px
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__desc--F0Z-3 {
        color:#4e5969;
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 20px;
        width: 100%
    }
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i {
    display: flex
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i a {
    display: block
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i a>button {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 10px 24.5px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__buttons--slK1i a>button {
        font-size:12px;
        font-weight: 400;
        line-height: 17px;
        padding: 7.5px 15.5px
    }
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i a>.index-module__default--Whv0G {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 8px rgba(46,70,146,.05);
    color: #41464f
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i a>.index-module__primary--9IcKo {
    background-color: #1664ff;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i>a:first-child {
    margin-right: 20px
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i a>.index-module__primary--9IcKo:hover {
    background: #4281ff
}

.index-module__white_book_card--8RDCo .index-module__buttons--slK1i a>.index-module__default--Whv0G:hover {
    background-color: #f6f8fa;
    border: 1px solid #4281fd;
    color: #41464f
}

.index-module__white_book_card--8RDCo .index-module__our_customers--5jLIG,.index-module__white_book_card--8RDCo .index-module__products--56ap\+ {
    color: #4e5969;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 34px 0 16px
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__our_customers--5jLIG,.index-module__white_book_card--8RDCo .index-module__products--56ap\+ {
        font-size:14px;
        line-height: 22px
    }
}

.index-module__white_book_card--8RDCo .index-module__products--56ap\+ {
    margin-top: 60px
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__products--56ap\+ {
        margin-top:40px
    }
}

.index-module__white_book_card--8RDCo .index-module__product_box--7sco6 {
    height: 30px;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 767px) {
    .index-module__white_book_card--8RDCo .index-module__product_box--7sco6 {
        height:auto
    }

    .index-module__white_book_card--8RDCo .index-module__product_box--7sco6>a {
        margin-bottom: 12px
    }

    .index-module__white_book_card--8RDCo .index-module__our_customers--5jLIG {
        margin-top: 22px
    }
}

.index-module__white_book_card--8RDCo .index-module__our_customer_box---jl1R {
    height: 48px;
    margin-right: -16px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .index-module__white_book_card--8RDCo .index-module__our_customer_box---jl1R {
        height:auto;
        margin-bottom: -16px;
        margin-right: -20px
    }
}

.index-module__white_book_card--8RDCo .index-module__our_customer_box---jl1R img {
    height: 48px;
    margin-right: 16px;
    width: 144px
}

.index-module__white_book_card--8RDCo .index-module__our_customer_box---jl1R img:last-child {
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .index-module__white_book_card--8RDCo .index-module__our_customer_box---jl1R img {
        height:28px;
        width: 86px
    }
}

@media screen and (max-width: 767px) {
    .index-module__white_book_card--8RDCo .index-module__our_customer_box---jl1R img {
        margin-bottom:16px;
        margin-right: 12px
    }
}

.index-module__tag_box--j3i1o {
    background: #fff;
    display: inline-block;
    line-height: 22px;
    padding: 4px 12px;
    text-decoration: none
}

.index-module__tag_box--j3i1o:last-child {
    margin-right: 0!important
}

.index-module__tag_box--j3i1o:hover {
    opacity: .7
}

.index-module__tag_text--ZjoQJ {
    color: #1664ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 0
}

.index-module__whitebook_mobile_wrap--rIWXl {
    background-color: #fff;
    padding: 0 24px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .index-module__whitebook_mobile_wrap--rIWXl {
        display:none
    }
}

@media screen and (max-width: 1023px) {
    .index-module__whitebook_mobile_wrap--rIWXl {
        display:block;
        padding-bottom: 64px
    }
}

@media screen and (max-width: 767px) {
    .index-module__whitebook_mobile_wrap--rIWXl {
        padding-bottom:48px
    }
}

.index-module__whitebook_mobile_wrap--rIWXl .index-module__content_box--LkQR9 {
    background-color: #f8f9fe;
    width: 100%
}

.index-module__collapse_item_box--js1JG {
    margin-bottom: 8px
}

.index-module__collapse_item_box--js1JG:last-child {
    margin-bottom: 0
}

.index-module__collapse_item_box--js1JG .index-module__title_box--f4lTf {
    align-items: center;
    background: #f8f9fe;
    border-radius: 4px;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0 24px
}

.index-module__collapse_item_box--js1JG .index-module__title_box--f4lTf.index-module__open--Kazr1 {
    border-radius: 4px 4px 0 0;
    margin-bottom: 0
}

.index-module__collapse_item_box--js1JG .index-module__title_box--f4lTf.index-module__open--Kazr1 .index-module__title_icon--LjVG1 {
    transform: rotate(180deg);
    transition: transform .4s cubic-bezier(.34,.69,.1,1)
}

.index-module__collapse_item_box--js1JG .index-module__title_text--gQVbz {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
}

.index-module__collapse_item_box--js1JG .index-module__content_box--MpJ0e {
    background: #f8f9fe;
    display: none;
    overflow: hidden;
    padding: 24px 50px 24px 24px;
    transition: height .3s cubic-bezier(.34,.69,.1,1)
}

@media screen and (max-width: 767px) {
    .index-module__collapse_item_box--js1JG .index-module__content_box--MpJ0e {
        padding:12px 24px 24px
    }
}

.index-module__collapse_item_box--js1JG .index-module__content_box--MpJ0e.index-module__open--Kazr1 {
    display: block
}

.index-module__collapse_item_box--js1JG .index-module__content_box--MpJ0e.index-module__close--9nnsw {
    display: none
}

.index-module__nav_wrap--Kt3rs {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    justify-content: center;
    position: fixed;
    top: -50px;
    transition: transform .5s;
    width: 100%;
    z-index: 601
}

@media screen and (max-width: 1023px) {
    .index-module__nav_wrap--Kt3rs {
        display:none
    }
}

.index-module__nav_box--3gV6c {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%
}

.index-module__nav_btn--vN5vG {
    align-items: center;
    color: #181818;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 50px
}

.index-module__nav_btn--vN5vG.index-module__active--vlZIP {
    color: #1664ff;
    font-weight: 500
}

.index-module__highLightLine--ucHjP {
    background: #1664ff;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    height: 3px;
    position: absolute;
    transition: width .5s,transform .5s
}

.index-module__nav_wrap--Kt3rs.index-module__show--b9oqa {
    transform: translateY(50px)
}

.marketActivityBody img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

@media screen and (min-width: 1280px) and (max-width:1280px) {
    .marketActivityBody {
        min-width:1280px;
        overflow-x: hidden
    }
}

@media screen and (max-width: 1279px) and (min-width:1024px) {
    .marketActivityBody {
        background-color:#fff;
        min-width: 1280px;
        overflow-x: auto
    }
}

.index-module__mkt-footer-body--KNV7b #app-footer #volcfe-footer .volcfe-footer-adv-mob,.index-module__mkt-footer-body--KNV7b #app-footer #volcfe-footer .volcfe-footer-adv-pc,.index-module__mkt-footer-body--KNV7b #app-footer #volcfe-footer .volcfe-footer-mobile,.index-module__mkt-footer-body--KNV7b #app-footer #volcfe-footer .volcfe-footer-pc {
    display: none
}

.index-module__arco-affix-outer--u2yF5 .arco-affix {
    z-index: 600
}

.index-module__mkt-footer--5Q-M0 {
    align-items: center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 80px;
    justify-content: space-between;
    min-width: 1200px;
    padding: 0 264px;
    width: 100%
}

.index-module__mkt-footer--5Q-M0,.index-module__mkt-footer--5Q-M0 * {
    box-sizing: border-box
}

.index-module__mkt-footer--5Q-M0 a,.index-module__mkt-footer--5Q-M0 a:active,.index-module__mkt-footer--5Q-M0 a:hover,.index-module__mkt-footer--5Q-M0 a:link,.index-module__mkt-footer--5Q-M0 a:visited {
    color: inherit;
    text-decoration: none
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-text-container--aN864 .index-module__text-line--dUQhf {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W {
    background-color: #fff;
    border-radius: 4px;
    height: 50px;
    overflow: hidden;
    width: 385px
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .arco-input-group .arco-input-inner-wrapper {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 4px 4px 4px 16px
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .arco-input-group .arco-input-inner-wrapper .arco-input {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .arco-input-group .arco-input-inner-wrapper .arco-input::-webkit-input-placeholder {
    color: #86909c
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .arco-input-group .arco-input-inner-wrapper .arco-input::-moz-placeholder {
    color: #86909c
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .arco-input-group .arco-input-inner-wrapper .arco-input::-ms-input-placeholder {
    color: #86909c
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .arco-input-group .arco-input-inner-wrapper .arco-input::placeholder {
    color: #86909c
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .index-module__footer-button-pc--GJuNC {
    background-color: #1664ff;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 42px;
    letter-spacing: .003em;
    line-height: 42px;
    padding: 0 24px
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .index-module__footer-button-pc--GJuNC:hover {
    background-color: #4281ff
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH .index-module__footer-input-pc--dpy3W .index-module__footer-button-pc--GJuNC:active {
    background-color: #05f
}

.index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-mobile--CAxPz {
    display: none
}

@media screen and (max-width: 1023.99999px) {
    .index-module__mkt-footer--5Q-M0 {
        height:58px;
        min-width: unset;
        padding: 0 32px
    }

    .index-module__mkt-footer--5Q-M0 .index-module__footer-text-container--aN864 .index-module__text-line--dUQhf {
        font-size: 12px;
        line-height: 17px
    }

    .index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-pc--bn1lH {
        display: none
    }

    .index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-mobile--CAxPz {
        display: block
    }

    .index-module__mkt-footer--5Q-M0 .index-module__footer-contact-container-mobile--CAxPz .index-module__footer-button-mobile--OdEmW {
        background-color: #fff;
        border-radius: 2px;
        color: #226cff;
        display: block;
        font-family: PingFang SC;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        height: 32px;
        letter-spacing: .003em;
        line-height: 32px;
        padding: 0 26px;
        width: 110px
    }
}

@media screen and (min-width: 1680px) {
    .index-module__mkt-footer--5Q-M0 {
        padding:0 464px
    }
}

.index-module__backToTop--U8XYE {
    align-items: center;
    bottom: 220px;
    cursor: pointer;
    display: flex;
    -webkit-filter: drop-shadow(0 8px 12px #cadcf3);
    filter: drop-shadow(0 8px 12px #CADCF3);
    height: 60px;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    right: 50px;
    width: 60px;
    z-index: 1
}

.index-module__backToTop--U8XYE img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .index-module__backToTop--U8XYE {
        height:48px;
        width: 48px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__backToTop--U8XYE {
        display:none
    }
}

.index-module__buttonBg--Mi8rF {
    background-image: linear-gradient(133deg,#6fb0ff,#719eff 69.79%,#9fdcfd 98.44%);
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-filter: drop-shadow(0 8px 16px rgba(30,113,255,.3));
    filter: drop-shadow(0 8px 16px rgba(30,113,255,.3));
    height: 60px;
    padding: 2px;
    width: 200px
}

.index-module__buttonBg--Mi8rF .index-module__button--rCPpX {
    align-items: center;
    background: linear-gradient(133deg,#2d64ff,#3c7eff 69.79%,#21aeff 98.44%);
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 100%
}

.index-module__buttonBg--Mi8rF .index-module__button--rCPpX .index-module__buttonIcon--VLtfv {
    height: 30px;
    margin-right: 4px;
    width: 30px
}

.index-module__buttonBg--Mi8rF .index-module__button--rCPpX .index-module__buttonText--e9SR2 {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

.index-module__buttonBg--Mi8rF .index-module__button--rCPpX:hover {
    background: linear-gradient(133deg,#304aff,#396cff 69.79%,#2e89ff 98.44%)
}

@media screen and (min-width: 768px) {
    .index-module__buttonBg--Mi8rF .index-module__button--rCPpX {
        padding-right:12px
    }
}

.index-module__qrcode--OzmAJ {
    height: 32px;
    position: relative;
    width: 32px;
    z-index: 10
}

.index-module__qrcode--OzmAJ .index-module__icon--wcijJ {
    max-height: 100%;
    max-width: 100%
}

.index-module__qrcode--OzmAJ .index-module__qrcodeContentWrap--LcgVy {
    display: none;
    height: 186px;
    left: 50%;
    position: absolute;
    top: -186px;
    transform: translateX(-50%)
}

.index-module__qrcode--OzmAJ .index-module__qrcodeContent--7rSSl {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
    height: 174px;
    width: 130px;
    z-index: 1000
}

.index-module__qrcode--OzmAJ .index-module__qrcodeContent--7rSSl .index-module__qrcodeImg--eYtCs {
    height: 102px;
    margin-top: 14px;
    width: 102px
}

.index-module__qrcode--OzmAJ .index-module__qrcodeContent--7rSSl .index-module__qrcodeTitle--Jl3pL {
    color: #0c0d0e;
    font-size: 14px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    margin-top: 7px
}

.index-module__qrcode--OzmAJ .index-module__qrcodeContent--7rSSl .index-module__qrcodeDescription--ZikIN {
    color: #0c0d0e;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    margin-top: 2px
}

.index-module__qrcode--OzmAJ:hover .index-module__qrcodeContentWrap--LcgVy {
    display: block
}

.index-module__qrcode--OzmAJ:hover .index-module__qrcodeContent--7rSSl {
    align-items: center;
    display: flex;
    flex-direction: column
}

@font-face {
    font-family: ByteSans;
    src: url(./webfonts/ByteSans-Medium.ttf)
}

.index-module__video-cloud-countdown-time-wrap--5yRRX {
    display: flex;
    flex-grow: 0;
    margin-right: 5px
}

.index-module__video-cloud-countdown-time-box--Gd9xz {
    align-items: center;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-family: ByteSans;
    font-size: 34px;
    height: 80px;
    justify-content: center;
    position: relative;
    width: 76px
}

.index-module__video-cloud-countdown-time-box--Gd9xz .index-module__video-cloud-countdown-time-value--2j1Py {
    font-size: 34px;
    font-weight: 500
}

.index-module__video-cloud-countdown-unit--oMLIy {
    align-items: center;
    color: #000;
    display: flex;
    float: left;
    font-family: Noto Sans SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

@media screen and (max-width: 1679px) {
    .index-module__video-cloud-countdown-time-wrap--5yRRX {
        margin-right:8px
    }

    .index-module__video-cloud-countdown-time-box--Gd9xz {
        box-sizing: border-box;
        height: 70px;
        position: relative;
        width: 66px
    }

    .index-module__video-cloud-countdown-time-box--Gd9xz .index-module__video-cloud-countdown-time-value--2j1Py {
        font-size: 30px
    }

    .index-module__video-cloud-countdown-unit--oMLIy {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .index-module__video-cloud-countdown-time-wrap--5yRRX {
        margin-right:0
    }

    .index-module__video-cloud-countdown-time-box--Gd9xz {
        box-sizing: border-box;
        height: 53px;
        position: relative;
        width: 50px
    }

    .index-module__video-cloud-countdown-time-box--Gd9xz .index-module__video-cloud-countdown-time-value--2j1Py {
        font-size: 22px
    }

    .index-module__video-cloud-countdown-unit--oMLIy {
        font-size: 14px
    }
}

@media screen and (max-width: 370px) {
    .index-module__video-cloud-countdown-unit--oMLIy {
        font-size:13px
    }
}

.index-module__wrap_screen1--M1gDt {
    align-items: center;
    background-position: 0 100%;
    background-size: 100% auto;
    display: flex;
    height: 100vh;
    justify-content: flex-start;
    max-height: 2200px;
    min-height: 720px;
    position: relative;
    width: 100%;
    z-index: 1
}

.index-module__wrap_screen1--M1gDt .index-module__banner_video--K8FCd {
    height: 100%;
    left: 0;
    min-width: 1200px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.index-module__wrap_screen1--M1gDt .index-module__banner_mob_background--hjOFB {
    display: none
}

.index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    width: 1444px;
    z-index: 5
}

@media screen and (min-width: 1680px) {
    .index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY {
        transform:translate(-50%,-50%)
    }
}

.index-module__wrap_screen1--M1gDt .index-module__title_image--bMY4T {
    display: block;
    width: 652px
}

.index-module__wrap_screen1--M1gDt .index-module__mob_title_image--xa2EF {
    display: none
}

.index-module__wrap_screen1--M1gDt .index-module__content-wrap--CXamt {
    white-space: nowrap;
    width: 100%
}

.index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 {
    align-items: center;
    display: flex;
    height: 62px;
    margin-top: 36px
}

.index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 .index-module__count_down_text--m1Mhz {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin-right: 8px
}

.index-module__wrap_screen1--M1gDt .index-module__button_wrap--xGbKi {
    display: flex;
    height: 52px;
    justify-content: start;
    margin-top: 64px
}

.index-module__wrap_screen1--M1gDt .index-module__button_mob_wrap--hDFCb {
    display: none
}

.index-module__wrap_screen1--M1gDt .index-module__banner_arrow--sTBrW {
    bottom: 80px;
    height: 18px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 18px;
    z-index: 100
}

.index-module__wrap_screen1--M1gDt .index-module__banner_arrow--sTBrW .index-module__arrow0--u8gzm {
    -webkit-animation: index-module__arrow0--u8gzm 4s linear infinite;
    animation: index-module__arrow0--u8gzm 4s linear infinite;
    height: 13px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 19px
}

.index-module__wrap_screen1--M1gDt .index-module__banner_arrow--sTBrW .index-module__arrow1--sPwWB {
    -webkit-animation: index-module__arrow1--sPwWB 4s linear infinite;
    animation: index-module__arrow1--sPwWB 4s linear infinite;
    height: 13px;
    left: 50%;
    position: absolute;
    top: 10px;
    transform: translateX(-50%);
    width: 19px
}

.index-module__wrap_screen1--M1gDt .index-module__qrcode_wrap--KJS\+J {
    align-items: center;
    background: linear-gradient(136.1deg,rgba(235,244,255,.609) 2.04%,rgba(224,240,255,.434) 62.21%,rgba(193,238,255,0) 98.12%),linear-gradient(110.36deg,hsla(0,0%,100%,.9) -.03%,hsla(0,0%,100%,0) 36.33%),linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),linear-gradient(180deg,hsla(0,0%,100%,.3),rgba(155,165,255,.114) 27.6%,rgba(224,237,255,.114));
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 200px;
    bottom: 90px;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0 21px;
    position: absolute;
    right: 114px;
    width: 136px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .index-module__wrap_screen1--M1gDt {
        background-image:none!important
    }
}

@media screen and (max-width: 1679px) and (min-width:1024px) {
    .index-module__wrap_screen1--M1gDt {
        min-height:620px;
        min-width: 1280px
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY {
        top: 260px;
        width: 1266px
    }

    .index-module__wrap_screen1--M1gDt .index-module__title_image--bMY4T {
        width: 510px
    }

    .index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 {
        align-items: center;
        display: flex;
        height: 54px;
        margin-top: 32px
    }

    .index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 .index-module__count_down_text--m1Mhz {
        font-size: 18px;
        margin-right: 8px
    }

    .index-module__wrap_screen1--M1gDt .index-module__button_wrap--xGbKi {
        margin-top: 54px
    }

    .index-module__wrap_screen1--M1gDt .index-module__qrcode_wrap--KJS\+J {
        bottom: 54px;
        right: 90px
    }
}

@media screen and (max-width: 1280px) and (min-width:1024px) {
    .index-module__wrap_screen1--M1gDt {
        width:1280px
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY {
        box-sizing: border-box;
        padding-left: 32px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__wrap_screen1--M1gDt {
        min-height:550px
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY {
        top: 210px;
        width: calc(100vw - 96px)
    }

    .index-module__wrap_screen1--M1gDt .index-module__title_image--bMY4T {
        width: 510px
    }

    .index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 {
        margin-top: 36px
    }

    .index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 .index-module__count_down_text--m1Mhz {
        font-size: 18px;
        margin-right: 6px
    }

    .index-module__wrap_screen1--M1gDt .index-module__button_wrap--xGbKi {
        margin-top: 46px
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_video--K8FCd {
        display: none
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_mob_background--hjOFB {
        display: block;
        height: 100%;
        width: 100%
    }

    .index-module__wrap_screen1--M1gDt .index-module__qrcode_wrap--KJS\+J {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .index-module__wrap_screen1--M1gDt {
        min-height:500px
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY {
        top: 110px;
        width: calc(100vw - 64px)
    }

    .index-module__wrap_screen1--M1gDt .index-module__title_image--bMY4T {
        display: none
    }

    .index-module__wrap_screen1--M1gDt .index-module__mob_title_image--xa2EF {
        display: block;
        height: auto;
        width: 72vw
    }

    .index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 {
        margin-top: 20px
    }

    .index-module__wrap_screen1--M1gDt .index-module__count_down_box--mLBD2 .index-module__count_down_text--m1Mhz {
        font-size: 14px;
        margin-right: 0
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_video--K8FCd,.index-module__wrap_screen1--M1gDt .index-module__button_wrap--xGbKi {
        display: none
    }

    .index-module__wrap_screen1--M1gDt .index-module__button_mob_wrap--hDFCb {
        bottom: 10vw;
        display: block;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: calc(100vw - 64px);
        z-index: 100
    }

    .index-module__wrap_screen1--M1gDt .index-module__button_mob_wrap--hDFCb .index-module__button_mob--ahmNq {
        height: 60px;
        width: calc(100vw - 64px)
    }

    .index-module__wrap_screen1--M1gDt .index-module__banner_arrow--sTBrW {
        bottom: calc(10vw + 130px)
    }
}

@media screen and (max-width: 370px) {
    .index-module__wrap_screen1--M1gDt .index-module__banner_content--vbDgY .index-module__count_down_box--mLBD2 .index-module__count_down_text--m1Mhz {
        font-size:13px
    }
}

@-webkit-keyframes index-module__arrow0--u8gzm {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: 1;
        top: 10px
    }

    to {
        opacity: 0;
        top: 20px
    }
}

@keyframes index-module__arrow0--u8gzm {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: 1;
        top: 10px
    }

    to {
        opacity: 0;
        top: 20px
    }
}

@-webkit-keyframes index-module__arrow1--sPwWB {
    00% {
        opacity: 1;
        top: 10px
    }

    50% {
        opacity: 0;
        top: 20px
    }

    50.01% {
        top: 0
    }

    to {
        opacity: 1;
        top: 10px
    }
}

@keyframes index-module__arrow1--sPwWB {
    00% {
        opacity: 1;
        top: 10px
    }

    50% {
        opacity: 0;
        top: 20px
    }

    50.01% {
        top: 0
    }

    to {
        opacity: 1;
        top: 10px
    }
}

.index-module__nav--sy-Zo {
    align-items: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: hsla(0,0%,100%,.25);
    box-sizing: border-box;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 0;
    padding: 0 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.index-module__nav--sy-Zo .index-module__navLogo--Wo319 {
    cursor: pointer;
    max-height: 27px
}

.index-module__nav--sy-Zo .index-module__navItemList--oVl\+3 {
    align-items: center;
    display: flex
}

.index-module__nav--sy-Zo .index-module__navItemList--oVl\+3 a {
    color: #0c0d0e;
    margin-left: 60px;
    text-decoration: none
}

@media screen and (max-width: 1200px) {
    .index-module__nav--sy-Zo .index-module__navItemList--oVl\+3 a {
        margin-left:40px
    }
}

.index-module__nav--sy-Zo .index-module__navItemList--oVl\+3 .index-module__button--9nONb {
    background: linear-gradient(133deg,#2d64ff,#3c7eff 69.79%,#21aeff 98.44%);
    border: 1px solid #21aeff;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 500!important;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 104px
}

.index-module__nav--sy-Zo .index-module__navMob--q9Idy {
    align-items: center;
    display: none;
    height: 25px;
    justify-content: center;
    width: 25px
}

.index-module__nav--sy-Zo .index-module__navMob--q9Idy .index-module__navMobItemList--ZbNXH {
    background-color: rgba(204,229,255,.98);
    box-sizing: border-box;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding-top: 60px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.index-module__nav--sy-Zo .index-module__navMob--q9Idy .index-module__navMobItemList--ZbNXH .index-module__navClose--9h92Y {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 1002
}

.index-module__nav--sy-Zo .index-module__navMob--q9Idy .index-module__navMobItemList--ZbNXH .index-module__navMobItem--qHRh8 {
    align-items: center;
    border-bottom: 1px solid #adcff3;
    display: block;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin: 0 24px;
    padding: 0 3px 0 12px;
    text-decoration: none;
    width: calc(100% - 48px)
}

.index-module__nav--sy-Zo .index-module__navMob--q9Idy .index-module__navMobItemList--ZbNXH .index-module__navMobItem--qHRh8 .index-module__title--wUH6o {
    color: #0c0d0e;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px
}

@media screen and (max-width: 1023px) {
    .index-module__nav--sy-Zo {
        height:60px;
        padding: 0 24px
    }

    .index-module__nav--sy-Zo .index-module__navLogo--Wo319 {
        max-height: 22px
    }

    .index-module__nav--sy-Zo .index-module__navItemList--oVl\+3 {
        display: none
    }

    .index-module__nav--sy-Zo .index-module__navMob--q9Idy {
        display: flex
    }
}

.arco-drawer-mask {
    background-color: var(--color-mask-bg);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-drawer-no-mask {
    pointer-events: none
}

.arco-drawer-no-mask .arco-drawer {
    pointer-events: auto
}

.arco-drawer-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.arco-drawer-wrapper-hide {
    display: none
}

.arco-drawer {
    background-color: var(--color-bg-3);
    height: 100%;
    line-height: 1.5715;
    position: absolute;
    width: 100%
}

.arco-drawer-wrapper {
    height: 100%;
    position: relative
}

.arco-drawer-fixed {
    position: fixed;
    top: 0;
    z-index: 1001
}

.arco-drawer-inner {
    height: 100%;
    overflow: hidden
}

.arco-drawer-scroll {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto
}

.arco-drawer-header {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    padding: 0 16px;
    width: 100%
}

.arco-drawer-header-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
    text-align: left
}

.arco-drawer-footer {
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 16px;
    text-align: right
}

.arco-drawer-footer>.arco-btn {
    margin-left: 12px
}

.arco-drawer .arco-drawer-close-icon {
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 1
}

.arco-drawer-content {
    box-sizing: border-box;
    color: var(--color-text-1);
    flex: 1 1;
    height: 100%;
    overflow: auto;
    padding: 12px 16px;
    position: relative
}

.arco-drawer-rtl {
    direction: rtl
}

.arco-drawer-rtl .arco-drawer-close-icon {
    left: 20px;
    right: auto
}

.arco-drawer-rtl .arco-drawer-footer {
    text-align: left
}

.index-module__lookback--YIuxv {
    display: flex;
    margin: 0 auto;
    padding-bottom: 35px;
    width: 1380px
}

.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia {
    border-left: 1px dashed #96b1f9;
    box-sizing: border-box;
    cursor: pointer;
    height: 200px;
    padding-left: 30px;
    position: relative;
    width: 460px
}

.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia .index-module__lookbackCircle--OkByV {
    align-items: center;
    background-color: #eef5ff;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    height: 29px;
    justify-content: center;
    left: -15px;
    position: absolute;
    top: 0;
    width: 29px
}

.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia .index-module__lookbackCircle--OkByV .index-module__lookbackCenter--1onzY {
    background-color: rgba(61,115,255,.95);
    border-radius: 50%;
    height: 7px;
    width: 7px
}

.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia .index-module__date--WLLMf {
    color: #0c0d0e;
    font-size: 24px;
    font-weight: 700;
    height: 29px;
    line-height: 29px
}

.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia .index-module__title--KPbav {
    color: #0c0d0e;
    font-size: 24px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    margin-top: 8px
}

.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia:hover .index-module__date--WLLMf,.index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia:hover .index-module__title--KPbav {
    color: #2a4cff
}

.index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh {
    display: none
}

.index-module__lookback--YIuxv .index-module__mountian--L7PpB {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

@media screen and (max-width: 1679px) and (min-width:1024px) {
    .index-module__lookback--YIuxv {
        width:1191px
    }

    .index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia {
        width: 397px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__lookback--YIuxv {
        flex-direction:column;
        width: 100%
    }

    .index-module__lookback--YIuxv .index-module__lookbackItem--2Nzia {
        display: none
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh {
        align-items: center;
        display: flex;
        height: 36px;
        justify-content: space-between;
        margin-bottom: 52px;
        width: 100%
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__date--WLLMf {
        font-size: 26px;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        width: 100px
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__title--KPbav {
        flex: 1 1;
        font-size: 26px;
        font-weight: 600;
        height: 30px;
        line-height: 30px
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__lookbackCircle--OkByV {
        background-color: #3470ff;
        border-radius: 50%;
        height: 8px;
        margin: 0 34px;
        position: relative;
        width: 8px
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__lookbackCircle--OkByV .index-module__lookbackEdge--Xyrwh {
        border-left: 1px dashed #96b1f9;
        height: 80px;
        left: 3.5px;
        position: absolute;
        top: 7px;
        width: 0
    }

    .index-module__drawerWrap--7sbC1 {
        border-radius: 20px 20px 0 0
    }
}

.index-module__drawer--G8Xhe {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-top: 68px;
    width: 760px
}

.index-module__drawer--G8Xhe .index-module__media---l5kW {
    display: flex;
    justify-content: center;
    width: 760px
}

.index-module__drawer--G8Xhe .index-module__media---l5kW img {
    display: block;
    width: 100%
}

.index-module__drawer--G8Xhe .index-module__title--KPbav {
    font-size: 32px;
    font-weight: 600;
    height: 45px;
    margin: 32px 0 20px;
    width: 100%
}

.index-module__drawer--G8Xhe .index-module__subTitle--TVc\+W {
    font-size: 13px;
    font-weight: 500;
    padding: 20px 0 6px;
    width: 100%
}

.index-module__drawer--G8Xhe .index-module__descriptions--cgwnv {
    border-top: 1px solid #e5e2ea;
    font-size: 13px;
    width: 100%
}

.index-module__drawer--G8Xhe .index-module__descriptions--cgwnv .index-module__description--juCv4,.index-module__drawer--G8Xhe .index-module__relatedProducts--s6KYv {
    width: 100%
}

.index-module__drawer--G8Xhe .index-module__relatedProducts--s6KYv .index-module__item--3b-v0 {
    color: #1664ff;
    height: 24px;
    line-height: 24px;
    margin-right: 12px;
    text-decoration: none;
    width: 100%
}

.index-module__drawer--G8Xhe .index-module__relatedProducts--s6KYv .index-module__item--3b-v0:hover {
    color: #387bff
}

.index-module__drawer--G8Xhe .index-module__relatedProducts--s6KYv .index-module__item--3b-v0:visited {
    color: #1759dd
}

@media screen and (max-width: 1023px) {
    .index-module__drawer--G8Xhe {
        align-items:center;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 48px 8px 0;
        width: 100%
    }

    .index-module__drawer--G8Xhe .index-module__media---l5kW {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .index-module__drawer--G8Xhe .index-module__media---l5kW img {
        display: block;
        width: 100%
    }

    .index-module__drawer--G8Xhe .index-module__title--KPbav {
        font-size: 24px;
        font-weight: 600;
        height: 34px;
        margin: 24px 0 16px;
        width: 100%
    }

    .index-module__drawer--G8Xhe .index-module__subTitle--TVc\+W {
        font-weight: 500;
        padding: 20px 0 6px;
        width: 100%
    }

    .index-module__drawer--G8Xhe .index-module__descriptions--cgwnv {
        border-top: 1px solid #e5e2ea;
        font-size: 13px;
        width: 100%
    }

    .index-module__drawer--G8Xhe .index-module__descriptions--cgwnv .index-module__description--juCv4,.index-module__drawer--G8Xhe .index-module__relatedProducts--s6KYv {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh {
        align-items:center;
        display: flex;
        height: 20px;
        justify-content: space-between;
        margin-bottom: 34px;
        width: 100%
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__date--WLLMf {
        font-size: 16px;
        font-weight: 700;
        height: 20px;
        line-height: 20px;
        width: 66px
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__title--KPbav {
        flex: 1 1;
        font-size: 16px;
        font-weight: 600;
        height: 20px;
        line-height: 20px
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__lookbackCircle--OkByV {
        background-color: #3470ff;
        border-radius: 50%;
        height: 5px;
        margin: 0 18px;
        position: relative;
        width: 5px
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__lookbackCircle--OkByV .index-module__lookbackEdge--Xyrwh {
        border-left: 1px dashed #96b1f9;
        height: 45px;
        left: 2px;
        position: absolute;
        top: 7px;
        width: 0
    }

    .index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__lookbackGo--t6IlU,.index-module__lookback--YIuxv .index-module__lookbackMobItem--sTvIh .index-module__lookbackGo--t6IlU svg {
        height: 20px;
        width: 20px
    }

    .index-module__drawerWrap--7sbC1 {
        border-radius: 20px 20px 0 0
    }
}

.index-module__drawerWrap--7sbC1 {
    overflow-y: auto
}

.index-module__drawerWrap--7sbC1 #volc-video-player {
    background: #fff
}

.index-module__drawerWrap--7sbC1 #volc-video-player video {
    height: auto
}

.index-module__drawerWrap--7sbC1 #volc-video-player .xgplayer-controls .xgplayer-progress {
    left: 0;
    right: 0;
    width: 100%
}

.index-module__drawerWrap--7sbC1 .xgplayer-skin-default .xgplayer-progress-played {
    background: #1664ff
}

.index-module__drawerWrap--7sbC1 .arco-drawer-close-icon {
    font-size: 20px!important
}

.index-module__drawerWrap--7sbC1 .arco-icon-hover:before {
    height: 26px;
    width: 26px
}

.index-module__componentsWrapper--u1g2h {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 calc(50% - 720px)
}

@media screen and (max-width: 1023px) {
    .index-module__componentsWrapper--u1g2h.index-module__mob_full--ZxMHr {
        padding:0
    }
}

@media screen and (min-width: 1920px) {
    .index-module__componentsWrapper--u1g2h {
        background-size:100% auto
    }
}

@media screen and (max-width: 1679px) and (min-width:1024px) {
    .index-module__componentsWrapper--u1g2h {
        min-width:1280px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__componentsWrapper--u1g2h {
        overflow:hidden;
        padding: 0 48px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .index-module__componentsWrapper--u1g2h {
        padding:0 20px;
        width: 100%
    }
}

.index-module__title--ExtPS {
    box-sizing: content-box;
    display: flex;
    height: 83px;
    justify-content: center;
    padding-bottom: 58px;
    padding-top: 92px
}

.index-module__title--ExtPS img {
    height: 100%
}

@media screen and (min-width: 1441px) {
    .index-module__title--ExtPS:nth-child(n+2) {
        padding-top:112px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__title--ExtPS {
        height:57px;
        padding-bottom: 34px;
        padding-top: 60px
    }
}

.index-module__schedule--swXyX {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1440px
}

.index-module__schedule--swXyX .index-module__left--oUivN {
    align-items: flex-start;
    flex-direction: column;
    width: 255px
}

.index-module__schedule--swXyX .index-module__left--oUivN .index-module__date--3Cqbq {
    margin-bottom: 50px;
    width: 255px
}

.index-module__schedule--swXyX .index-module__left--oUivN .index-module__sticky--xa1d7 {
    left: calc(50vw - 720px);
    position: -webkit-sticky;
    position: sticky;
    top: 77px;
    z-index: 100
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk {
    background-image: linear-gradient(137deg,hsla(0,0%,100%,.45),hsla(0,0%,100%,.07));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 2px solid hsla(0,0%,100%,.3);
    border-radius: 12px;
    box-shadow: 0 7.48051929px 13.09090805px 0 rgba(103,138,205,.15);
    box-sizing: border-box;
    margin-bottom: 8px;
    min-height: 205px;
    padding: 50px 56px;
    transition: transform .3s ease;
    width: 970px
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__content--rVr5O {
    font-size: 30px;
    height: 36px;
    margin-bottom: 22px
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__content--rVr5O .index-module__date--3Cqbq {
    display: inline-block;
    font-family: ByteSans;
    font-weight: 150;
    letter-spacing: 0;
    line-height: 36px;
    text-align: left;
    width: 180px
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__content--rVr5O .index-module__title--yYR4A {
    display: inline-block;
    font-family: PingFang SC;
    font-weight: 600;
    letter-spacing: .003em;
    line-height: 36px;
    margin-left: 50px;
    text-align: left
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__guest--au5Wa {
    font-size: 18px;
    margin-top: 8px;
    padding-left: 230px
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__guest--au5Wa .index-module__name--4i87l {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    text-align: left
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__guest--au5Wa .index-module__job--XaQrH {
    display: inline-block;
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin-left: 8px;
    opacity: .7;
    text-align: left
}

.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__cardWrap--qKTJc:hover .index-module__content--rVr5O .index-module__date--3Cqbq,.index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__cardWrap--qKTJc:hover .index-module__content--rVr5O .index-module__title--yYR4A {
    color: #1355ff
}

.index-module__mobSchedule--iP1KV,.index-module__padSchedule--yTLD9 {
    display: none
}

@media screen and (max-width: 1679px) {
    .index-module__schedule--swXyX {
        margin:0 auto;
        width: 1260px
    }

    .index-module__schedule--swXyX .index-module__left--oUivN {
        width: 205px
    }

    .index-module__schedule--swXyX .index-module__left--oUivN .index-module__date--3Cqbq {
        margin-bottom: 40px;
        width: 205px
    }

    .index-module__schedule--swXyX .index-module__left--oUivN .index-module__fixed--jI21y {
        left: calc(50vw - 630px);
        margin-top: 30px;
        position: fixed;
        top: 77px;
        z-index: 100
    }

    .index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk {
        min-height: 176px;
        width: 830px
    }

    .index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__content--rVr5O {
        font-size: 24px;
        height: 31px;
        margin-bottom: 20px
    }

    .index-module__schedule--swXyX .index-module__right--\+fwYO .index-module__card--vjUVk .index-module__guest--au5Wa {
        margin-top: 6px
    }
}

@media screen and (max-width: 1280px) {
    .index-module__schedule--swXyX .index-module__left--oUivN .index-module__fixed--jI21y {
        left:10px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__schedule--swXyX {
        display:none
    }

    .index-module__mobSchedule--iP1KV {
        color: #222;
        display: block;
        margin: 0 auto;
        max-width: 768px;
        position: relative;
        width: 100%
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y {
        display: flex;
        height: 185px;
        position: relative
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleTime--u77kP {
        flex: 0 0 150px;
        font-family: ByteSans;
        font-size: 26px;
        font-style: normal;
        font-weight: 0;
        height: 32px;
        line-height: 32px;
        position: relative;
        text-align: left;
        width: 150px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo {
        line-height: 32px;
        padding-left: calc(90px + 6vw)
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleTitle--LHxfY {
        color: #222;
        font-family: PingFang SC;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: .048px;
        line-height: normal;
        min-width: 160px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 {
        height: 14px;
        margin-top: 10px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 .index-module__scheduleInfo--LbQ2b {
        line-height: 26px;
        margin-top: 2px;
        min-height: 26px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 .index-module__scheduleInfo--LbQ2b .index-module__scheduleName--mYGob {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        margin-right: 12px;
        min-width: 40px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 .index-module__scheduleInfo--LbQ2b .index-module__scheduleDesc--a1uvB {
        flex-grow: 0;
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        opacity: .6
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__schedulePoint--YJqHi {
        background: #3470ff;
        border-radius: 50%;
        height: 6px;
        left: calc(185.5px + 3vw);
        position: absolute;
        top: 7px;
        width: 6px;
        z-index: 10
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleLine--fCcf6 {
        display: none
    }

    .index-module__mobSchedule--iP1KV .index-module__padScheduleLine--ofMR4 {
        border-left: 1px dashed #96b1f9;
        display: block;
        height: 500px;
        left: calc(188px + 3vw);
        position: absolute;
        top: 7px;
        width: 0
    }
}

@media screen and (max-width: 600px) {
    .index-module__mobSchedule--iP1KV {
        box-sizing:border-box;
        max-width: 420px;
        padding-left: 7px;
        width: 100%
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y {
        display: flex;
        height: 100px;
        position: relative
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleTime--u77kP {
        flex: 0 0 101px;
        font-family: ByteSans;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        height: 22px;
        line-height: 22px;
        position: relative;
        text-align: left;
        width: 101px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo {
        line-height: 22px;
        padding-left: calc(39px + 3vw)
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleTitle--LHxfY {
        color: #222;
        font-family: PingFang SC;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: .048px;
        line-height: normal;
        min-width: 160px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 {
        height: 14px;
        margin-top: 4px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 .index-module__scheduleInfo--LbQ2b {
        line-height: 14px;
        margin-top: 2px;
        min-height: 14px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 .index-module__scheduleInfo--LbQ2b .index-module__scheduleName--mYGob {
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        margin-right: 12px;
        min-width: 40px
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__scheduleContent--Wz8wo .index-module__scheduleInfos--38rF6 .index-module__scheduleInfo--LbQ2b .index-module__scheduleDesc--a1uvB {
        flex-grow: 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        opacity: .6
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleItem--hac2y .index-module__schedulePoint--YJqHi {
        background: #3470ff;
        border-radius: 50%;
        height: 6px;
        left: calc(111px + 1.5vw);
        position: absolute;
        top: 7px;
        width: 6px;
        z-index: 10
    }

    .index-module__mobSchedule--iP1KV .index-module__padScheduleLine--ofMR4 {
        display: none
    }

    .index-module__mobSchedule--iP1KV .index-module__scheduleLine--fCcf6 {
        border-left: 1px dashed #96b1f9;
        display: block;
        height: 500px;
        left: calc(120.5px + 1.5vw);
        position: absolute;
        top: 7px;
        width: 0
    }
}

.index-module__light_wrap--kSGTl h3,.index-module__light_wrap--kSGTl p {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.index-module__light_wrap--kSGTl .index-module__pc--P5JZi {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 1679px) {
    .index-module__light_wrap--kSGTl .index-module__pc--P5JZi {
        margin:0 auto;
        width: 1236px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__light_wrap--kSGTl .index-module__pc--P5JZi {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .index-module__light_wrap--kSGTl .index-module__mob--\+hZ6k {
        display:none
    }
}

.index-module__guest_card--ByCEb {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(105,122,240,.06);
    height: 100%;
    padding: 28px 24px;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__guest_card--ByCEb {
        border-radius:2.4vh;
        padding: 6.76vh 5.8vh
    }
}

.index-module__guest_card--ByCEb>* {
    position: relative;
    z-index: 1
}

.index-module__title--jrex8 {
    margin-bottom: 10px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__title--jrex8 {
        margin-bottom:2.4vh
    }
}

.index-module__title--jrex8>span {
    color: #2e4692;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__title--jrex8>span {
        font-size:4.83vh;
        line-height: 7.2vh
    }
}

.index-module__title--jrex8>span:last-child {
    font-weight: 600
}

.index-module__desc--TVCDx>p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgba(46,70,146,.8);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__desc--TVCDx>p {
        font-size:2.9vh;
        line-height: 4.83vh
    }
}

@media screen and (max-width: 767px) {
    .index-module__desc--TVCDx>p {
        font-size:14px
    }
}

.index-module__screen2_mob--1Xz78 {
    background: transparent;
    color: #2e4692;
    margin-bottom: 20px;
    padding-top: 2px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__screen2_mob--1Xz78 {
        margin-bottom:4.8vh;
        padding-top: 10.1vh
    }
}

.index-module__main_carousel--b1pdE {
    height: 280px;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__main_carousel--b1pdE {
        height:67.6vh
    }
}

.index-module__main_carousel--b1pdE .arco-carousel-card {
    overflow: visible
}

.index-module__main_carousel--b1pdE .arco-carousel-card>div {
    overflow: visible;
    transition-duration: 0ms!important
}

.index-module__main_carousel--b1pdE .arco-carousel-card .arco-carousel-item-prev {
    opacity: .4;
    transform: translateX(-165%) translateZ(-250px)
}

.index-module__main_carousel--b1pdE .arco-carousel-card .arco-carousel-item-next {
    opacity: .4;
    transform: translateX(65%) translateZ(-250px)
}

.index-module__main_carousel--b1pdE .arco-carousel-card>* {
    height: 280px!important;
    opacity: 1;
    padding: 0 15px;
    width: 280px!important
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__main_carousel--b1pdE .arco-carousel-card>* {
        height:66.7vh!important;
        padding: 0 2.9vh;
        width: 66.7vh!important
    }
}

.index-module__main_carousel--b1pdE .arco-carousel-item-current .img-shadow {
    -webkit-animation: shadow-show .5s linear both;
    animation: shadow-show .5s linear both;
    display: block
}

.index-module__main_carousel--b1pdE .arco-carousel-arrow {
    height: 56px;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__main_carousel--b1pdE .arco-carousel-arrow {
        height:13.5vh
    }
}

.index-module__main_carousel--b1pdE .arco-carousel-arrow>div {
    background: hsla(0,0%,100%,.02);
    border: .5px solid rgba(46,70,146,.3);
    height: 56px;
    width: 56px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__main_carousel--b1pdE .arco-carousel-arrow>div {
        height:13.5vh;
        width: 13.5vh
    }
}

.index-module__main_carousel--b1pdE .arco-carousel-arrow>div>svg {
    color: #2e4692;
    height: 20px;
    width: 20px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__main_carousel--b1pdE .arco-carousel-arrow>div>svg {
        height:4.8vh;
        width: 4.8vh
    }
}

.index-module__main_carousel--b1pdE .arco-carousel-arrow-left,.index-module__main_carousel--b1pdE .arco-carousel-arrow-right {
    top: 340px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__main_carousel--b1pdE .arco-carousel-arrow-left,.index-module__main_carousel--b1pdE .arco-carousel-arrow-right {
        top:81.2vh
    }
}

.index-module__main_carousel--b1pdE .arco-carousel-arrow-left {
    left: 114px;
    transform: translate(-50%,-50%)
}

.index-module__main_carousel--b1pdE .arco-carousel-arrow-right {
    right: 114px;
    transform: translate(50%,-50%)
}

.index-module__guestCardPlaceholder--SAG8w {
    height: 280px;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__guestCardPlaceholder--SAG8w {
        height:66.7vh;
        width: 100%
    }
}

@-webkit-keyframes index-module__shadow-show--xVIUO {
    0% {
        display: none
    }
}

@keyframes index-module__shadow-show--xVIUO {
    0% {
        display: none
    }
}

.index-module__carousel-indicator-wrap--RtTot {
    font-family: Byte Sans SC;
    margin-top: 50px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__carousel-indicator-wrap--RtTot {
        margin-top:12vh
    }
}

.index-module__carousel-indicator-list--IIke7 {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 80%
}

.index-module__carousel-indicator-item--ugK6s {
    border-color: currentcolor hsla(0,0%,100%,.3) hsla(0,0%,100%,.3);
    border-top: .01rem solid hsla(0,0%,100%,.3);
    flex: 1 1;
    width: 18px
}

.index-module__carousel-indicator-item--ugK6s.index-module__active--DGOHA {
    border-color: #fff
}

.index-module__carousel-indicator-text--ThHV\+ {
    color: #2e4692;
    font-family: Byte Sans SC;
    font-size: 14px;
    margin-top: 10px;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__carousel-indicator-text--ThHV\+ {
        font-size:3.38vh;
        margin-top: 2.4vh
    }
}

.index-module__card_wrap--TUOh6 {
    border-radius: 8px;
    height: 224px;
    overflow: hidden;
    padding: 36px 48px 0 36px;
    position: relative;
    transition: transform .3s ease,box-shadow .3s ease;
    width: 467px
}

.index-module__card_wrap--TUOh6:hover {
    box-shadow: 0 8px 13px 0 rgba(103,138,205,.15);
    transform: translateY(-3px)
}

.index-module__card_wrap--TUOh6:hover .index-module__desc--km8VL,.index-module__card_wrap--TUOh6:hover .index-module__title--gICig {
    color: #1355ff
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__card_wrap--TUOh6 {
        height:192px;
        padding: 30px 38px 0 30px;
        width: 400px
    }
}

.index-module__card_wrap--TUOh6 .index-module__card_img--4PXsF {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s ease;
    z-index: 1
}

.index-module__card_wrap--TUOh6 .index-module__card_img--4PXsF:hover {
    opacity: 1
}

.index-module__card_wrap--TUOh6 .index-module__title--gICig {
    color: #222;
    font-size: 26px;
    font-weight: 500;
    line-height: 37px;
    margin-bottom: 7px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 2
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__card_wrap--TUOh6 .index-module__title--gICig {
        font-size:22px;
        line-height: 30px;
        margin-bottom: 6px
    }
}

.index-module__card_wrap--TUOh6 .index-module__desc--km8VL {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #363643;
    display: -webkit-box;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
    z-index: 2
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__card_wrap--TUOh6 .index-module__desc--km8VL {
        font-size:15px;
        line-height: 20px
    }
}

.index-module__speaker_box--VsO8c {
    margin: 0 auto;
    width: 1362px
}

.index-module__speaker_box--VsO8c h3,.index-module__speaker_box--VsO8c p {
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center
}

.index-module__speaker_box--VsO8c h3 {
    font-size: 20px
}

.index-module__speaker_box--VsO8c p {
    color: #5a6d9e;
    font-size: 16px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__speaker_box--VsO8c {
        width:1118px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__speaker_box--VsO8c {
        width:100%
    }
}

@media screen and (max-width: 767px) {
    .index-module__speaker_box--VsO8c {
        width:100%
    }

    .index-module__speaker_pc--uMIsC {
        display: none
    }
}

.index-module__line_box--w2oFC {
    align-items: start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%
}

.index-module__line_box--w2oFC:not(:last-child) {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__line_box--w2oFC:not(:last-child) {
        margin-bottom:26px
    }
}

.index-module__line_box--w2oFC.index-module__around--NNF08 {
    justify-content: space-around
}

.index-module__speaker_mob--z1Koh {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

@media screen and (min-width: 768px) {
    .index-module__speaker_mob--z1Koh {
        display:none
    }
}

.index-module__peo_card--tydMR {
    width: 249px
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__peo_card--tydMR {
        width:143px
    }
}

@media screen and (max-width: 767px) {
    .index-module__peo_card--tydMR {
        width:33.3%
    }
}

.index-module__peo_card--tydMR .index-module__img_box--ZEp5V {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 250px;
    margin: 0 auto;
    width: 200px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__peo_card--tydMR .index-module__img_box--ZEp5V {
        height:200px;
        width: 160px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__peo_card--tydMR .index-module__img_box--ZEp5V {
        height:146px;
        width: 115px
    }
}

@media screen and (max-width: 767px) {
    .index-module__peo_card--tydMR .index-module__img_box--ZEp5V {
        height:107px;
        width: 84px
    }
}

.index-module__peo_card--tydMR .index-module__img_box--ZEp5V>img {
    height: 100%;
    width: 100%
}

.index-module__peo_card--tydMR>h3 {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 4px;
    margin-top: 24px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__peo_card--tydMR>h3 {
        font-size:20px;
        line-height: 27px;
        margin-top: 19px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__peo_card--tydMR>h3 {
        font-size:14px;
        line-height: 20px;
        margin-top: 14px
    }
}

@media screen and (max-width: 767px) {
    .index-module__peo_card--tydMR>h3 {
        font-size:12px;
        line-height: 18px;
        margin-top: 12px
    }
}

.index-module__peo_card--tydMR>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__peo_card--tydMR>p {
        font-size:14px;
        line-height: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__peo_card--tydMR>p {
        font-size:12px;
        line-height: 16px
    }
}

@media screen and (max-width: 767px) {
    .index-module__peo_card--tydMR>p {
        font-size:10px;
        line-height: 14px;
        padding: 0 6px
    }

    .index-module__peo_card--tydMR:nth-child(n+4) {
        margin-top: 24px
    }
}

.index-module__partner_box--H1Agu {
    background-image: linear-gradient(137deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.1));
    border: 1px solid hsla(0,0%,100%,.35);
    border-radius: 16px;
    margin: 0 auto;
    padding-left: 54px;
    padding-top: 18px;
    width: 1440px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__partner_box--H1Agu {
        padding-left:43px;
        padding-top: 9px
    }
}

@media screen and (max-width: 1679px) and (min-width:1024px) {
    .index-module__partner_box--H1Agu {
        margin:0 auto;
        width: 1260px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__partner_box--H1Agu {
        border-radius:12px;
        padding: 20px 16px 0;
        width: 100%
    }
}

.index-module__partner_box--H1Agu .index-module__line_row--Yy-BI {
    display: flex;
    margin-bottom: 8px
}

@media screen and (max-width: 1023px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI {
        display:block
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI {
        margin-bottom:22px
    }
}

@media screen and (max-width: 767px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI {
        margin-bottom:8px
    }
}

.index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__title--VeNud {
    color: #222;
    font-size: 20px;
    font-weight: 650;
    line-height: 60px;
    overflow: hidden;
    padding-top: 16px;
    width: 181px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__title--VeNud {
        font-size:16px;
        font-weight: 650;
        line-height: 48px;
        padding-top: 16px;
        width: 154px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__title--VeNud {
        font-size:14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 20px;
        padding-top: 0;
        width: auto
    }
}

.index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__img_logo--RRwIZ {
    display: flex;
    flex: 1 1;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__img_logo--RRwIZ {
        align-items:center;
        justify-content: flex-start
    }
}

.index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__img_logo--RRwIZ>img {
    display: block;
    height: 60px;
    margin: 16px 32px 16px 0;
    width: 208px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__img_logo--RRwIZ>img {
        height:48px;
        margin: 16px 28px 16px 0;
        width: 167px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__img_logo--RRwIZ>img {
        height:43px;
        margin: 10px 8px 10px 0;
        width: 150px
    }
}

@media screen and (max-width: 767px) {
    .index-module__partner_box--H1Agu .index-module__line_row--Yy-BI .index-module__img_logo--RRwIZ>img {
        height:auto;
        margin: 0 0 15px;
        width: 33%
    }
}

.index-module__footer_box--6tNhY {
    background: #d6e6fb;
    height: 369px;
    padding-left: 108px;
    padding-top: 62px;
    position: relative
}

.index-module__footer_box--6tNhY .index-module__qrcodesWrap--rGV8o {
    bottom: 160px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 64px;
    width: 96px;
    z-index: 10
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__footer_box--6tNhY {
        height:316px;
        padding-left: 86px;
        padding-top: 56px
    }
}

@media screen and (min-width: 1024px) and (max-width:1280px) {
    .index-module__footer_box--6tNhY {
        width:1280px
    }
}

@media screen and (max-width: 1440px) {
    .index-module__footer_box--6tNhY .index-module__qrcodesWrap--rGV8o {
        right:50px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__footer_box--6tNhY .index-module__qrcodesWrap--rGV8o {
        display:none
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__footer_box--6tNhY {
        height:334px;
        padding-left: 51px;
        padding-top: 38px
    }
}

@media screen and (max-width: 767px) {
    .index-module__footer_box--6tNhY {
        height:396px;
        padding-left: 24px;
        padding-top: 44px
    }
}

.index-module__footer_box--6tNhY h3,.index-module__footer_box--6tNhY p {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.index-module__footer_box--6tNhY a {
    text-decoration: none
}

.index-module__footer_box--6tNhY .index-module__title--PuQku {
    color: #222;
    font-size: 42px;
    font-weight: 600;
    line-height: 59px;
    margin-bottom: 26px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__footer_box--6tNhY .index-module__title--PuQku {
        font-size:34px;
        line-height: 48px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__footer_box--6tNhY .index-module__title--PuQku {
        font-size:30px;
        height: 42px;
        line-height: 42px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 767px) {
    .index-module__footer_box--6tNhY .index-module__title--PuQku {
        font-size:24px;
        height: 68px;
        line-height: 42px;
        line-height: 34px;
        margin-bottom: 23px;
        max-width: 300px
    }
}

.index-module__footer_box--6tNhY .index-module__record_box--Wi6ic {
    display: flex;
    height: 24px;
    margin-top: 84px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__footer_box--6tNhY .index-module__record_box--Wi6ic {
        height:20px;
        margin-top: 82px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__footer_box--6tNhY .index-module__record_box--Wi6ic {
        display:block;
        flex-direction: column;
        margin-top: 68px
    }
}

@media screen and (max-width: 767px) {
    .index-module__footer_box--6tNhY .index-module__record_box--Wi6ic {
        margin-top:60px
    }
}

.index-module__footer_box--6tNhY .index-module__text_box--GKb3M {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: start;
    line-height: 24px
}

.index-module__footer_box--6tNhY .index-module__text_box--GKb3M:not(:last-child) {
    margin-right: 36px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M:not(:last-child) {
        margin-right:28px
    }
}

@media screen and (max-width: 1023px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M:not(:last-child) {
        margin-right:0
    }
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M {
        font-size:12px;
        line-height: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M {
        font-size:12px;
        line-height: 24px
    }
}

@media screen and (max-width: 767px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M {
        font-size:10px;
        line-height: 20px
    }
}

.index-module__footer_box--6tNhY .index-module__text_box--GKb3M>img {
    height: 21px;
    margin-right: 12px;
    width: 21px
}

@media screen and (min-width: 1024px) and (max-width:1679px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M>img {
        height:17px;
        margin-right: 10px;
        width: 17px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M>img {
        height:15px;
        margin-right: 7px;
        width: 15px
    }
}

@media screen and (max-width: 767px) {
    .index-module__footer_box--6tNhY .index-module__text_box--GKb3M>img {
        height:12px;
        margin-right: 6px;
        width: 12px
    }

    .index-module__footer_button--m00e0 {
        border-radius: 6px;
        height: 40px;
        width: 140px
    }

    .index-module__footer_button--m00e0 span {
        font-size: 12px!important
    }

    .index-module__footer_button--m00e0 img {
        height: 16px!important;
        width: 16px!important
    }
}

._-fake-class-_ {
    margin: 0;
    padding: 0
}

.index-module__arco-drawer-outer--JbGXx .index-module__iframe--EwdkO {
    border: none;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.index-module__arco-drawer-outer--JbGXx .index-module__iframe--EwdkO.index-module__align-viewport--LkoWV {
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

.index-module__arco-drawer-outer--JbGXx .arco-drawer {
    background-color: #fff;
    height: 100%!important;
    overflow: hidden;
    width: 740px!important
}

.index-module__arco-drawer-outer--JbGXx .arco-drawer-content {
    font-size: 0;
    overflow: hidden;
    padding: 0
}

.index-module__arco-drawer-outer--JbGXx .arco-drawer-close-icon {
    right: 24px;
    top: 24px
}

.index-module__arco-drawer-outer--JbGXx .arco-drawer-close-icon:before {
    height: 24px;
    width: 24px
}

.index-module__arco-drawer-outer--JbGXx .arco-drawer-close-icon .arco-icon-close {
    height: 20px;
    width: 20px
}

@media screen and (max-width: 767.9px) {
    .index-module__arco-drawer-outer--JbGXx .index-module__iframe--EwdkO.index-module__align-viewport--LkoWV {
        height:100%;
        position: static;
        width: 100%
    }

    .index-module__arco-drawer-outer--JbGXx .arco-drawer {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        height: calc(100% - 30px)!important;
        width: 100%!important
    }
}

@media screen and (min-width: 768px) and (max-width:1023.9px) {
    .index-module__arco-drawer-outer--JbGXx .index-module__iframe--EwdkO.index-module__align-viewport--LkoWV {
        height:100%;
        position: static;
        width: 100%
    }

    .index-module__arco-drawer-outer--JbGXx .arco-drawer {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        height: calc(100% - 30px)!important;
        width: 100%!important
    }
}

@font-face {
    font-family: Roboto;
    src: url(./webfonts/Roboto-Regular.ttf)
}

.index-module__vedi-banner-body--QjdqA {
    min-width: 1200px;
    overscroll-behavior: none
}

.index-module__vedi-banner-body--QjdqA .volcano-engine-page-container {
    background-color: #fff
}

.index-module__banner-container--Te\+LY {
    background-color: #fff;
    min-width: 1200px;
    position: relative
}

.index-module__banner-container--Te\+LY,.index-module__banner-container--Te\+LY * {
    box-sizing: border-box
}

.index-module__banner-container--Te\+LY a,.index-module__banner-container--Te\+LY a:active,.index-module__banner-container--Te\+LY a:hover,.index-module__banner-container--Te\+LY a:link,.index-module__banner-container--Te\+LY a:visited {
    text-decoration: none
}

.index-module__banner-image-container--8Fc7W {
    font-size: 0;
    height: 669px;
    position: absolute;
    width: 100%
}

.index-module__banner-image-big--4rjC5 {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__banner-image-normal--rNrH1 {
    display: block;
    height: 100%;
    width: 100%
}

.index-module__banner-image-small--v6NgH {
    display: none;
    height: 100%;
    width: 100%
}

.index-module__banner-image-mobile--RA\+CS {
    display: none;
    padding-top: 48px
}

.index-module__banner-image-img--Bd2Fh {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__banner-additional-bg--\+MiSL {
    background-color: #fff;
    height: 120px;
    position: absolute;
    top: 669px;
    width: 100%
}

.index-module__banner-content-container--pKoEQ {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 789px;
    margin: 0 auto;
    padding-top: 160px;
    position: relative;
    width: 1200px;
    z-index: 1
}

.index-module__banner-title--UG154 {
    color: #282828;
    display: block;
    font-size: 56px;
    font-weight: 600;
    line-height: 78px;
    margin: unset;
    width: 100%
}

.index-module__banner-des--k0LAy,.index-module__banner-title--UG154 {
    flex: none;
    font-family: PingFang SC;
    font-style: normal;
    letter-spacing: .002em;
    text-align: center
}

.index-module__banner-des--k0LAy {
    color: #4e5969;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    width: 495px
}

.index-module__banner-params--3u00b {
    display: flex;
    flex: none;
    margin-top: 26px
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz+.index-module__param-panel--HUNUz {
    margin-left: 36px
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz {
    align-items: center;
    display: flex;
    flex-direction: column
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-value--UBEUX em {
    color: #101010;
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 42px
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-value--UBEUX small {
    color: #181818;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 23px
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-value--UBEUX span {
    color: #181818;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 22px
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-value--UBEUX b {
    color: #282828;
    font-family: PingFang SC;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 34px
}

.index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-name--LLSiA {
    color: #768197;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 26px;
    margin-top: 2px;
    text-align: center
}

.index-module__banner-button--NOyDH {
    background-color: #1664ff;
    border-radius: 4px;
    box-shadow: 0 6px 8px rgba(46,70,146,.1);
    color: #fff;
    display: block;
    flex: none;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    letter-spacing: .01em;
    line-height: 50px;
    margin-top: 36px;
    text-align: center;
    width: 158px
}

.index-module__banner-button--NOyDH:hover {
    background-color: #4281ff
}

.index-module__banner-button--NOyDH:active {
    background-color: #05f
}

.index-module__banner-opcard-container-pc--j5hzu {
    display: flex;
    left: 50%;
    position: absolute;
    top: 592px;
    transform: translateX(-50%);
    width: 1200px;
    z-index: 1
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-title--YBPEO {
    color: #282828;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 25px
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-title-tag-container--frtkY {
    align-items: center;
    display: flex
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-tag--NosMz {
    background: #f65159;
    border-radius: 2px;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-left: 6px;
    padding: 2px 0
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-tag--NosMz>span {
    display: inline-block;
    transform: scale(.83);
    transform-origin: center
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-des--5KmGW {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 7px
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-button--RH4cq {
    border: 1px solid #1664ff;
    border-radius: 4px;
    color: #1664ff;
    display: block;
    -webkit-filter: drop-shadow(0 3px 8px rgba(46,70,146,.05));
    filter: drop-shadow(0 3px 8px rgba(46,70,146,.05));
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 34px;
    letter-spacing: .01em;
    line-height: 30px;
    margin-top: 14px;
    text-align: center;
    width: 87px
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-button--RH4cq:hover {
    border: 1px solid #4281ff;
    color: #4281ff
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-button--RH4cq:active {
    border: 1px solid #05f;
    color: #05f
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-first--khTDH {
    border: 1px solid #fff;
    border-radius: 12px;
    box-shadow: 0 2px 15px rgba(7,7,7,.1);
    flex: none;
    height: 154px;
    overflow: hidden;
    position: relative;
    width: 367px
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-first--khTDH .index-module__opcard-pc-first-bg--pg8cU {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-first--khTDH .index-module__opcard-pc-first-content--jVFvb {
    height: 100%;
    left: 0;
    padding: 23px 0 0 27px;
    position: absolute;
    top: 0;
    width: 100%
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-others--PTQH8 {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    box-shadow: 0 2px 15px rgba(7,7,7,.1);
    display: flex;
    flex: none;
    height: 154px;
    margin-left: 20px;
    padding: 23px 0 0 27px;
    width: 813px
}

.index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-others--PTQH8 .index-module__opcard-pc-others-content--2s6ju {
    width: 252px
}

.index-module__banner-opcard-container-pad--nm9Kr {
    display: none;
    left: 50%;
    padding: 0 24px;
    position: absolute;
    top: 485px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
}

.index-module__banner-opcard-container-pad--nm9Kr .index-module__opcard-a-tag--jPiB1 {
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    display: block;
    flex: auto;
    height: 102px;
    min-width: 0;
    padding: 24px 20px;
    transition: box-shadow .5s,border .5s
}

.index-module__banner-opcard-container-pad--nm9Kr .index-module__opcard-a-tag--jPiB1 .index-module__opcard-title--fGPUB {
    color: #181818;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .002em;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-opcard-container-pad--nm9Kr .index-module__opcard-a-tag--jPiB1 .index-module__opcard-des--nvPan {
    color: #4e5969;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .002em;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-module__banner-opcard-container-pad--nm9Kr .index-module__opcard-a-tag--jPiB1:hover {
    border: 1px solid #fff;
    box-shadow: 0 3px 18px rgba(51,65,101,.1)
}

.index-module__banner-opcard-container-pad--nm9Kr .index-module__opcard-a-tag--jPiB1:hover .index-module__opcard-title--fGPUB {
    color: #1664ff
}

.index-module__banner-opcard-container-pad--nm9Kr .index-module__opcard-a-tag--jPiB1+.index-module__opcard-a-tag--jPiB1 {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .index-module__banner-container--Te\+LY,.index-module__vedi-banner-body--QjdqA {
        min-width:unset
    }

    .index-module__banner-image-container--8Fc7W {
        height: unset;
        position: unset
    }

    .index-module__banner-image-mobile--RA\+CS {
        display: block
    }

    .index-module__banner-image-normal--rNrH1 {
        display: none
    }

    .index-module__banner-image-img--Bd2Fh {
        object-fit: unset
    }

    .index-module__banner-additional-bg--\+MiSL,.index-module__banner-opcard-container-pad--nm9Kr,.index-module__banner-opcard-container-pc--j5hzu {
        display: none
    }

    .index-module__banner-content-container--pKoEQ {
        height: auto;
        margin: 0;
        padding: 0 24px 48px;
        width: auto
    }

    .index-module__banner-title--UG154 {
        font-size: 24px;
        line-height: 34px;
        margin-top: 30px
    }

    .index-module__banner-des--k0LAy {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px;
        padding: 0 12px;
        width: 100%
    }

    .index-module__banner-params--3u00b .index-module__param-panel--HUNUz+.index-module__param-panel--HUNUz {
        margin-left: 28px
    }

    .index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-value--UBEUX em {
        font-size: 28px;
        line-height: 33px
    }

    .index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-value--UBEUX small {
        font-size: 14px;
        line-height: 16px
    }

    .index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-name--LLSiA {
        font-size: 14px;
        line-height: 22px
    }

    .index-module__banner-button--NOyDH {
        flex: none;
        margin-top: 52px;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .index-module__banner-container--Te\+LY,.index-module__vedi-banner-body--QjdqA {
        min-width:unset
    }

    .index-module__banner-image-container--8Fc7W {
        height: 536px
    }

    .index-module__banner-image-normal--rNrH1 {
        display: none
    }

    .index-module__banner-image-small--v6NgH {
        display: block
    }

    .index-module__banner-additional-bg--\+MiSL {
        height: 63px;
        top: 536px
    }

    .index-module__banner-content-container--pKoEQ {
        height: 599px;
        padding-top: 135px;
        width: auto
    }

    .index-module__banner-title--UG154 {
        font-size: 32px;
        line-height: 45px
    }

    .index-module__banner-des--k0LAy {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
        width: 510px
    }

    .index-module__banner-params--3u00b {
        margin-top: 18px
    }

    .index-module__banner-params--3u00b .index-module__param-panel--HUNUz .index-module__param-name--LLSiA {
        font-size: 14px;
        line-height: 22px
    }

    .index-module__banner-opcard-container-pc--j5hzu {
        display: none
    }

    .index-module__banner-opcard-container-pad--nm9Kr {
        display: flex
    }
}

@media screen and (min-width: 1680px) {
    .index-module__banner-image-big--4rjC5 {
        display:block
    }

    .index-module__banner-image-normal--rNrH1 {
        display: none
    }

    .index-module__banner-content-container--pKoEQ,.index-module__banner-opcard-container-pc--j5hzu {
        width: 1440px
    }

    .index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-first--khTDH {
        width: 475px
    }

    .index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-others--PTQH8 {
        margin-left: 33px;
        width: 932px
    }

    .index-module__banner-opcard-container-pc--j5hzu .index-module__opcard-pc-others--PTQH8 .index-module__opcard-pc-others-content--2s6ju {
        width: 312px
    }
}

body {
    margin: 0;
    padding: 0
}

.index-module__more_product_module_bg--2KvW5 {
    background: #f9f9f9;
    height: 100%;
    width: 100%;
}

.index-module__layout--\+aUWQ {
    background: #f7f7f7;
}

.index-module__TabContainer--PZzGf {
    background: #f7f7f7;
}

div#app-content section {
    background: #f7f7f7;
}

.index-module__features--Maulr span {
    font-size: 18px;
    line-height: 40px;
}

.index-module__mobFeatures--UtkRT span {
    display: block;
    text-align: center;
}

body.act-index {
    background: #f7f7f7;
}