/* 优化显示效果 */
.to-program {
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
    width: 194px;
    height: 30px;
    background:
        /*savepage-url=/hot-search/assets/program-bg.2a585d35.png*/
        var(--savepage-url-11) no-repeat center;
    background-size: 100% 100%;
    font-size: 14px;
    color: #ba6005;
    line-height: 14px;
    cursor: pointer;
    user-select: none
}

.to-program>span {
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA7BJREFUSEu9lk1sFGUYx//PzM5st11iIKE12xI3oXgp3DAxJRgKO3MgCsSkIAebndIQovHgCYKEbiEInDxpDIHOigcEEgNCNNmpfEhaTPQGeCmEqtuN0Igx9GP7zs485l2WqHSmnaXGOc3H+8zvfZ+P//PQnVyHXhobHQChh5lTCLuIimDYWrrzUFfuWkUuu5rbEHPHRg6CYIG5LdyUSmCcTqVX9ZOT1Y8yeF8o6NkPRP2mLQ7J1wVLPwjmgai2BDpGjqWPy5OpULZstMuXw4yHdsW72eezBLpn5EW7XOdk9bsMXkkK7cicmj0fZnvFanjdg/8VEZWokNVYLjRsoRBR9T7oGnm/LTH5x4NpAspG3k08AWozDDQkl7Y0dn5UnAmzZWZ5MF9+DwRe7Uu0eZ63zqfYDXNwuiQXRgUWehtTClfWq6o63HVypiht5wVKWMWr3GbGCwT8TjG9I3Ny6kEU4FBfU4vviZ/AWEaEP2NqbLWEzgsc2qW/5Xt85ql7iGibYYuLUYCOpW9l5gtPbRWVdmZOiS/mBUqXgN1bcpcAHjZQfPVr9uREFOB3VnJ5mWdvA2gG4RFIWyNDsnAM32l60Zt1X01o+si6Tycf1hPD4T3J5hlXdKpx7fuuT6Z+WzCGYZn24+5U4yMxMRWUpcv05U1rT5SmI2Wpk9WLDG5ViLrVl1Khdej+Ot4ND6dBdNe0xapa4Y+CuR0qerQVraF16I6V3gD4HIHGZX0cZuYDUdVCIdqfscXRKjCr7wf4SFRbgA6T1MPKLyMH2EcPKFxLianIwKCxeetx2n7eq8bmXLfqfH1xLwG9TOFaCqYSAZ/F0p1HKPru/puV/z9wMS6t6qml3WDQY9MWm+Xzt71x02P/jErKzk2Ds4WayH8D4qRhu+vrThqAPjDz4kP5o9H32uP3H/9cBiDMvBuv/rxXz7HP/aTQgDEocrVNCWZoremX47IfVssCoO1aOnUpLFJBZfFcwKjtKajw6wBeY0bSzLtrg9tTTdp0Xx+WOhombVGBMk+aMaF05O6IOcB6xHteIChn5EV1/HCy2k0mSpq2WDMHWE97CgIOZRtfYXI/JtbezeSnf5iTNM/G8LqVWCFQuRWlAQcBg5LOsbS/szQoaaKOGIEn7Gtqge/uhqKdkJPCgiespz0FAQtZfS/AxwDaZ+bF8bl1uIgxMWqW/sulixmEnwsYddSXzVO2p3+O+jV3OTUtfbOqpVbDRh/+5wqUtzfZ5Su1Rv0lgZcYtmv8BS3xTKv0+yAsAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%
}

.qr-box {
    width: 124px;
    height: 168px;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0 0 8px #00000030;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #a3a6ab;
    line-height: 16px;
    text-align: center
}

.qr-box>img {
    width: 112px;
    height: 112px;
    margin-bottom: 6px
}

.color-red {
    color: #f34a1b
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em;
    font-family: monospace, monospace
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-size: 1em;
    font-family: monospace, monospace
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    color: inherit;
    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] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

/* [hidden] {
    display: none
} */

.arco-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    font-style: normal;
    vertical-align: -2px;
    outline: none;
    stroke: currentColor
}

.arco-icon-loading,
.arco-icon-spin {
    animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1)
}

@keyframes arco-loading-circle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.arco-icon-hover {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 12px
}

.arco-icon-hover .arco-icon {
    position: relative
}

.arco-icon-hover:before {
    position: absolute;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: var(--border-radius-circle);
    transition: background-color .1s cubic-bezier(0, 0, 1, 1);
    content: ""
}

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

.arco-icon-hover.arco-icon-hover-disabled:before {
    opacity: 0
}

.arco-icon-hover:before {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%)
}

.arco-icon-hover-size-mini {
    line-height: 12px
}

.arco-icon-hover-size-mini:before {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%)
}

.arco-icon-hover-size-small {
    line-height: 12px
}

.arco-icon-hover-size-small:before {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%)
}

.arco-icon-hover-size-large {
    line-height: 12px
}

.arco-icon-hover-size-large:before {
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%)
}

.arco-icon-hover-size-huge {
    line-height: 12px
}

.arco-icon-hover-size-huge:before {
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%)
}

.fade-in-standard-enter-from,
.fade-in-standard-appear-from {
    opacity: 0
}

.fade-in-standard-enter-to,
.fade-in-standard-appear-to {
    opacity: 1
}

.fade-in-standard-enter-active,
.fade-in-standard-appear-active {
    transition: opacity .3s cubic-bezier(.34, .69, .1, 1)
}

.fade-in-standard-leave-from {
    opacity: 1
}

.fade-in-standard-leave-to {
    opacity: 0
}

.fade-in-standard-leave-active {
    transition: opacity .3s cubic-bezier(.34, .69, .1, 1)
}

.fade-in-enter-from,
.fade-in-appear-from {
    opacity: 0
}

.fade-in-enter-to,
.fade-in-appear-to {
    opacity: 1
}

.fade-in-enter-active,
.fade-in-appear-active {
    transition: opacity .1s cubic-bezier(0, 0, 1, 1)
}

.fade-in-leave-from {
    opacity: 1
}

.fade-in-leave-to {
    opacity: 0
}

.fade-in-leave-active {
    transition: opacity .1s cubic-bezier(0, 0, 1, 1)
}

.zoom-in-enter-from,
.zoom-in-appear-from {
    transform: scale(.5);
    opacity: 0
}

.zoom-in-enter-to,
.zoom-in-appear-to {
    transform: scale(1);
    opacity: 1
}

.zoom-in-enter-active,
.zoom-in-appear-active {
    transition: opacity .3s cubic-bezier(.34, .69, .1, 1), transform .3s cubic-bezier(.34, .69, .1, 1)
}

.zoom-in-leave-from {
    transform: scale(1);
    opacity: 1
}

.zoom-in-leave-to {
    transform: scale(.5);
    opacity: 0
}

.zoom-in-leave-active {
    transition: opacity .3s cubic-bezier(.34, .69, .1, 1), transform .3s cubic-bezier(.34, .69, .1, 1)
}

.zoom-in-fade-out-enter-from,
.zoom-in-fade-out-appear-from {
    transform: scale(.5);
    opacity: 0
}

.zoom-in-fade-out-enter-to,
.zoom-in-fade-out-appear-to {
    transform: scale(1);
    opacity: 1
}

.zoom-in-fade-out-enter-active,
.zoom-in-fade-out-appear-active {
    transition: opacity .3s cubic-bezier(.3, 1.3, .3, 1), transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-fade-out-leave-from {
    transform: scale(1);
    opacity: 1
}

.zoom-in-fade-out-leave-to {
    transform: scale(.5);
    opacity: 0
}

.zoom-in-fade-out-leave-active {
    transition: opacity .3s cubic-bezier(.3, 1.3, .3, 1), transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-big-enter-from,
.zoom-in-big-appear-from {
    transform: scale(.5);
    opacity: 0
}

.zoom-in-big-enter-to,
.zoom-in-big-appear-to {
    transform: scale(1);
    opacity: 1
}

.zoom-in-big-enter-active,
.zoom-in-big-appear-active {
    transition: opacity .2s cubic-bezier(0, 0, 1, 1), transform .2s cubic-bezier(0, 0, 1, 1)
}

.zoom-in-big-leave-from {
    transform: scale(1);
    opacity: 1
}

.zoom-in-big-leave-to {
    transform: scale(.2);
    opacity: 0
}

.zoom-in-big-leave-active {
    transition: opacity .2s cubic-bezier(0, 0, 1, 1), transform .2s cubic-bezier(0, 0, 1, 1)
}

.zoom-in-left-enter-from,
.zoom-in-left-appear-from {
    transform: scale(.1);
    opacity: .1
}

.zoom-in-left-enter-to,
.zoom-in-left-appear-to {
    transform: scale(1);
    opacity: 1
}

.zoom-in-left-enter-active,
.zoom-in-left-appear-active {
    transform-origin: 0 50%;
    transition: opacity .3s cubic-bezier(0, 0, 1, 1), transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-left-leave-from {
    transform: scale(1);
    opacity: 1
}

.zoom-in-left-leave-to {
    transform: scale(.1);
    opacity: .1
}

.zoom-in-left-leave-active {
    transform-origin: 0 50%;
    transition: opacity .3s cubic-bezier(0, 0, 1, 1), transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-top-enter-from,
.zoom-in-top-appear-from {
    transform: scaleY(.8) translateZ(0);
    opacity: 0
}

.zoom-in-top-enter-to,
.zoom-in-top-appear-to {
    transform: scaleY(1) translateZ(0);
    opacity: 1
}

.zoom-in-top-enter-active,
.zoom-in-top-appear-active {
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(.3, 1.3, .3, 1), opacity .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-top-leave-from {
    transform: scaleY(1) translateZ(0);
    opacity: 1
}

.zoom-in-top-leave-to {
    transform: scaleY(.8) translateZ(0);
    opacity: 0
}

.zoom-in-top-leave-active {
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(.3, 1.3, .3, 1), opacity .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-bottom-enter-from,
.zoom-in-bottom-appear-from {
    transform: scaleY(.8) translateZ(0);
    opacity: 0
}

.zoom-in-bottom-enter-to,
.zoom-in-bottom-appear-to {
    transform: scaleY(1) translateZ(0);
    opacity: 1
}

.zoom-in-bottom-enter-active,
.zoom-in-bottom-appear-active {
    transform-origin: 100% 100%;
    transition: transform .3s cubic-bezier(.3, 1.3, .3, 1), opacity .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoom-in-bottom-leave-from {
    transform: scaleY(1) translateZ(0);
    opacity: 1
}

.zoom-in-bottom-leave-to {
    transform: scaleY(.8) translateZ(0);
    opacity: 0
}

.zoom-in-bottom-leave-active {
    transform-origin: 100% 100%;
    transition: transform .3s cubic-bezier(.3, 1.3, .3, 1), opacity .3s cubic-bezier(.3, 1.3, .3, 1)
}

.slide-dynamic-origin-enter-from,
.slide-dynamic-origin-appear-from {
    transform: scaleY(.9);
    transform-origin: 0 0;
    opacity: 0
}

.slide-dynamic-origin-enter-to,
.slide-dynamic-origin-appear-to {
    transform: scaleY(1);
    transform-origin: 0 0;
    opacity: 1
}

.slide-dynamic-origin-enter-active,
.slide-dynamic-origin-appear-active {
    transition: transform .2s cubic-bezier(.34, .69, .1, 1), opacity .2s cubic-bezier(.34, .69, .1, 1)
}

.slide-dynamic-origin-leave-from {
    transform: scaleY(1);
    transform-origin: 0 0;
    opacity: 1
}

.slide-dynamic-origin-leave-to {
    transform: scaleY(.9);
    transform-origin: 0 0;
    opacity: 0
}

.slide-dynamic-origin-leave-active {
    transition: transform .2s cubic-bezier(.34, .69, .1, 1), opacity .2s cubic-bezier(.34, .69, .1, 1)
}

.slide-left-enter-from,
.slide-left-appear-from {
    transform: translate(-100%)
}

.slide-left-enter-to,
.slide-left-appear-to {
    transform: translate(0)
}

.slide-left-enter-active,
.slide-left-appear-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-left-leave-from {
    transform: translate(0)
}

.slide-left-leave-to {
    transform: translate(-100%)
}

.slide-left-leave-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-right-enter-from,
.slide-right-appear-from {
    transform: translate(100%)
}

.slide-right-enter-to,
.slide-right-appear-to {
    transform: translate(0)
}

.slide-right-enter-active,
.slide-right-appear-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-right-leave-from {
    transform: translate(0)
}

.slide-right-leave-to {
    transform: translate(100%)
}

.slide-right-leave-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-top-enter-from,
.slide-top-appear-from {
    transform: translateY(-100%)
}

.slide-top-enter-to,
.slide-top-appear-to {
    transform: translateY(0)
}

.slide-top-enter-active,
.slide-top-appear-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-top-leave-from {
    transform: translateY(0)
}

.slide-top-leave-to {
    transform: translateY(-100%)
}

.slide-top-leave-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-bottom-enter-from,
.slide-bottom-appear-from {
    transform: translateY(100%)
}

.slide-bottom-enter-to,
.slide-bottom-appear-to {
    transform: translateY(0)
}

.slide-bottom-enter-active,
.slide-bottom-appear-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slide-bottom-leave-from {
    transform: translateY(0)
}

.slide-bottom-leave-to {
    transform: translateY(100%)
}

.slide-bottom-leave-active {
    transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

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;
    --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);
    --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);
    --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[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: 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);
    --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-white: #ffffff;
    --color-black: #000000;
    --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-border-1: var(--color-neutral-2);
    --color-border-2: var(--color-neutral-3);
    --color-border-3: var(--color-neutral-4);
    --color-border-4: var(--color-neutral-6);
    --color-fill-1: var(--color-neutral-1);
    --color-fill-2: var(--color-neutral-2);
    --color-fill-3: var(--color-neutral-3);
    --color-fill-4: var(--color-neutral-4);
    --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-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));
    --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));
    --border-radius-none: 0;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    --border-radius-circle: 50%;
    --color-tooltip-bg: rgb(var(--gray-10));
    --color-spin-layer-bg: rgba(255, 255, 255, .6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #ffffff;
    --color-menu-dark-hover: rgba(255, 255, 255, .04);
    --color-mask-bg: rgba(29, 33, 41, .6)
}

body[arco-theme=dark] {
    --color-white: rgba(255, 255, 255, .9);
    --color-black: #000000;
    --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: rgba(255, 255, 255, .9);
    --color-text-2: rgba(255, 255, 255, .7);
    --color-text-3: rgba(255, 255, 255, .5);
    --color-text-4: rgba(255, 255, 255, .3);
    --color-fill-1: rgba(255, 255, 255, .04);
    --color-fill-2: rgba(255, 255, 255, .08);
    --color-fill-3: rgba(255, 255, 255, .12);
    --color-fill-4: rgba(255, 255, 255, .16);
    --color-primary-light-1: rgba(var(--primary-6), .2);
    --color-primary-light-2: rgba(var(--primary-6), .35);
    --color-primary-light-3: rgba(var(--primary-6), .5);
    --color-primary-light-4: rgba(var(--primary-6), .65);
    --color-secondary: rgba(var(--gray-9), .08);
    --color-secondary-hover: rgba(var(--gray-8), .16);
    --color-secondary-active: rgba(var(--gray-7), .24);
    --color-secondary-disabled: rgba(var(--gray-9), .08);
    --color-danger-light-1: rgba(var(--danger-6), .2);
    --color-danger-light-2: rgba(var(--danger-6), .35);
    --color-danger-light-3: rgba(var(--danger-6), .5);
    --color-danger-light-4: rgba(var(--danger-6), .65);
    --color-success-light-1: rgb(var(--success-6), .2);
    --color-success-light-2: rgb(var(--success-6), .35);
    --color-success-light-3: rgb(var(--success-6), .5);
    --color-success-light-4: rgb(var(--success-6), .65);
    --color-warning-light-1: rgb(var(--warning-6), .2);
    --color-warning-light-2: rgb(var(--warning-6), .35);
    --color-warning-light-3: rgb(var(--warning-6), .5);
    --color-warning-light-4: rgb(var(--warning-6), .65);
    --color-link-light-1: rgb(var(--link-6), .2);
    --color-link-light-2: rgb(var(--link-6), .35);
    --color-link-light-3: rgb(var(--link-6), .5);
    --color-link-light-4: rgb(var(--link-6), .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 {
    font-size: 14px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif
}

.arco-trigger-wrapper {
    display: inline-block
}

.arco-trigger-popup {
    position: absolute;
    z-index: 1000
}

.arco-trigger-arrow {
    position: absolute;
    z-index: -1;
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    background-color: var(--color-bg-5);
    content: ""
}

.arco-trigger-popup[trigger-placement=top] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=tl] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=tr] .arco-trigger-arrow {
    border-top: none;
    border-left: none;
    border-bottom-right-radius: var(--border-radius-small)
}

.arco-trigger-popup[trigger-placement=bottom] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=bl] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=br] .arco-trigger-arrow {
    border-right: none;
    border-bottom: none;
    border-top-left-radius: var(--border-radius-small)
}

.arco-trigger-popup[trigger-placement=left] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=lt] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=lb] .arco-trigger-arrow {
    border-bottom: none;
    border-left: none;
    border-top-right-radius: var(--border-radius-small)
}

.arco-trigger-popup[trigger-placement=right] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=rt] .arco-trigger-arrow,
.arco-trigger-popup[trigger-placement=rb] .arco-trigger-arrow {
    border-top: none;
    border-right: none;
    border-bottom-left-radius: var(--border-radius-small)
}

.arco-popover-popup-content {
    box-sizing: border-box;
    padding: 12px 16px;
    color: var(--color-text-2);
    font-size: 14px;
    line-height: 1.5715;
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px #0000001a
}

.arco-popover-title {
    color: var(--color-text-1);
    font-weight: 500;
    font-size: 16px
}

.arco-popover-content {
    margin-top: 4px;
    text-align: left;
    word-wrap: break-word
}

.arco-popover-popup-arrow {
    z-index: 1;
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3)
}

.message-box {
    font-size: 12px;
    padding: 12px 16px
}

.share-log-cards {
    width: 375px;
    background: #FFFFFF;
    padding: 0 18px;
    max-height: 330px;
    overflow: auto
}

.share-log-card {
    height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EAEAEA
}

.share-log-card:last-of-type {
    border-bottom: none
}

.share-log-card .img-box {
    flex-basis: 38px;
    display: flex
}

.share-log-card .img-box img {
    width: 38px;
    height: 38px;
    object-fit: contain
}

.share-log-card .desc-box {
    flex: 1;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 1;
    padding-left: 10px
}

.share-log-card .desc-box .date {
    font-size: 12px;
    font-weight: 400;
    color: #b0b0b0;
    margin-top: 7px
}

.share-log-card .btn-box {
    flex-basis: 50px;
    display: flex;
    align-items: center;
    justify-content: end
}

.share-log-card .btn-box .btn {
    width: 48px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #F6912F;
    font-size: 11px;
    font-weight: 400;
    color: #f6912f;
    line-height: 11px;
    cursor: pointer
}

.share-log-card .btn-box .btn.primary {
    background: #F6912F;
    color: #fff
}

.share-log-card.disabled .desc-box .username {
    color: #b0b0b0
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1
}

.arco-popover-popup-content {
    padding: 0
}

.color-red {
    color: #f34a1b
}

.list-share-box {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 1;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #F7EAE0
}

.list-share-status .link-share-log {
    color: #a96413;
    margin-left: 10px;
    cursor: pointer
}

.list-share-user-info img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 3px
}

.list-share-user-info .username {
    color: #333
}

.list-share-user-info .user-received-status {
    margin-left: auto
}

.popover-tips {
    font-size: 12px;
    padding: 6px 10px;
    line-height: 1.5
}

.monitor[data-v-fdd9ef87] {
    height: 100%;
    display: flex;
    column-gap: 28px;
    padding: 18px 33px
}

.monitor>div[data-v-fdd9ef87] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.title-img[data-v-fdd9ef87] {
    width: 153px;
    height: 30px
}

.monitor-list[data-v-fdd9ef87] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    row-gap: 20px;
    overflow-y: auto
}

[data-v-fdd9ef87] .list-item {
    flex-shrink: 0;
    min-width: 500px;
    padding: 19px 26px 22px;
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 144, 21, .04) 85%, rgba(255, 76, 0, .04) 100%);
    border-radius: 10px;
    border: 1px solid #F4D7CB;
    box-shadow: 0 0 14px #d4d9e166;
    position: relative;
    cursor: pointer
}

[data-v-fdd9ef87] .list-item .list-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[data-v-fdd9ef87] .list-item .list-title .title {
    flex-basis: calc(100% - 70px);
    font-size: 16px;
    font-weight: 500;
    color: #25262a;
    line-height: 22px
}

[data-v-fdd9ef87] .list-item .list-title .sign {
    position: absolute;
    top: -1px;
    right: -1px
}

[data-v-fdd9ef87] .list-item .list-title .sign img {
    width: 54px;
    height: 18px;
    display: block
}

[data-v-fdd9ef87] .list-item .list-types {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 20px;
    padding: 18px 0 21px;
    font-size: 13px;
    color: gray;
    line-height: 13px;
    border-bottom: 1px solid #F7EAE0
}

[data-v-fdd9ef87] .list-item .list-desc {
    padding-top: 22px;
    font-size: 13px;
    color: #444;
    line-height: 13px
}

[data-v-fdd9ef87] .list-item .list-desc>div:nth-child(n+2) {
    margin-top: 14px
}

[data-v-fdd9ef87] .list-item .item-status-0,
[data-v-fdd9ef87] .list-item .item-status-1,
[data-v-fdd9ef87] .list-item .item-status--1 {
    font-size: 13px;
    color: #928f8c;
    line-height: 13px
}

[data-v-fdd9ef87] .list-item .item-status-1 {
    color: #f78825
}

[data-v-fdd9ef87] .list-item .item-status-0 {
    color: #f34a1b
}

.empty-box[data-v-fdd9ef87] {
    flex: 1;
    flex-direction: column;
    font-size: 18px;
    color: #b7bac4;
    line-height: 18px
}

.empty-box .empty[data-v-fdd9ef87] {
    width: 84px;
    height: 99px;
    margin-bottom: 23px
}

.hot-word[data-v-bf39a3bb] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 368px;
    height: 100%
}

.hot-word-head>img[data-v-bf39a3bb] {
    width: 153px;
    height: 30px
}

.hot-word-content-box[data-v-bf39a3bb] {
    position: relative;
    flex: 1;
    display: flex;
    margin-top: 16px;
    box-shadow: 0 0 10px #00000012;
    border-radius: 10px
}

.hot-word-content[data-v-bf39a3bb] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-image: linear-gradient(360deg, #eff4f0, #ceebd4) 1 1;
    background: linear-gradient(360deg, #eff4f0 0%, #ceebd4 100%);
    border-radius: 10px;
    clip-path: inset(0 round 10px)
}

.hot-word-content[data-v-bf39a3bb]:after,
.hot-word-content[data-v-bf39a3bb]:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -1px
}

.hot-word-content[data-v-bf39a3bb]:after {
    right: -1px;
    border-top: 1px solid #ceebd4;
    border-right: 1px solid #ceebd4;
    border-top-right-radius: 10px
}

.hot-word-content[data-v-bf39a3bb]:before {
    left: -1px;
    border-top: 1px solid #ceebd4;
    border-left: 1px solid #ceebd4;
    border-top-left-radius: 10px
}

.nav-ads {
    position: relative;
    column-gap: 26px;
    padding: 20px 0 11px;
    /* margin: 0 22px; */
    width: 85%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    line-height: 20px;
    border-bottom: 1px solid #F7EAE0
}

.tabs[data-v-bf39a3bb] {
    position: relative;
    column-gap: 26px;
    padding: 20px 0 11px;
    margin: 0 22px;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    line-height: 20px;
    border-bottom: 1px solid #F7EAE0
}

.tabs>.tab[data-v-bf39a3bb] {
    cursor: pointer;
    user-select: none;
    transition: color .2s
}

.tabs>.tab[active=true][data-v-bf39a3bb] {
    color: #2a2b32
}

.tabs>.base[data-v-bf39a3bb] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 2px;
    background: #FC9131;
    border-radius: 1px;
    transform: translate(22px);
    transform-origin: left;
    transition: transform cubic-bezier(0, .5, .3, 1.2) .3s
}

.tabs>.tab:nth-child(2)[active=true]~.base[data-v-bf39a3bb] {
    transform: translate(112px)
}

.tabs>.tab:nth-child(3)[active=true]~.base[data-v-bf39a3bb] {
    transform: translate(202px)
}

.type-tabs[data-v-bf39a3bb] {
    position: relative;
    width: max-content;
    margin-left: auto;
    margin-top: 20px;
    margin-right: 22px;
    background: #FFFFFF;
    border-radius: 4px
}

.type-tabs>.type-tab[data-v-bf39a3bb] {
    position: relative;
    padding: 6px 2px;
    font-size: 13px;
    color: #666;
    line-height: 14px;
    cursor: pointer;
    z-index: 1;
    transition: color .3s;
    user-select: none
}

.type-tabs>.type-tab[active=true][data-v-bf39a3bb] {
    color: #fff
}

.type-tabs>.type-tab:nth-child(1)[active=false]:active~.base[data-v-bf39a3bb] {
    transform: translate(44px) scaleX(1.1)
}

.type-tabs>.type-tab:nth-child(2)[active=false]:active~.base[data-v-bf39a3bb] {
    transform: scaleX(1.1)
}

.type-tabs>.type-tab:nth-child(2)[active=true]~.base[data-v-bf39a3bb] {
    transform: translate(44px);
    transform-origin: right
}

.type-tabs .base[data-v-bf39a3bb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 26px;
    background: linear-gradient(321deg, #FC7C00 0%, #FDB471 100%);
    border-radius: 4px;
    transform: translate(0);
    transform-origin: left;
    transition: all cubic-bezier(0, 1, .3, 1.2) .3s
}

.ps[data-v-bf39a3bb] {
    padding: 24px;
    font-size: 12px;
    color: #c0b0a5;
    line-height: 16px
}

.pc-lead {
    display: flex;
    padding-top: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #939393;
    line-height: 18px
}

.pc-lead span {
    flex-shrink: 0
}

.pc-lead .pc-lead-btn,
.pc-lead .pc-open-btn {
    cursor: pointer
}

.pc-lead .pc-open-btn {
    color: #b59c83;
    padding-left: 15px
}

.pc-lead .pc-lead-icon {
    position: relative;
    width: 25px;
    height: 12px;
    margin-top: 3px;
    margin-right: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAYCAYAAAC4CK7hAAAAAXNSR0IArs4c6QAACGlJREFUWEe9WF1wVdUVXvvcG2KFUoWZ6iglld9EjJYMLQFNykUMkRChBm61DTgQBKuXsS99aO2TM3Y6+EJN0WKRAkoaIhgpJQFCfsGImugQBoiE9AeaAZtpM0FoTO5Za3XW/jk5uQTs+NAzc3P22Xufvde31/ettU4U/J+u7ra6yTQ0mOW2mzav6KhSCuWZmRWcOZMGcPo6a858iX333guoVByVzOvubvsGfH71HwD6UVYGBgCldNP02gfTbwZYBmU6kfzVP8XcMu27BUWp+597/+BcRjzBLHMBIkwLpuc/3izts83vZjMNdSiwazIDyY8YkEwfMQAS2WfTlnEC74WFJWt+pW386yef3Ebc32fMGjZUG29OzDZDyAQIkRmzBug2c9P03MJYKhA59a7WAxeJ8G57Wq9k5j3+vAFSlc3IHQLSGS0HJcYbMGTazIAocwDQtUG9sGhlWQgIXOkzp6qh9ALwoLhCeyTkDTPFztOnpb1xGzCNYxJQMCoQeevTlupyBkjIO0rBxcz8ksnS3/Ve9dTk4FAFMzrjPR9pjgKlQTBDJzJfIWRAFpvQ3AUk02sF8fU7RnhEVpcTiahI7J7ZeU1fQs9g+PyHhzYTwfMaIHPTjHlLrvOITD5/fH/MJ2xwnowo73szF5R8lLrPybrK3GQy+b6A0DSMenfNKVx16Wb2BECQ+/sMk4Qo0OyB6hUGKvBA7to1dmECBg8UECPIkAL+DhFO0xpRqml67uhAmDnS2fLOZ0w0Ue8C8OusWPzn0jh19I9lxDyTiMBHziHihwWIUt5VJn7NZ9EEyXZAvlgAkA6Rl/Pja3uN1U4jcKXP8D2scvGQgDB00pTQh26AaeGHBKrHAZpmzF86qkdklXPN72SBR+MhCcAK+mfGVnRK/8kjFYd8xMVawPrMjC6MV+TQjFa0PtCMQSSS+Wi87NMUIP19Rg+220UkG2VcZNKRKiRwA8j06X6GphkPFY8Acvnk4bHXkl4UoC9gR/KLdMp8aNnnruPjQ28dQqTFOlqFjHWAwpFL5sh2XjQ6GhARuw29yluTpjzL3aFgc90KHof7w9yNIl+7Z96jfwv3dTa9XcvMhe4Q9F1Bz6yHn5zk5nXV1KT3fxMjeLmvKOljlfYK8ODXOHJ3JG3CgJvXe+1SLyHfqr0DYzKXrUr1iA2/EqEUQDMz/VNelhPRKhHPaH/qxGEil17MXHJKTkOGhvhZVn7JRhnrbKqqJSILxNJFqZ77H/lRAMQZ2rp/x2+R+DlLo/rYirJF4UOpqXj9qo84VvZTCjKXrXr2emoZhhhOmghktWCT33C+GKkVbbj1prxj8053Zn7JNOk+21hVy4SFLv7L4TBAz+zFpRrIhwd3VRJRsaXULUjsmbxBPjIM6VyChk4M1htGPwNM4MfLEuNDYu/vMzqwmVpjMdna9WsjtVesJuzdBQSB44KBYujOjK3QQM40VuYywx2IuASR1xvnUc+cotUaSOuBHdVMsNwlPiNmk9md4F0AkExvxC9RTFuCT5QlohoIc1vaXz6+VgygSx9zYagNvu2TGaF+pimE9HLgBeCfehHvoryLSl3Lyl9xOEyLjrrdiaRP5dozRD1zlz6lgbz3px1/QOJCSXhmjAGFzgKEEKRfA9KRK/CMnusjY+n6jZOULti+4tV9/N2cJHObdh4RRKNw37QHS4I6Tynxz/DVfmh3gojKbT7omWeBfMXtR7ymutsbOxg4Oyj8bBg1grVFoc4f7nm4sDOFY4iOAeUMLdPHeBlT8+IX3I4f1byZIGINhEH1zH/MeESuxr3bnyLmb+uEpwtCAN/eg0SY0i/vpd9+x6Z4PD6gutvrO5g5e7iadZoYNljiWJAEreGOTk5HYVCysRFbNOO+R0YCSfqoqUXMPXnL1wRADu/Z1gBMsUATuo5K0YkETpvdXfE4Lv3rE+Pr1v1bdbcJEMoeEeNdxAqV6MY5RuQOlDHWRTajPBGh43nUSxsB5IMDbyZ8wnJTgqueBSXDQGortjYgQ0wWcVWvy+ZyLkEFbKthI3mAsWMskIunWydEB/2I2DTgD+QiwHjP846RlwyS0AgyXh1+Yhx4AAHrgqgV4fwxXkSXHJKyZ+et/JdSyroHoHX/Tg3EnDr3LCxZO7l+744HF61cc+zgbgHCuiIgpoPMXK0BoAQYcQVAUkKND1OA+RdOfOMckLCR5z+o/RkibfIAvmCmFgZ1JKrUkanzi06NJsgzLftywE+2682lwIPorFmL4jf8qDsuQHxfAyGCAWS6jESRJU9uyDjw1u8afKKYRKqI5720fPVPfjnanru2bp6LyCc0GRggoFYqEELcJDQLPpgM3y8xc11UwXb3VSedXS37cpLJoXbLefDUzYE0Vm9PMLKhVvDRxBeW/nhDxv5dAgS1Rpjhpfja524IxPf5hPBqBLVGAqlZiEgvAvNcYIoa3dgSXk+krZnfX/lMZ9PbLzLjt4BgIjEXG8MYKDJmVs5NPNK4d3sCiTQQyQem+FMXiks3ZOzb+WoDEcfMWqoFAOqFT3KO+qcLeJCEOwmZn7alN4xKLQeq60TNeCJcyOQXKIYCQpxqS/ytWbGVz5xt3KMjnf5CC5XbitWsnCWlN6RWfdW2hM9criOO1gL83Wfc/IPSZzfv3b5Fa8R9zmrP6BRg6zgriuD/CDb7BWIfjYepfeeO7ZtCPhcw4EBW7Ic7Tx+t6ABQ2WGKiAEe3BxIXdW2BBK/4hMeAeW9WvTE0392wWDPG1saUFNLQq77DrFVkqWRi1RBlr2RRv4XUDLnVF3FRmJ1pzjcd7GdCG5JU795YPFqXTWPdtVW/P5+FVX/KYyvO586XvnGlgIkvFMIpKsjJACJpdIe7W4XuHXCXZXxeHzovzRW93NMmggeAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%
}

.pc-lead .pc-lead-icon:after {
    content: "";
    position: absolute;
    top: 1px;
    right: -7px;
    width: 1px;
    height: 10px;
    background: #CDCDCD
}

.pc-lead .pc-lead-content {
    flex: 1;
    position: relative;
    text-align: justify
}

.pc-lead .pc-lead-content .pc-lead-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #b59c83
}

.pc-load-content {
    visibility: hidden
}

.pc-singe-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hot-ranking {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%
}

.hot-ranking-head>img {
    width: 153px;
    height: 30px
}

.hot-ranking-content {
    height: calc(100% - 30px);
    padding-top: 18px;
    column-gap: 16px
}

.rank-types {
    position: relative;
    width: 182px;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 9px;
    padding: 20px 18px 30px 28px;
    background: #FFFFFF;
    box-shadow: 0 0 10px #00000012;
    border-radius: 8px;
    overflow-y: auto
}

.rank-types>.rank-type {
    flex-shrink: 0;
    height: 37px;
    column-gap: 8px;
    cursor: pointer;
    z-index: 1
}

.rank-types>.rank-type>span {
    pointer-events: none;
    font-size: 15px;
    color: #666;
    line-height: 14px;
    transition: color .3s
}

.rank-types>.rank-type[active=true]>span {
    font-weight: 500;
    color: #2a2b32
}

.rank-types .base {
    position: absolute;
    top: 0;
    left: 10px;
    width: 162px;
    height: 37px;
    background: #F3F2F1;
    border-radius: 5px;
    transform: translateY(0);
    transition: transform ease-out .3s
}

.rank-list-box {
    position: relative;
    flex: 1;
    height: 100%;
    box-shadow: 0 0 10px #00000012;
    border-radius: 10px
}

.rank-list {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid;
    border-image: linear-gradient(360deg, #eff4f0, #ceebd4) 1 1;
    background: linear-gradient(360deg, #FFFFFF 0%, #eff4f0 85%, #ceebd4 100%);
    border-radius: 10px;
    clip-path: inset(0 round 10px)
}

.rank-list:after,
.rank-list:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -1px
}

.rank-list:after {
    right: -1px;
    border-top: 1px solid #ceebd4;
    border-right: 1px solid #ceebd4;
    border-top-right-radius: 10px
}

.rank-list:before {
    left: -1px;
    border-top: 1px solid #ceebd4;
    border-left: 1px solid #ceebd4;
    border-top-left-radius: 10px
}

.rank-list-head {
    margin: 18px 30px 0;
    padding: 0 0 12px 1px;
    border-bottom: 1px solid #F7EAE0
}

.rank-list-head>.rank-title {
    column-gap: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #2a2b32;
    line-height: 26px
}

.rank-list-head>.rank-title>span {
    width: 20px;
    height: 20px
}

.rank-list-head>.rank-date {
    padding-top: 2px;
    padding-left: 28px;
    font-size: 12px;
    color: #837365;
    line-height: 16px
}

.rank-list-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    padding: 22px 38px 33px 24px;
    overflow-y: auto
}

.rank-list-content .list-item .names {
    align-items: flex-start;
    column-gap: 8px;
    font-size: 14px;
    color: #25262a;
    line-height: 16px
}

.rank-list-content .list-item .names>img {
    width: 11px;
    height: 11px;
    margin-top: 2px
}

.rank-list-content .list-item .desc {
    padding-top: 10px;
    font-size: 13px;
    color: gray;
    line-height: 13px
}

.rank-list-content .item-index {
    padding: 0 4px;
    height: 16px;
    min-width: 14px;
    background: #EE861A;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 12px;
    font-variant-numeric: tabular-nums
}

.rank-list-content>.list-item:nth-child(-n+3) .item-index {
    background: #E7311A
}

.type-icon,
.realTime-icon,

.realTime-icon {
    background: url(https://data.dafeiyang.cn/images/logo/logo_red.jpg) no-repeat center;
    background-size: 100% 100%
}

.rank {
    height: 100%;
    align-items: flex-start;
    padding: 18px 24px 24px;
    column-gap: 24px
}

.MonitorDetailListItem {
    padding: 23px 30px 0 25px
}

.item-head {
    flex-wrap: wrap;
    padding-right: 41px;
    padding-bottom: 23px;
    cursor: pointer
}

.item-head .index {
    font-size: 16px;
    color: #999;
    line-height: 16px
}

.item-head .item-name {
    font-size: 16px;
    font-weight: 500;
    color: #27282d;
    line-height: 16px
}

.item-head .open-btn {
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAAXNSR0IArs4c6QAAAeZJREFUSEu91LFrU0EcB/Dv7/oIwaGiRXAQBxcRfJd3JkGLQ4OgQxeHIk7WRf0XtIN6Olj9F6pL6yTSwcVBQdKhtCXBSy9i6eJgF0Gq6BTC836SkoSnpHnvaZLbHvf7fT93x90jpBxaa/FqeVkDuN5uXbw8M6O11i5NFKUpbtUqKReZeTbaR0RLxtrOQhJFpoLPSKkd8/1eyYLowXtrWyeRaCSGVS53jZ1b6pdKQsyazc3nSeREsFJqisPwDYBMTGiTPO+SMWYlDo+FC1KeDJnXAByKC2vPf/eIJqvWbvc9nX6TSqkjHIbrAE4kRDtln8jzzhljvu7Xt++OS6VS9sfu7jsGJlOie+UErB2cmLhQLpcbvfp7wsxMSsoXAK78CxrpeWmsvUpE/HdOT1j5/mMGbv8n2tn5E1Ov34mFAylvgPnpINBuBtHNmrXP/vjpRD+CILhIzr1mZm+QMBGFLMR0rVZ728ntHnVBytO/mFcZGB8kGoF+jhGdr1r7oX35gGKxeDRsNDYYOD4MNIJ/9rLZs5VK5Qvl8/kDrtlcYaAwTDSCV0UmM9V6No+YeW4UaBcnmqdAyh0wHxspDOyQ8v2PDJwaMbxFKpe7y849HCksxL2956R8f56BWwAOD3kB3whYMPX63G/ELJul1u34UAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    transform: rotate(180deg);
    transition: all .3s
}

.item-head[open=true] .open-btn {
    transform: rotate(0)
}

.item-hr {
    margin: 0 17px;
    height: 1px;
    background: transparent;
    transition: all .3s
}

.item-hr[open=false] {
    background: #F0F0F0
}

.echarts-box {
    align-items: flex-start;
    height: 0;
    margin-left: 6px;
    background: #FFFFFF;
    border-radius: 6px;
    transition: all .3s;
    overflow: hidden
}

.echarts-box .char-line {
    width: 1px;
    height: 240px;
    background: #F8F7F7;
    border-radius: 7px;
    margin: auto
}

.echarts-box[open=true] {
    height: 295px
}

.echarts-box .chart-box {
    flex: 1
}

.echarts-box .chart-title {
    margin-top: 19px;
    padding-left: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 15px
}

.MonitorDetailListItem {
    padding: 23px 30px 0 25px
}

.item-head {
    flex-wrap: wrap;
    padding-right: 41px;
    padding-bottom: 23px;
    cursor: pointer
}

.item-head .index {
    font-size: 16px;
    color: #999;
    line-height: 16px
}

.item-head .item-name {
    font-size: 16px;
    font-weight: 500;
    color: #27282d;
    line-height: 16px
}

.item-head .open-btn {
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAAXNSR0IArs4c6QAAAeZJREFUSEu91LFrU0EcB/Dv7/oIwaGiRXAQBxcRfJd3JkGLQ4OgQxeHIk7WRf0XtIN6Olj9F6pL6yTSwcVBQdKhtCXBSy9i6eJgF0Gq6BTC836SkoSnpHnvaZLbHvf7fT93x90jpBxaa/FqeVkDuN5uXbw8M6O11i5NFKUpbtUqKReZeTbaR0RLxtrOQhJFpoLPSKkd8/1eyYLowXtrWyeRaCSGVS53jZ1b6pdKQsyazc3nSeREsFJqisPwDYBMTGiTPO+SMWYlDo+FC1KeDJnXAByKC2vPf/eIJqvWbvc9nX6TSqkjHIbrAE4kRDtln8jzzhljvu7Xt++OS6VS9sfu7jsGJlOie+UErB2cmLhQLpcbvfp7wsxMSsoXAK78CxrpeWmsvUpE/HdOT1j5/mMGbv8n2tn5E1Ov34mFAylvgPnpINBuBtHNmrXP/vjpRD+CILhIzr1mZm+QMBGFLMR0rVZ728ntHnVBytO/mFcZGB8kGoF+jhGdr1r7oX35gGKxeDRsNDYYOD4MNIJ/9rLZs5VK5Qvl8/kDrtlcYaAwTDSCV0UmM9V6No+YeW4UaBcnmqdAyh0wHxspDOyQ8v2PDJwaMbxFKpe7y849HCksxL2956R8f56BWwAOD3kB3whYMPX63G/ELJul1u34UAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    transform: rotate(180deg);
    transition: all .3s
}

.item-head[open=true] .open-btn {
    transform: rotate(0)
}

.item-hr {
    margin: 0 17px;
    height: 1px;
    background: transparent;
    transition: all .3s
}

.item-hr[open=false] {
    background: #F0F0F0
}

.echarts-box {
    align-items: flex-start;
    height: 0;
    margin-left: 6px;
    background: #FFFFFF;
    border-radius: 6px;
    transition: all .3s;
    overflow: hidden
}

.echarts-box .char-line {
    width: 1px;
    height: 240px;
    background: #F8F7F7;
    border-radius: 7px;
    margin: auto
}

.echarts-box[open=true] {
    height: 295px
}

.echarts-box .chart-box {
    flex: 1
}

.echarts-box .chart-title {
    margin-top: 19px;
    padding-left: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 15px
}

.monitor-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 18px 33px
}

.title-img {
    width: 153px;
    height: 30px
}

.keyword-btn-box {
    overflow: hidden;
    overflow-x: auto;
    margin-right: 50px;
    padding-bottom: 5px;
    column-gap: 16px
}

.keyword-btn-box>div {
    min-width: 140px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #B2B5BB;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 15px;
    cursor: pointer;
    transition: all .3s
}

.keyword-btn-box>div[active=true] {
    color: #fc7c00;
    border: 1px solid #FC7C00
}

.export-btn {
    font-size: 16px;
    color: #ba6005;
    line-height: 16px;
    cursor: pointer
}

.rank-type-tabs {
    position: relative;
    margin-top: 30px;
    font-size: 15px;
    color: #696b6f;
    line-height: 15px;
    column-gap: 25px
}

.rank-type-tabs>div {
    cursor: pointer;
    transition: all .1s
}

.rank-type-tabs>div[active=true] {
    font-weight: 500;
    color: #2a2b32;
    transform: scale(1.2)
}

.rank-type-tabs .tab-icon {
    position: absolute;
    left: -16px;
    bottom: -2px;
    width: 32px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAMCAYAAADS87vJAAAAAXNSR0IArs4c6QAABVtJREFUSEt1Vr2OW1UQnj/bm/VuRAp63iGUNDwCxT4ADTUPQJGKgoYOBQqUgiqIBgraSEgokbLiBShAQvnBSCtlo6x9fWYGfXPudexN4srX9r0+8833x3TtlZlM3390QvzqiHhQulRby1ZZTGnbdCGmw5qNKITTjVx0JqFXyTZrKa2JWYSSiPrGjSWVtrhOpZYawUYpqt6ESOo6Wph4KgUJEWtkGnuaRAreU5LgOgK/Ec1I4wxh3BtkFKRc94fgeZzjdZJmpiW+x/uWSvgu6T+O/Or4/PkjfgOA+2c3iP658fLlWk940KtLtRuLJhtXI1FdbF2HrSsn29ZDZ+6Kz9vWjUOUWBUAeIbSEOoutuAUwmchFhGmnuLMpkGC62hsUsNjCAyV40CpRFTAcQIAxrBC6UreBw0MTqzioZRc4KR3ADKpBi7AHGAArBQGkEmr5fnzTw4AwPYvvvvw5q2TQWhjNjEAA26kKW1VF6I6rLfGgsFDZ0PIdivGxtaGUMsUShxqZsPGzbD5CK2h9wAgZnNPZWwFgzc2YhLyxFAGgHFYqsFJtbY/Mah+9xoAAAZwKCQaGQbk4BGAzgBygFEs0w6ArJbnT68B8PizGZ2fH9Otue4zgPckUFJYY/uucwmFBABE27IxqB+pxjIyQNQ5bIHhKawk0FgJD/EmntiiKIamFgZJYGjQXgEEDnrAgD4ANi2RmkFdAh4i2aUBRkwSOGDAJIGSQ2qk/HB6/vTuIQN+uX1MT2j2Qtd6U+ZKbHp1ubEdAJME1twZQCk0tJIGe2jDFkPVKIQozBubb1MhgQ4ANB+jB2RR/roEIAeAqHXIrn9clweAFU6CQTVTvJH1rXZtyySBFhMD6v7uGaTpXQKSRD7Ls9Pfn/+7AyDzjqy++fH4fTvSYsCztZ6cDkrrrdJsaZuh6SJDKMR2JmhutMYGQyEBmkyQRw/YgJYpTF33Aw7yLgaAws33TRCUrYGLEUX/NxlQssDWCfd3E4TWxVNq6CBNwv+WF3QJJP+2fPz0C/jfawDun82JVvOLi0tVnetNWeubKQAP8EqBfQ8gErsaJQAPsBRtJDsPKP2PDKAWGiWBFM+woiNMsMwMEnCJMrisbWF4cZLXJhiSoKanlAR2JtjNLrCM5LeaYP0XDDLl8+XjJ3/sAKjou/fxgpYro+FEaC5GLzsASIF9D6gYHFMA2qc1HFm1UU+BMkGSorlXCkSlgNeGWsUeDo/vYYThrXsAvARmCO3DG7wDUB5QEkA6eMUgUkBgcpUY8KFUKcdn9QZQuXSONNilwOgBTPT38tGzT6f0KwZknik9WM1oRUYXl0o615evRglcqtH1GDzwALZDExxjsA4GpmRPgAMPgMa5cr+ibc8E+0bHGOwsgIPvMQAxWECB6njGgQniWfX5yIRdD6gYTAuSr28+fPLzIQDf3p7R/FRXr1ZmdqS3bs31XQyYUmC/COHPGrHNYIrI47cy4M0UmIoQgQVlfr0LFAMwfBsZsOsBXcPYPEwQEpg8oFLAXZEKYMDkHwcM8Fwvj47O+MFf60MAHt+e0eWp0mpldHGkL/Y8oIrQrgegCR73HoACtBh7AEnlNnoAUuCIQhpSYMPmiEVIBVu71gRRhniYtI+G6ELO1QN2KXDdBCElJ+kxCAn16EUPYCLx1h1/LEKvU6DL4aflw6d398vfKIE7QvfuzWn5gdFwVR4wpUABcKzQnWxeiZUJHjTBXoXbGIOTBzjqb0h5QAEA3YfAqUufji1yl0BV4Wp4YIHL6AE93uABoHtLFdRkSCtz9AD0AERgb4ITIMUASGlqgkmUjc5P3jv+kn/9c7MPwP+NYrRJdROOkwAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    transition: all ease-out .3s
}

.list-box {
    position: relative;
    flex: 1;
    max-height: calc(100% - 159px);
    display: flex;
    flex-direction: column;
    margin-top: 26px;
    background: #FAFAFA;
    border-radius: 6px
}

.list-box .list-content {
    height: calc(100% - 28px);
    overflow-y: auto
}

.list-box .list-sum {
    flex-shrink: 0;
    height: 28px;
    margin: 14px 24px 0;
    background: #F6F6F6;
    border-radius: 6px;
    font-size: 12px;
    color: #333;
    line-height: 12px
}

.empty-box {
    flex: 1;
    flex-direction: column;
    font-size: 18px;
    color: #b7bac4;
    line-height: 18px
}

.empty-box .empty {
    width: 84px;
    height: 99px;
    margin-bottom: 23px
}

.content-nav {
    height: 100%
}

.nav-content {
    height: calc(100% - 280px);
    width: 85%;
    margin: 0 auto;
}

.tabs {
    position: relative;
    display: flex;
    column-gap: 38px;
    height: 50px;
    margin: 0 30px;
    padding: 20px 0 0 15px;
    border-bottom: 1px solid #F4F4F4;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 18px
}

.tabs>div {
    cursor: pointer;
    padding-bottom: 11px;
    transition: color .2s;
    user-select: none
}

.tabs>div:nth-child(2)[active=true]~.base {
    transform: translate(99px)
}

.tabs>div[active=true] {
    color: #fc9131
}

.tabs .base {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 2px;
    background: #FC9131;
    border-radius: 1px;
    transform: translate(25px);
    transition: transform cubic-bezier(0, .5, .3, 1.2) .3s
}

.qr-box {
    flex-direction: column;
    font-size: 14px;
    color: #8c9096;
    line-height: 14px;
    width: 300px;
    height: 354px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFBF6 100%);
    box-shadow: 0 0 16px #00000029;
    border-radius: 10px
}

.qr-box>div {
    font-size: 22px;
    font-weight: 500;
    color: #272a2e;
    line-height: 22px
}

.qr-box>.title-img {
    width: 240px;
    height: 9px;
    margin-top: 14px;
    margin-bottom: 18px
}

.qr-box>.ps {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 21px;
    text-align: center
}

.qr-box>.qr-img {
    width: 142px;
    height: 142px;
    margin-top: 17px;
    margin-bottom: 18px
}

.search {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px 33px 39px
}

.back {
    column-gap: 9px;
    font-size: 14px;
    color: #272636;
    line-height: 14px;
    cursor: pointer
}

.back>img {
    width: 16px;
    height: 16px
}

.search-types {
    position: relative;
    margin-top: 24px;
    margin-left: 15px;
    font-size: 15px;
    color: #696b6f;
    line-height: 15px
}

.search-types>.search-type {
    cursor: pointer;
    transition: all .1s
}

.search-types>.search-type[active=true] {
    font-weight: 500;
    color: #2a2b32;
    transform: scale(1.2)
}

.search-types>.base {
    position: absolute;
    left: -16px;
    bottom: -2px;
    width: 32px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAMCAYAAADS87vJAAAAAXNSR0IArs4c6QAABVtJREFUSEt1Vr2OW1UQnj/bm/VuRAp63iGUNDwCxT4ADTUPQJGKgoYOBQqUgiqIBgraSEgokbLiBShAQvnBSCtlo6x9fWYGfXPudexN4srX9r0+8833x3TtlZlM3390QvzqiHhQulRby1ZZTGnbdCGmw5qNKITTjVx0JqFXyTZrKa2JWYSSiPrGjSWVtrhOpZYawUYpqt6ESOo6Wph4KgUJEWtkGnuaRAreU5LgOgK/Ec1I4wxh3BtkFKRc94fgeZzjdZJmpiW+x/uWSvgu6T+O/Or4/PkjfgOA+2c3iP658fLlWk940KtLtRuLJhtXI1FdbF2HrSsn29ZDZ+6Kz9vWjUOUWBUAeIbSEOoutuAUwmchFhGmnuLMpkGC62hsUsNjCAyV40CpRFTAcQIAxrBC6UreBw0MTqzioZRc4KR3ADKpBi7AHGAArBQGkEmr5fnzTw4AwPYvvvvw5q2TQWhjNjEAA26kKW1VF6I6rLfGgsFDZ0PIdivGxtaGUMsUShxqZsPGzbD5CK2h9wAgZnNPZWwFgzc2YhLyxFAGgHFYqsFJtbY/Mah+9xoAAAZwKCQaGQbk4BGAzgBygFEs0w6ArJbnT68B8PizGZ2fH9Otue4zgPckUFJYY/uucwmFBABE27IxqB+pxjIyQNQ5bIHhKawk0FgJD/EmntiiKIamFgZJYGjQXgEEDnrAgD4ANi2RmkFdAh4i2aUBRkwSOGDAJIGSQ2qk/HB6/vTuIQN+uX1MT2j2Qtd6U+ZKbHp1ubEdAJME1twZQCk0tJIGe2jDFkPVKIQozBubb1MhgQ4ANB+jB2RR/roEIAeAqHXIrn9clweAFU6CQTVTvJH1rXZtyySBFhMD6v7uGaTpXQKSRD7Ls9Pfn/+7AyDzjqy++fH4fTvSYsCztZ6cDkrrrdJsaZuh6SJDKMR2JmhutMYGQyEBmkyQRw/YgJYpTF33Aw7yLgaAws33TRCUrYGLEUX/NxlQssDWCfd3E4TWxVNq6CBNwv+WF3QJJP+2fPz0C/jfawDun82JVvOLi0tVnetNWeubKQAP8EqBfQ8gErsaJQAPsBRtJDsPKP2PDKAWGiWBFM+woiNMsMwMEnCJMrisbWF4cZLXJhiSoKanlAR2JtjNLrCM5LeaYP0XDDLl8+XjJ3/sAKjou/fxgpYro+FEaC5GLzsASIF9D6gYHFMA2qc1HFm1UU+BMkGSorlXCkSlgNeGWsUeDo/vYYThrXsAvARmCO3DG7wDUB5QEkA6eMUgUkBgcpUY8KFUKcdn9QZQuXSONNilwOgBTPT38tGzT6f0KwZknik9WM1oRUYXl0o615evRglcqtH1GDzwALZDExxjsA4GpmRPgAMPgMa5cr+ibc8E+0bHGOwsgIPvMQAxWECB6njGgQniWfX5yIRdD6gYTAuSr28+fPLzIQDf3p7R/FRXr1ZmdqS3bs31XQyYUmC/COHPGrHNYIrI47cy4M0UmIoQgQVlfr0LFAMwfBsZsOsBXcPYPEwQEpg8oFLAXZEKYMDkHwcM8Fwvj47O+MFf60MAHt+e0eWp0mpldHGkL/Y8oIrQrgegCR73HoACtBh7AEnlNnoAUuCIQhpSYMPmiEVIBVu71gRRhniYtI+G6ELO1QN2KXDdBCElJ+kxCAn16EUPYCLx1h1/LEKvU6DL4aflw6d398vfKIE7QvfuzWn5gdFwVR4wpUABcKzQnWxeiZUJHjTBXoXbGIOTBzjqb0h5QAEA3YfAqUufji1yl0BV4Wp4YIHL6AE93uABoHtLFdRkSCtz9AD0AERgb4ITIMUASGlqgkmUjc5P3jv+kn/9c7MPwP+NYrRJdROOkwAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    transition: all .3s
}

.search-list {
    position: relative;
    flex: 1;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: column;
    margin-top: 23px;
    border: 1px solid;
    border-image: linear-gradient(360deg, rgba(255, 171, 43, 0), rgba(229, 127, 42, .26)) 1 1;
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 146, 20, .04) 85%, rgba(255, 77, 0, .04) 100%);
    border-radius: 10px;
    clip-path: inset(0 round 10px)
}

.search-list:after,
.search-list:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -1px
}

.search-list:after {
    right: -1px;
    border-top: 1px solid #ceebd4;
    border-right: 1px solid #ceebd4;
    border-top-right-radius: 10px
}

.search-list:before {
    left: -1px;
    border-top: 1px solid #ceebd4;
    border-left: 1px solid #ceebd4;
    border-top-left-radius: 10px
}

.search-list-head {
    flex-shrink: 0;
    margin: 0 22px;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    color: #6f6259;
    line-height: 14px;
    border-bottom: 1px solid #F7EAE0
}

.search-list-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding: 32px 56px 32px 36px;
    overflow-y: auto
}

.search-list-content .search-list-item {
    flex-wrap: wrap
}

.search-list-content .search-list-item>.name {
    flex: 4;
    font-size: 14px;
    font-weight: 500;
    color: #1f1c1c;
    line-height: 14px;
    cursor: pointer
}

.search-list-content .search-list-item>.type {
    flex: 2;
    font-size: 14px;
    color: #cc6e0d;
    line-height: 14px
}

.search-list-content .search-list-item>.date {
    width: 170px
}

.search-list-content .search-list-item>.date,
.search-list-content .search-list-item>.time,
.search-list-content .search-list-item>.rank {
    font-size: 13px;
    color: #555;
    line-height: 13px;
    white-space: nowrap
}

.search-list-content .search-list-item>.rank {
    flex: 1
}

.search-list-content .search-list-item>.time {
    flex: 2;
    padding-left: 50px
}

.search-list-content[tradeEdition=false] {
    flex: unset;
    position: relative;
    overflow: hidden
}

.search-list-content[tradeEdition=false] .trade-edition-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 47.5%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.search-list-content[tradeEdition=false] .trade-edition-btn {
    width: 254px;
    height: 33px;
    column-gap: 4px;
    background: #FF9F41;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer
}

.search-list-content[tradeEdition=false] .trade-edition-btn img {
    width: 14px;
    height: 14px
}

.empty-box {
    flex: 1;
    flex-direction: column;
    font-size: 18px;
    color: #b7bac4;
    line-height: 18px
}

.empty-box .empty {
    width: 84px;
    height: 99px;
    margin-bottom: 23px
}

:root {
    --van-list-text-color: var(--van-text-color-2);
    --van-list-text-font-size: var(--van-font-size-md);
    --van-list-text-line-height: 50px;
    --van-list-loading-icon-size: 16px
}

.van-list__loading,
.van-list__finished-text,
.van-list__error-text {
    color: var(--van-list-text-color);
    font-size: var(--van-list-text-font-size);
    line-height: var(--van-list-text-line-height);
    text-align: center
}

.van-list__placeholder {
    height: 0;
    pointer-events: none
}

.van-list__loading-icon .van-loading__spinner {
    width: var(--van-list-loading-icon-size);
    height: var(--van-list-loading-icon-size)
}

.my-balance-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px 25px
}

.my-balance-page__balance {
    height: 56px;
    padding: 0 30px;
    background:
        /*savepage-url=/hot-search/assets/my-balance.d9d7af5a.png*/
        url() no-repeat;
    background-size: 100% 100%
}

.my-balance-page__balance__balance-name {
    font-size: 14px;
    color: #fff
}

.my-balance-page__balance__balance-num {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 20px
}

.my-balance-page__title {
    position: relative;
    margin-top: 36px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 16px;
    text-align: center
}

.my-balance-page__title:after,
.my-balance-page__title:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(20px);
    width: 260px;
    height: 1px;
    background: #E9EAEB
}

.my-balance-page__title:before {
    left: 8%
}

.my-balance-page__balance-list {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    padding: 27px 15px 0 13px
}

.my-balance-page__balance-list .van-list {
    display: flex;
    flex-direction: column;
    gap: 23px
}

.my-balance-page__balance-list__category {
    font-size: 14px;
    color: #262626;
    line-height: 14px
}

.my-balance-page__balance-list__date {
    font-size: 12px;
    color: #a3a6b1;
    line-height: 12px
}

.my-balance-page__balance-list__difference {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 16px
}

.my-balance-page__balance-list .up {
    color: #fc7c00
}

.my-concat-us-page[data-v-fb4882d3] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 26px
}

.my-concat-us-page__title[data-v-fb4882d3] {
    width: 100%;
    height: 31px;
    padding: 0 15px;
    background: #f9e7d6;
    border-radius: 6px;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #262626;
    line-height: 13px
}

.my-concat-us-page__title>img[data-v-fb4882d3] {
    width: 13px;
    height: 13px
}

.my-concat-us-page__text[data-v-fb4882d3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 98px;
    width: max-content;
    font-size: 14px;
    color: #262626;
    line-height: 14px
}

.my-concat-us-page__qr[data-v-fb4882d3] {
    margin-top: 36px
}

.my-concat-us-page__qr img[data-v-fb4882d3] {
    width: 132px;
    height: 132px
}

.my-concat-us-page__qr-ps[data-v-fb4882d3] {
    margin-top: 8px;
    font-size: 12px;
    color: #333;
    line-height: 12px
}

.my-recharge-logs-page[data-v-6de3f1aa] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 40px 38px 105px
}

.my-recharge-logs-page__title[data-v-6de3f1aa] {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 16px;
    text-align: center
}

.my-recharge-logs-page__title[data-v-6de3f1aa]:after,
.my-recharge-logs-page__title[data-v-6de3f1aa]:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(20px);
    width: 260px;
    height: 1px;
    background: #E9EAEB
}

.my-recharge-logs-page__title[data-v-6de3f1aa]:before {
    left: 8%
}

.my-recharge-logs-page__list[data-v-6de3f1aa] {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    padding: 27px 15px 44px 13px
}

.my-recharge-logs-page__list .van-list[data-v-6de3f1aa] {
    display: flex;
    flex-direction: column;
    gap: 23px
}

.my-recharge-logs-page__list__category[data-v-6de3f1aa] {
    font-size: 14px;
    color: #262626;
    line-height: 14px
}

.my-recharge-logs-page__list__date[data-v-6de3f1aa] {
    font-size: 12px;
    color: #a3a6b1;
    line-height: 12px
}

.my-recharge-logs-page__list__difference[data-v-6de3f1aa] {
    font-size: 16px;
    font-weight: 500;
    color: #f8982e;
    line-height: 16px
}

.my-recharge-logs-page__footer[data-v-6de3f1aa] {
    height: 94px;
    padding: 0 32px;
    background: #F4F4F4;
    border-radius: 10px
}

.my-recharge-logs-page__footer__name[data-v-6de3f1aa] {
    gap: 7px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 16px
}

.my-recharge-logs-page__footer__name>img[data-v-6de3f1aa] {
    width: 39px;
    height: 13px
}

.my-recharge-logs-page__footer__qr[data-v-6de3f1aa] {
    width: 68px;
    height: 68px
}

.my-ex-change-page-change-list-item[data-v-5deb76b5] {
    position: relative;
    cursor: pointer
}

.my-ex-change-page-change-list-item__hr[data-v-5deb76b5] {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 758px;
    height: 1px;
    background: #F0F0F0;
    transition: opacity .3s
}

.my-ex-change-page-change-list-item[open=true] .my-ex-change-page-change-list-item__hr[data-v-5deb76b5] {
    opacity: 0
}

.my-ex-change-page-change-list-item__index[data-v-5deb76b5] {
    font-size: 16px;
    color: #999;
    line-height: 16px
}

.my-ex-change-page-change-list-item__keyword[data-v-5deb76b5] {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #27282d;
    line-height: 16px
}

.my-ex-change-page-change-list-item__keyword[data-v-5deb76b5]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -23px;
    transform: translateY(-50%);
    width: 9px;
    height: 6px;
    transition: transform ease-out .2s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAAXNSR0IArs4c6QAAATJJREFUOE+l0jFIw1AQBuD/XiwSiuBWR2chaRLUWurg6CAIARfBXUdB97crrro7CgXBwdHBUlOlaTM4u2k3QUqQ2nfyWqtWUrHxpse7u+8dxyPHsjYBHAHIIV20iGiXXMt6ZGAmndHvIuBJQzUGFv4J3ZLnebbqdK4BTKXEXkQms0y62bPtVQYumNkYByOiLgFr9Si67EE63Hx+m5U6HgsSYidsNk8+9vTV6tn2gWLe+wsmiA7rUbQ/qP2cSF9IKcV5uXzGzP5vGBGV131/Q0qpEiF9WSwWzbjdvgLzYiJGVDOz2ZVqtRp/zw9NNEgUCoXcaxzfgHl2CCN6mDTNpSAIWj8fSYR6y3fdOe52K2Ce7v86eibDKIVheJ806UhIF887TulNqVN9nhBi667RqIza3Ttks15+xNoJTAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.my-ex-change-page-change-list-item[open=true] .my-ex-change-page-change-list-item__keyword[data-v-5deb76b5]:after {
    transform: translateY(-50%) rotate(180deg)
}

.my-ex-change-page-change-list-item[overdue=true] .my-ex-change-page-change-list-item__keyword[data-v-5deb76b5] {
    color: #999
}

.my-ex-change-page-change-list-item[overdue=true] .my-ex-change-page-change-list-item__keyword[data-v-5deb76b5]:after {
    display: none
}

.my-ex-change-page-change-list-item__rank-type[data-v-5deb76b5] {
    font-size: 14px;
    color: #cc6e0d;
    line-height: 14px
}

.my-ex-change-page-change-list-item__out-date[data-v-5deb76b5] {
    min-width: 110px;
    font-size: 14px;
    color: #777;
    line-height: 14px;
    text-align: right
}

.my-ex-change-page-change-list-item[overdue=true] .my-ex-change-page-change-list-item__out-date[data-v-5deb76b5] {
    color: #999
}

.my-ex-change-page-change-list-item__chart[data-v-5deb76b5] {
    width: 788px;
    height: 0;
    transition: transform ease-out .3s, height ease-out .3s;
    transform: scaleY(0);
    transform-origin: top;
    background: #FFFFFF;
    border-radius: 6px
}

.my-ex-change-page-change-list-item[open=true] .my-ex-change-page-change-list-item__chart[data-v-5deb76b5] {
    transform: scaleY(1);
    height: 295px
}

.my-ex-change-page[data-v-147199fd] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 31px 25px
}

.my-ex-change-page__change-list[data-v-147199fd] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.my-page[data-v-ebfd93bb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 27px 30px 63px
}

[data-v-ebfd93bb] .my-page__empty {
    gap: 24px;
    font-size: 15px;
    color: #b7bac4;
    line-height: 18px
}

[data-v-ebfd93bb] .my-page__empty img {
    width: 58px
}

.my-page__page-header__page-title[data-v-ebfd93bb] {
    padding-left: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.my-page__page-header__page-back-rank[data-v-ebfd93bb] {
    font-size: 14px;
    color: #272636;
    line-height: 14px;
    gap: 9px;
    cursor: pointer
}

.my-page__page-header__page-back-rank>img[data-v-ebfd93bb] {
    width: 16px;
    height: 16px
}

.my-page__page-sider[data-v-ebfd93bb] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 278px;
    height: 100%;
    padding: 29px 21px 0 23px;
    background: #FFFFFF;
    box-shadow: 0 0 10px #00000012;
    border-radius: 8px;
    gap: 23px
}

.my-page__page-sider__menu[data-v-ebfd93bb] {
    padding: 5px 0;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

.my-page__page-sider__menu[active=true][data-v-ebfd93bb] {
    color: #f8982e
}

.my-page__page-sider__menu__name>span[data-v-ebfd93bb] {
    color: #a9abb8
}

.my-page__page-sider__menu__right[data-v-ebfd93bb] {
    color: #bfc4cd
}

.my-page__page-sider__menu__right>span[data-v-ebfd93bb] {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #a9abb8
}

.my-page__page-sider__menu[active=true] .my-page__page-sider__menu__right[data-v-ebfd93bb] {
    color: #f8982e
}

.my-page__page-content[data-v-ebfd93bb] {
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    border-radius: 8px
}

.contact-us[data-v-442f9cc0] {
    position: fixed;
    bottom: 30px;
    right: 20px
}

.contact-us .contact-us-btn[data-v-442f9cc0] {
    width: 40px;
    height: 114px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px #00000012;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    letter-spacing: 2.5px;
    writing-mode: vertical-lr;
    cursor: pointer
}

.contact-us .customer-service-icon[data-v-442f9cc0] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-bottom: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABIxJREFUWEfVmFtoHGUUx/9nZsqSGC8INrYSfRBEREmqVFFqG6mCVrKXYFr2Fq+k3cmmSUEfij7kpeKlYGyysxqo1uwlluBudoN9ippQK8VblYKC6Iu1KTFYqdBcysx3ZHd2N5tkk266Y1o/2Idhzvc/v+8/5/vmzBKusUHXGA+uGKjZ136/EGxn5m0AbQSQ+YGJzxHjLBONKRKNJKKh71ez6FUDuTxqswEcAPPd5SQiwk8g6bVULJQsK76coEyM43m1DrP4mMGPlJpDRCLrELNU8j7oK1mSdyVivX+slLMsh1xudYsg/oQZ6/NiRPgTLB2VZIwoCp/Gjsap7L1jY7foOt0nDDSBxK7iOQBNysAzyUHty+WgLgvU7FU3GwLjDK7KiBBoBsCBG5Tqnkjk4MWVVuv3v3zdP/p0F4BXi+ezIm1NR/q+Le3kCootrftuu6TPfsOMDTmYM7JMztUWqtMTeICZkgyuy+lMcJW0Of1B38Ti9Cs65HAHUgzYzUk0aVOUB4cih34vt+6K41r8e2+f0/WvAa7NqhGNpOJaTns+clkglzuwzQDGzBXBkCVlSyLWe/JKYPJzXO72hwXEcQbkrK6sbE1Fe48Xay4L5PCoo8y83TQH/el4eHclMPm5dk/gfTDaTJcwmoqHn7gsUMuL+26em56bBFjJuiPb6hLRnnNWADX7ujYYxtwZ0yXSbdW22qHD75wv7N5SSRwetZWZPzLdofF0XGu0AmbeJXUM2RMekCT4h2Ph6MpA3sBbLPBKbkfsTw1qb1gJ5PQG9guB13PFfTAV17K5cvU6n8re2rGJdOM5MD/NwJ3ZAEn2pmJ9cSuBHN6gh4URMwH4N5D0KSvykfRA76lCUbt86pOGgZFM3RQnlyTp8eFY6DMrgZze9u1CiNGFmqTLMpoKQA6PeoqZGxYnJoXsqYg2YiWQw682sc7pJbmIfpgHcgf0/PmwwCGijuG41mclkNOjBgVz7xIgwCgA2d0BLplUlrvS0b53rQSy+4KdMIyeUpr/QyAFO9OR8NCaO+TwBCYX9i4mgqzQPcmI9rOVQA6f2spG7uAtEs70WPNF7VVDLFgtTkxEpzfdtb6hu7s72w1aNewe9TEwf750lyFUAMo0Uxf06fcI7M7uNsJJm0T+oaj2q1UgeR2nL9goDOOL/HXmfcmgwRuV6j1L3vZtbd3VU7NTVcmB0F9WgxSAvMGnhDCOZa8Jo7fW1Dr6+7unzcurMOzewB4IhE0gOpyOay8VubX2RMWdKJHUmYqHDl01IJd/773C0H/Mfy7ZlHV3FLfFa/rIzI1z8QSAerNeKJka1JoX7OxKH1iLqtZcuoA3IXgHiK7P6U0Q6O3heCiS17e/ENxIMyLB4IdyMDPSOmpIDoR+sRTI7g4cAfBsiYWxIsmPgnjGEGInmNoZXJOLY5LInYppR5ecRZU65PCofzPzTeXr0Jws0e5kLGS2yItGxTW0XB9VEpBwQgI6h+Ph75ZbQMVALl9HvTD0D0FUv/iPBgLOg+gsA+MAEum4Vjid/zOg8h9VeZEVO1RemvKj/gWGTciJx/IGRAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.qr-box[data-v-442f9cc0] {
    flex-direction: column;
    width: 230px;
    height: 258px;
    background: #FFFFFF;
    box-shadow: 0 2px 13px #00000012;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 16px
}

.qr-box img[data-v-442f9cc0] {
    width: 132px;
    height: 132px;
    margin-top: 24px
}

.user-head-popover .van-popover__content {
    overflow: unset
}

.user-head[data-v-8179c177] {
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #9d9d9d;
    line-height: 14px;
    cursor: pointer
}

.user-head>img[data-v-8179c177] {
    width: 30px;
    height: 30px
}

.user-menu[data-v-8179c177] {
    position: relative;
    width: 252px;
    height: 268px;
    padding: 0 16px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px #0000001a;
    border-radius: 8px
}

.user-menu .user-menu-list[data-v-8179c177] {
    padding: 23px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.user-menu .user-menu-list>div[data-v-8179c177] {
    padding: 10px 0;
    cursor: pointer
}

.user-menu .user-menu-list>div .up-btn[data-v-8179c177] {
    width: 38px;
    height: 18px;
    background: #FFF5E9;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 400;
    color: #fc7c00;
    line-height: 11px
}

.user-menu .user-menu-list>div .menu-name[data-v-8179c177] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 14px
}

.user-menu .user-menu-list>div .menu-name[data-v-8179c177],
.user-menu .user-menu-list>div i[data-v-8179c177] {
    transition: color .2s
}

.user-menu .user-menu-list>div .menu-arrow[data-v-8179c177] {
    gap: 8px
}

.user-menu .user-menu-list>div .menu-arrow span[data-v-8179c177] {
    font-size: 12px;
    line-height: 12px
}

.user-menu .user-menu-list>div span[data-v-8179c177] {
    font-weight: 400;
    color: #a9abb8
}

.user-menu .user-menu-list>div i[data-v-8179c177] {
    font-size: 14px;
    color: #bfc4cd
}

.user-menu .user-menu-list>div:hover i[data-v-8179c177],
.user-menu .user-menu-list>div:hover .menu-name[data-v-8179c177] {
    color: #f8982e
}

.user-menu .menu-hr[data-v-8179c177] {
    height: 1px;
    background: #F0F0F0
}

.user-menu .login-out-btn[data-v-8179c177] {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #9f9f9f;
    line-height: 14px;
    text-align: center;
    cursor: pointer
}

[data-v-8fe47275] .follow-enterprise-overlay__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 312px;
    height: 390px;
    padding: 28px 49px;
    background: linear-gradient(180deg, #FEFEFC 0%, #FBF3E4 57%, #F8EAD1 100%);
    box-shadow: inset 0 -1px 3px #ffffff80;
    border-radius: 10px
}

[data-v-8fe47275] .follow-enterprise-overlay__content__title {
    font-size: 22px;
    font-weight: 600;
    color: #a96413;
    line-height: 22px
}

[data-v-8fe47275] .follow-enterprise-overlay__content__title-icon {
    width: 250px;
    height: 8px;
    margin-top: 15px
}

[data-v-8fe47275] .follow-enterprise-overlay__content__ps {
    width: 257px;
    margin-top: 20px;
    font-size: 15px;
    color: #333;
    line-height: 24px;
    text-align: center
}

[data-v-8fe47275] .follow-enterprise-overlay__content__ps span {
    color: #f6912f
}

[data-v-8fe47275] .follow-enterprise-overlay__content__qr {
    width: 144px;
    height: 144px;
    margin-top: 19px
}

[data-v-8fe47275] .follow-enterprise-overlay__content__qr-ps {
    margin-top: 24px;
    font-size: 14px;
    color: #7f7c76;
    line-height: 14px
}

[data-v-733afd6c] .exchange-trade-edition-overlay-loading {
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-733afd6c] .exchange-trade-edition-overlay .edition-overlay-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 312px;
    height: 443px;
    padding: 0 28px;
    background: linear-gradient(180deg, #FEFEFC 0%, #FBF3E4 57%, #F8EAD1 100%);
    box-shadow: inset 0 -1px 4px #ffffff80;
    border-radius: 11px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .overlay-wrapper-title {
    padding: 25px 0 14px;
    font-size: 22px;
    font-weight: 600;
    color: #a96413;
    line-height: 22px;
    text-align: center
}

[data-v-733afd6c] .exchange-trade-edition-overlay .overlay-wrapper-title-icon {
    display: block;
    width: 220px;
    height: 9px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .trade-edition-status-text {
    width: 256px;
    height: 86px;
    margin-top: 12px;
    padding: 13px 0 12px 18px;
    background: #F9EBD3;
    border-radius: 8px;
    font-size: 12px;
    color: #bd934b;
    line-height: 18px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .trade-edition-status-text .trade-edition-status-text-title {
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #bb8224;
    line-height: 15px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .no-trade {
    color: #6f6f6f;
    background: #EFEFEF
}

[data-v-733afd6c] .exchange-trade-edition-overlay .no-trade .trade-edition-status-text-title {
    color: #6f6f6f
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs {
    position: relative;
    gap: 16px;
    margin-top: 23px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab {
    width: 120px;
    height: 86px;
    border-radius: 8px;
    border: 1px solid #F6912F;
    text-align: center;
    color: #f6912f;
    cursor: pointer;
    z-index: 1;
    user-select: none
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab .tab-day {
    padding: 14px 0 4px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab .tab-score {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 14px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab .line-through {
    color: #ffb864;
    text-decoration: line-through
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab>div {
    transition: color ease-out .3s
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab[active=true] {
    color: #fff
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .exchange-tab[active=true] .line-through {
    color: #f3d5b1
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs .base {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 86px;
    background: #F6912F;
    border-radius: 8px;
    transform-origin: left;
    transition: transform cubic-bezier(0, 1, .3, 1.1) .3s
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs>.exchange-tab:nth-child(2)[active=false]:active~.base {
    transform: translate(0) scaleX(1.05)
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs>.exchange-tab:nth-child(1)[active=false]:active~.base {
    transform-origin: right;
    transform: translate(136px) scaleX(1.05)
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs>.exchange-tab:nth-child(1)[active=true]~.base {
    transform: translate(0)
}

[data-v-733afd6c] .exchange-trade-edition-overlay .tabs>.exchange-tab:nth-child(2)[active=true]~.base {
    transform: translate(136px)
}

[data-v-733afd6c] .exchange-trade-edition-overlay .score-box {
    width: 100%;
    text-align: left;
    margin-top: 31px;
    font-size: 14px;
    color: #444248;
    line-height: 14px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .my-score-box {
    width: 100%;
    padding-top: 10px;
    text-align: left;
    font-size: 14px;
    color: #99958e;
    line-height: 14px
}

[data-v-733afd6c] .exchange-trade-edition-overlay .edition-overlay-wrapper-btn {
    margin-top: 26px;
    width: 256px;
    height: 40px;
    background: #F6912F;
    border-radius: 8px;
    color: #fff;
    cursor: pointer
}

[data-v-733afd6c] .exchange-trade-edition-overlay .edition-overlay-wrapper-btn-confirm {
    background: #F6912F
}

[data-v-733afd6c] .exchange-trade-edition-overlay .btn-disabled {
    background: #DBDCE4
}

[data-v-733afd6c] .exchange-trade-edition-overlay .color-orange {
    color: #f6912f
}

:root {
    --van-switch-size: 30px;
    --van-switch-width: 2em;
    --van-switch-height: 1em;
    --van-switch-node-size: 1em;
    --van-switch-node-background-color: var(--van-white);
    --van-switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
    --van-switch-background-color: var(--van-background-color-light);
    --van-switch-on-background-color: var(--van-primary-color);
    --van-switch-transition-duration: var(--van-animation-duration-base);
    --van-switch-disabled-opacity: var(--van-disabled-opacity);
    --van-switch-border: var(--van-border-width-base) solid rgba(0, 0, 0, .1)
}

.van-switch {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    width: var(--van-switch-width);
    height: var(--van-switch-height);
    font-size: var(--van-switch-size);
    background: var(--van-switch-background-color);
    border: var(--van-switch-border);
    border-radius: var(--van-switch-node-size);
    cursor: pointer;
    transition: background-color var(--van-switch-transition-duration)
}

.van-switch__node {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--van-switch-node-size);
    height: var(--van-switch-node-size);
    font-size: inherit;
    background: var(--van-switch-node-background-color);
    border-radius: 100%;
    box-shadow: var(--van-switch-node-box-shadow);
    transition: transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)
}

.van-switch__loading {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    line-height: 1
}

.van-switch--on {
    background: var(--van-switch-on-background-color)
}

.van-switch--on .van-switch__node {
    transform: translate(calc(var(--van-switch-width) - var(--van-switch-node-size)))
}

.van-switch--on .van-switch__loading {
    color: var(--van-switch-on-background-color)
}

.van-switch--disabled {
    cursor: not-allowed;
    opacity: var(--van-switch-disabled-opacity)
}

.van-switch--loading {
    cursor: default
}

:root {
    --van-cell-font-size: var(--van-font-size-md);
    --van-cell-line-height: 24px;
    --van-cell-vertical-padding: 10px;
    --van-cell-horizontal-padding: var(--van-padding-md);
    --van-cell-text-color: var(--van-text-color);
    --van-cell-background-color: var(--van-background-color-light);
    --van-cell-border-color: var(--van-border-color);
    --van-cell-active-color: var(--van-active-color);
    --van-cell-required-color: var(--van-danger-color);
    --van-cell-label-color: var(--van-text-color-2);
    --van-cell-label-font-size: var(--van-font-size-sm);
    --van-cell-label-line-height: var(--van-line-height-sm);
    --van-cell-label-margin-top: var(--van-padding-base);
    --van-cell-value-color: var(--van-text-color-2);
    --van-cell-icon-size: 16px;
    --van-cell-right-icon-color: var(--van-gray-6);
    --van-cell-large-vertical-padding: var(--van-padding-sm);
    --van-cell-large-title-font-size: var(--van-font-size-lg);
    --van-cell-large-label-font-size: var(--van-font-size-md)
}

.van-cell {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
    overflow: hidden;
    color: var(--van-cell-text-color);
    font-size: var(--van-cell-font-size);
    line-height: var(--van-cell-line-height);
    background: var(--van-cell-background-color)
}

.van-cell:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: var(--van-padding-md);
    bottom: 0;
    left: var(--van-padding-md);
    border-bottom: 1px solid var(--van-cell-border-color);
    transform: scaleY(.5)
}

.van-cell:last-child:after,
.van-cell--borderless:after {
    display: none
}

.van-cell__label {
    margin-top: var(--van-cell-label-margin-top);
    color: var(--van-cell-label-color);
    font-size: var(--van-cell-label-font-size);
    line-height: var(--van-cell-label-line-height)
}

.van-cell__title,
.van-cell__value {
    flex: 1
}

.van-cell__value {
    position: relative;
    overflow: hidden;
    color: var(--van-cell-value-color);
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word
}

.van-cell__value--alone {
    color: var(--van-text-color);
    text-align: left
}

.van-cell__left-icon,
.van-cell__right-icon {
    height: var(--van-cell-line-height);
    font-size: var(--van-cell-icon-size);
    line-height: var(--van-cell-line-height)
}

.van-cell__left-icon {
    margin-right: var(--van-padding-base)
}

.van-cell__right-icon {
    margin-left: var(--van-padding-base);
    color: var(--van-cell-right-icon-color)
}

.van-cell--clickable {
    cursor: pointer
}

.van-cell--clickable:active {
    background-color: var(--van-cell-active-color)
}

.van-cell--required {
    overflow: visible
}

.van-cell--required:before {
    position: absolute;
    left: var(--van-padding-xs);
    color: var(--van-cell-required-color);
    font-size: var(--van-cell-font-size);
    content: "*"
}

.van-cell--center {
    align-items: center
}

.van-cell--large {
    padding-top: var(--van-cell-large-vertical-padding);
    padding-bottom: var(--van-cell-large-vertical-padding)
}

.van-cell--large .van-cell__title {
    font-size: var(--van-cell-large-title-font-size)
}

.van-cell--large .van-cell__label {
    font-size: var(--van-cell-large-label-font-size)
}

:root {
    --van-field-label-width: 6.2em;
    --van-field-label-color: var(--van-gray-7);
    --van-field-label-margin-right: var(--van-padding-sm);
    --van-field-input-text-color: var(--van-text-color);
    --van-field-input-error-text-color: var(--van-danger-color);
    --van-field-input-disabled-text-color: var(--van-text-color-3);
    --van-field-placeholder-text-color: var(--van-text-color-3);
    --van-field-icon-size: 16px;
    --van-field-clear-icon-size: 16px;
    --van-field-clear-icon-color: var(--van-gray-5);
    --van-field-right-icon-color: var(--van-gray-6);
    --van-field-error-message-color: var(--van-danger-color);
    --van-field-error-message-font-size: 12px;
    --van-field-text-area-min-height: 60px;
    --van-field-word-limit-color: var(--van-gray-7);
    --van-field-word-limit-font-size: var(--van-font-size-sm);
    --van-field-word-limit-line-height: 16px;
    --van-field-disabled-text-color: var(--van-text-color-3);
    --van-field-required-mark-color: var(--van-red)
}

.van-field__label {
    flex: none;
    box-sizing: border-box;
    width: var(--van-field-label-width);
    margin-right: var(--van-field-label-margin-right);
    color: var(--van-field-label-color);
    text-align: left;
    word-wrap: break-word
}

.van-field__label--center {
    text-align: center
}

.van-field__label--right {
    text-align: right
}

.van-field__label--required:before {
    margin-right: 2px;
    color: var(--van-field-required-mark-color);
    content: "*"
}

.van-field--disabled .van-field__label {
    color: var(--van-field-disabled-text-color)
}

.van-field__value {
    overflow: visible
}

.van-field__body {
    display: flex;
    align-items: center
}

.van-field__control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--van-field-input-text-color);
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
    -webkit-user-select: auto;
    user-select: auto
}

.van-field__control::-webkit-input-placeholder {
    color: var(--van-field-placeholder-text-color)
}

.van-field__control::placeholder {
    color: var(--van-field-placeholder-text-color)
}

.van-field__control:disabled {
    color: var(--van-field-input-disabled-text-color);
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: var(--van-field-input-disabled-text-color)
}

.van-field__control:read-only {
    cursor: default
}

.van-field__control--center {
    justify-content: center;
    text-align: center
}

.van-field__control--right {
    justify-content: flex-end;
    text-align: right
}

.van-field__control--custom {
    display: flex;
    align-items: center;
    min-height: var(--van-cell-line-height)
}

.van-field__control--error::-webkit-input-placeholder {
    color: var(--van-field-input-error-text-color);
    -webkit-text-fill-color: currentColor
}

.van-field__control--error,
.van-field__control--error::placeholder {
    color: var(--van-field-input-error-text-color);
    -webkit-text-fill-color: currentColor
}

.van-field__control--min-height {
    min-height: var(--van-field-text-area-min-height)
}

.van-field__control[type=date],
.van-field__control[type=time],
.van-field__control[type=datetime-local] {
    min-height: var(--van-cell-line-height)
}

.van-field__control[type=search] {
    -webkit-appearance: none
}

.van-field__clear,
.van-field__icon,
.van-field__button,
.van-field__right-icon {
    flex-shrink: 0
}

.van-field__clear,
.van-field__right-icon {
    margin-right: calc(var(--van-padding-xs) * -1);
    padding: 0 var(--van-padding-xs);
    line-height: inherit
}

.van-field__clear {
    color: var(--van-field-clear-icon-color);
    font-size: var(--van-field-clear-icon-size);
    cursor: pointer
}

.van-field__left-icon .van-icon,
.van-field__right-icon .van-icon {
    display: block;
    font-size: var(--van-field-icon-size);
    line-height: inherit
}

.van-field__left-icon {
    margin-right: var(--van-padding-base)
}

.van-field__right-icon {
    color: var(--van-field-right-icon-color)
}

.van-field__button {
    padding-left: var(--van-padding-xs)
}

.van-field__error-message {
    color: var(--van-field-error-message-color);
    font-size: var(--van-field-error-message-font-size);
    text-align: left
}

.van-field__error-message--center {
    text-align: center
}

.van-field__error-message--right {
    text-align: right
}

.van-field__word-limit {
    margin-top: var(--van-padding-base);
    color: var(--van-field-word-limit-color);
    font-size: var(--van-field-word-limit-font-size);
    line-height: var(--van-field-word-limit-line-height);
    text-align: right
}

.arco-input-wrapper {
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    color: var(--color-text-1);
    font-size: 14px;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    cursor: text;
    transition: color .1s cubic-bezier(0, 0, 1, 1), border-color .1s cubic-bezier(0, 0, 1, 1), background-color .1s cubic-bezier(0, 0, 1, 1)
}

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

.arco-input-wrapper:focus-within,
.arco-input-wrapper.arco-input-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-input-wrapper.arco-input-disabled {
    color: var(--color-text-4);
    background-color: var(--color-fill-2);
    border-color: transparent;
    cursor: not-allowed
}

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

.arco-input-wrapper.arco-input-disabled .arco-input-prefix,
.arco-input-wrapper.arco-input-disabled .arco-input-suffix {
    color: inherit
}

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

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

.arco-input-wrapper.arco-input-error:focus-within,
.arco-input-wrapper.arco-input-error.arco-input-wrapper-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-input-wrapper .arco-input-prefix,
.arco-input-wrapper .arco-input-suffix {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    white-space: nowrap;
    user-select: none
}

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

.arco-input-wrapper .arco-input-prefix {
    padding-right: 12px;
    color: var(--color-text-2)
}

.arco-input-wrapper .arco-input-suffix {
    padding-left: 12px;
    color: var(--color-text-2)
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon {
    display: inline-flex
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.arco-input-wrapper .arco-input-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    font-size: 12px;
    visibility: hidden;
    cursor: pointer
}

.arco-input-wrapper .arco-input-clear-btn>svg {
    position: relative;
    transition: color .1s cubic-bezier(0, 0, 1, 1)
}

.arco-input-wrapper:hover .arco-input-clear-btn {
    visibility: visible
}

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

.arco-input-wrapper .arco-input {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    color: inherit;
    line-height: 1.5715;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    cursor: inherit;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

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

.arco-input-wrapper .arco-input.arco-input-size-mini {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
    line-height: 1.667
}

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

.arco-input-wrapper .arco-input.arco-input-size-medium {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 1.5715
}

.arco-input-wrapper .arco-input.arco-input-size-large {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 1.5715
}

.arco-input-wrapper .arco-input-word-limit {
    color: var(--color-text-3);
    font-size: 12px
}

.arco-input-outer {
    display: inline-flex;
    width: 100%
}

.arco-input-outer>.arco-input-wrapper {
    border-radius: 0
}

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

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

.arco-input-outer.arco-input-outer-size-mini .arco-input-outer,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix {
    font-size: 12px
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix>svg,
.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix>svg {
    font-size: 12px
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-mini .arco-input-append {
    font-size: 12px
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend>svg,
.arco-input-outer.arco-input-outer-size-mini .arco-input-append>svg {
    font-size: 12px
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-outer.arco-input-outer-size-small .arco-input-outer,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix {
    font-size: 14px
}

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

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-small .arco-input-append {
    font-size: 14px
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend>svg,
.arco-input-outer.arco-input-outer-size-small .arco-input-append>svg {
    font-size: 14px
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-outer.arco-input-outer-size-large .arco-input-outer,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix,
.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix {
    font-size: 14px
}

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

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend,
.arco-input-outer.arco-input-outer-size-large .arco-input-append {
    font-size: 14px
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend>svg,
.arco-input-outer.arco-input-outer-size-large .arco-input-append>svg {
    font-size: 14px
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-outer-disabled {
    cursor: not-allowed
}

.arco-input-prepend,
.arco-input-append {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    box-sizing: border-box;
    padding: 0 12px;
    color: var(--color-text-1);
    white-space: nowrap;
    background-color: var(--color-fill-2);
    border: 1px solid transparent
}

.arco-input-prepend>svg,
.arco-input-append>svg {
    font-size: 14px
}

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

.arco-input-prepend .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.arco-input-prepend .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -12px -1px -13px
}

.arco-input-prepend .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-prepend .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

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

.arco-input-append .arco-input {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.arco-input-append .arco-select {
    width: auto;
    height: 100%;
    margin: -1px -13px -1px -12px
}

.arco-input-append .arco-select .arco-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.arco-input-append .arco-select.arco-select-single .arco-select-view {
    height: 100%
}

.arco-input-group {
    display: inline-flex;
    align-items: center
}

.arco-input-group>* {
    border-radius: 0
}

.arco-input-group>*.arco-input-outer>:last-child,
.arco-input-group>*.arco-input-outer>:first-child {
    border-radius: 0
}

.arco-input-group>*:not(:last-child) {
    position: relative;
    box-sizing: border-box
}

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

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

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

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

.arco-input-group>.arco-input-wrapper:not(:last-child),
.arco-input-group>.arco-input-outer:not(:last-child),
.arco-input-group>.arco-input-tag:not(:last-child),
.arco-input-group>.arco-select-view:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-input-group>.arco-input-wrapper:not(:last-child):focus-within,
.arco-input-group>.arco-input-outer:not(:last-child):focus-within,
.arco-input-group>.arco-input-tag:not(:last-child):focus-within,
.arco-input-group>.arco-select-view:not(:last-child):focus-within {
    border-right-color: rgb(var(--primary-6))
}

.size-height-size-mini {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
    line-height: 1.667
}

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

.size-height-size-large {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px
}

.arco-textarea-wrapper {
    position: relative;
    display: inline-block;
    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 {
    position: absolute;
    right: 10px;
    bottom: 6px;
    color: var(--color-text-3);
    font-size: 12px;
    user-select: none
}

.arco-textarea-clear-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    font-size: 12px
}

.arco-input-search .arco-input-append {
    padding: 0;
    border: none
}

.arco-input-search .arco-input-suffix {
    color: var(--color-text-2);
    font-size: 14px
}

.arco-input-search .arco-input-search-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.arco-input-wrapper.arco-input-password:not(.arco-input-disabled) .arco-input-suffix {
    color: var(--color-text-2);
    font-size: 12px;
    cursor: pointer
}

.arco-timepicker {
    position: relative;
    display: flex;
    box-sizing: border-box;
    padding: 0
}

.arco-timepicker-container {
    overflow: hidden;
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 2px 5px #0000001a
}

.arco-timepicker-column {
    box-sizing: border-box;
    width: 64px;
    height: 224px;
    overflow: hidden
}

.arco-timepicker-column:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-timepicker-column:hover {
    overflow-y: auto
}

.arco-timepicker-column ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.arco-timepicker-column ul:after {
    display: block;
    width: 100%;
    height: 192px;
    content: ""
}

.arco-timepicker-cell {
    padding: 4px 0;
    color: var(--color-text-1);
    font-weight: 500;
    cursor: pointer
}

.arco-timepicker-cell-inner {
    height: 24px;
    padding-left: 24px;
    font-size: 14px;
    line-height: 24px
}

.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner {
    background-color: var(--color-fill-2)
}

.arco-timepicker-cell-selected .arco-timepicker-cell-inner {
    font-weight: 500;
    background-color: var(--color-fill-2)
}

.arco-timepicker-cell-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-timepicker-footer-extra-wrapper {
    padding: 8px;
    color: var(--color-text-1);
    font-size: 12px;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-timepicker-footer-btn-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-timepicker-footer-btn-wrapper :only-child {
    margin-left: auto
}

.arco-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.5715;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
    transition: all .1s cubic-bezier(0, 0, 1, 1);
    -webkit-appearance: none;
    user-select: none
}

.arco-btn>a:only-child {
    color: currentColor
}

.arco-btn:active {
    transition: none
}

.arco-btn-long {
    display: flex;
    width: 100%
}

.arco-btn-link {
    display: inline-flex;
    align-items: center;
    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-link.arco-btn-only-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top
}

.arco-btn.arco-btn-only-icon .arco-btn-icon {
    display: flex;
    justify-content: center
}

.arco-btn-loading {
    position: relative;
    cursor: default
}

.arco-btn-loading:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    background: #fff;
    border-radius: inherit;
    opacity: .4;
    transition: opacity .1s cubic-bezier(0, 0, 1, 1);
    content: "";
    pointer-events: none
}

.arco-btn-loading-fixed-width {
    transition: none
}

.arco-btn-two-chinese-chars>*:not(svg) {
    margin-right: -.3em;
    letter-spacing: .3em
}

.arco-btn-outline,
.arco-btn-outline[type=button],
.arco-btn-outline[type=submit] {
    color: rgb(var(--primary-6));
    background-color: transparent;
    border: 1px solid rgb(var(--primary-6))
}

.arco-btn-outline:hover,
.arco-btn-outline[type=button]:hover,
.arco-btn-outline[type=submit]:hover {
    color: rgb(var(--primary-5));
    background-color: transparent;
    border-color: rgb(var(--primary-5))
}

.arco-btn-outline:focus-visible,
.arco-btn-outline[type=button]:focus-visible,
.arco-btn-outline[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--primary-3))
}

.arco-btn-outline:active,
.arco-btn-outline[type=button]:active,
.arco-btn-outline[type=submit]:active {
    color: rgb(var(--primary-7));
    background-color: transparent;
    border-color: rgb(var(--primary-7))
}

.arco-btn-outline.arco-btn-loading,
.arco-btn-outline[type=button].arco-btn-loading,
.arco-btn-outline[type=submit].arco-btn-loading {
    color: rgb(var(--primary-6));
    background-color: transparent;
    border: 1px solid rgb(var(--primary-6))
}

.arco-btn-outline.arco-btn-disabled,
.arco-btn-outline[type=button].arco-btn-disabled,
.arco-btn-outline[type=submit].arco-btn-disabled {
    color: var(--color-primary-light-3);
    background-color: transparent;
    border: 1px solid var(--color-primary-light-3);
    cursor: not-allowed
}

.arco-btn-outline.arco-btn-status-warning {
    color: rgb(var(--warning-6));
    background-color: transparent;
    border-color: rgb(var(--warning-6))
}

.arco-btn-outline.arco-btn-status-warning:hover {
    color: rgb(var(--warning-5));
    background-color: transparent;
    border-color: rgb(var(--warning-5))
}

.arco-btn-outline.arco-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

.arco-btn-outline.arco-btn-status-warning:active {
    color: rgb(var(--warning-7));
    background-color: transparent;
    border-color: rgb(var(--warning-7))
}

.arco-btn-outline.arco-btn-status-warning.arco-btn-loading {
    color: rgb(var(--warning-6));
    background-color: transparent;
    border-color: rgb(var(--warning-6))
}

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

.arco-btn-outline.arco-btn-status-danger {
    color: rgb(var(--danger-6));
    background-color: transparent;
    border-color: rgb(var(--danger-6))
}

.arco-btn-outline.arco-btn-status-danger:hover {
    color: rgb(var(--danger-5));
    background-color: transparent;
    border-color: rgb(var(--danger-5))
}

.arco-btn-outline.arco-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

.arco-btn-outline.arco-btn-status-danger:active {
    color: rgb(var(--danger-7));
    background-color: transparent;
    border-color: rgb(var(--danger-7))
}

.arco-btn-outline.arco-btn-status-danger.arco-btn-loading {
    color: rgb(var(--danger-6));
    background-color: transparent;
    border-color: rgb(var(--danger-6))
}

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

.arco-btn-outline.arco-btn-status-success {
    color: rgb(var(--success-6));
    background-color: transparent;
    border-color: rgb(var(--success-6))
}

.arco-btn-outline.arco-btn-status-success:hover {
    color: rgb(var(--success-5));
    background-color: transparent;
    border-color: rgb(var(--success-5))
}

.arco-btn-outline.arco-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

.arco-btn-outline.arco-btn-status-success:active {
    color: rgb(var(--success-7));
    background-color: transparent;
    border-color: rgb(var(--success-7))
}

.arco-btn-outline.arco-btn-status-success.arco-btn-loading {
    color: rgb(var(--success-6));
    background-color: transparent;
    border-color: rgb(var(--success-6))
}

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

.arco-btn-primary,
.arco-btn-primary[type=button],
.arco-btn-primary[type=submit] {
    color: #fff;
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent
}

.arco-btn-primary:hover,
.arco-btn-primary[type=button]:hover,
.arco-btn-primary[type=submit]:hover {
    color: #fff;
    background-color: rgb(var(--primary-5));
    border-color: transparent
}

.arco-btn-primary:focus-visible,
.arco-btn-primary[type=button]:focus-visible,
.arco-btn-primary[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--primary-3))
}

.arco-btn-primary:active,
.arco-btn-primary[type=button]:active,
.arco-btn-primary[type=submit]:active {
    color: #fff;
    background-color: rgb(var(--primary-7));
    border-color: transparent
}

.arco-btn-primary.arco-btn-loading,
.arco-btn-primary[type=button].arco-btn-loading,
.arco-btn-primary[type=submit].arco-btn-loading {
    color: #fff;
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent
}

.arco-btn-primary.arco-btn-disabled,
.arco-btn-primary[type=button].arco-btn-disabled,
.arco-btn-primary[type=submit].arco-btn-disabled {
    color: #fff;
    background-color: var(--color-primary-light-3);
    border: 1px solid transparent;
    cursor: not-allowed
}

.arco-btn-primary.arco-btn-status-warning {
    color: #fff;
    background-color: rgb(var(--warning-6));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-warning:hover {
    color: #fff;
    background-color: rgb(var(--warning-5));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

.arco-btn-primary.arco-btn-status-warning:active {
    color: #fff;
    background-color: rgb(var(--warning-7));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-warning.arco-btn-loading {
    color: #fff;
    background-color: rgb(var(--warning-6));
    border-color: transparent
}

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

.arco-btn-primary.arco-btn-status-danger {
    color: #fff;
    background-color: rgb(var(--danger-6));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-danger:hover {
    color: #fff;
    background-color: rgb(var(--danger-5));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

.arco-btn-primary.arco-btn-status-danger:active {
    color: #fff;
    background-color: rgb(var(--danger-7));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-danger.arco-btn-loading {
    color: #fff;
    background-color: rgb(var(--danger-6));
    border-color: transparent
}

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

.arco-btn-primary.arco-btn-status-success {
    color: #fff;
    background-color: rgb(var(--success-6));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-success:hover {
    color: #fff;
    background-color: rgb(var(--success-5));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

.arco-btn-primary.arco-btn-status-success:active {
    color: #fff;
    background-color: rgb(var(--success-7));
    border-color: transparent
}

.arco-btn-primary.arco-btn-status-success.arco-btn-loading {
    color: #fff;
    background-color: rgb(var(--success-6));
    border-color: transparent
}

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

.arco-btn-secondary,
.arco-btn-secondary[type=button],
.arco-btn-secondary[type=submit] {
    color: var(--color-text-2);
    background-color: var(--color-secondary);
    border: 1px solid transparent
}

.arco-btn-secondary:hover,
.arco-btn-secondary[type=button]:hover,
.arco-btn-secondary[type=submit]:hover {
    color: var(--color-text-2);
    background-color: var(--color-secondary-hover);
    border-color: transparent
}

.arco-btn-secondary:focus-visible,
.arco-btn-secondary[type=button]:focus-visible,
.arco-btn-secondary[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em var(--color-neutral-4)
}

.arco-btn-secondary:active,
.arco-btn-secondary[type=button]:active,
.arco-btn-secondary[type=submit]:active {
    color: var(--color-text-2);
    background-color: var(--color-secondary-active);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-loading,
.arco-btn-secondary[type=button].arco-btn-loading,
.arco-btn-secondary[type=submit].arco-btn-loading {
    color: var(--color-text-2);
    background-color: var(--color-secondary);
    border: 1px solid transparent
}

.arco-btn-secondary.arco-btn-disabled,
.arco-btn-secondary[type=button].arco-btn-disabled,
.arco-btn-secondary[type=submit].arco-btn-disabled {
    color: var(--color-text-4);
    background-color: var(--color-secondary-disabled);
    border: 1px solid transparent;
    cursor: not-allowed
}

.arco-btn-secondary.arco-btn-status-warning {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-status-warning:hover {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

.arco-btn-secondary.arco-btn-status-warning.arco-btn-loading {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

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

.arco-btn-secondary.arco-btn-status-danger {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-status-danger:hover {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

.arco-btn-secondary.arco-btn-status-danger.arco-btn-loading {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

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

.arco-btn-secondary.arco-btn-status-success {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-1);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-status-success:hover {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-2);
    border-color: transparent
}

.arco-btn-secondary.arco-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

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

.arco-btn-secondary.arco-btn-status-success.arco-btn-loading {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-1);
    border-color: transparent
}

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

.arco-btn-dashed,
.arco-btn-dashed[type=button],
.arco-btn-dashed[type=submit] {
    color: var(--color-text-2);
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3)
}

.arco-btn-dashed:hover,
.arco-btn-dashed[type=button]:hover,
.arco-btn-dashed[type=submit]:hover {
    color: var(--color-text-2);
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4)
}

.arco-btn-dashed:focus-visible,
.arco-btn-dashed[type=button]:focus-visible,
.arco-btn-dashed[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em var(--color-neutral-4)
}

.arco-btn-dashed:active,
.arco-btn-dashed[type=button]:active,
.arco-btn-dashed[type=submit]:active {
    color: var(--color-text-2);
    background-color: var(--color-fill-4);
    border-color: var(--color-neutral-5)
}

.arco-btn-dashed.arco-btn-loading,
.arco-btn-dashed[type=button].arco-btn-loading,
.arco-btn-dashed[type=submit].arco-btn-loading {
    color: var(--color-text-2);
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3)
}

.arco-btn-dashed.arco-btn-disabled,
.arco-btn-dashed[type=button].arco-btn-disabled,
.arco-btn-dashed[type=submit].arco-btn-disabled {
    color: var(--color-text-4);
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    cursor: not-allowed
}

.arco-btn-dashed.arco-btn-status-warning {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-1);
    border-color: var(--color-warning-light-2)
}

.arco-btn-dashed.arco-btn-status-warning:hover {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-2);
    border-color: var(--color-warning-light-3)
}

.arco-btn-dashed.arco-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

.arco-btn-dashed.arco-btn-status-warning:active {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-3);
    border-color: var(--color-warning-light-4)
}

.arco-btn-dashed.arco-btn-status-warning.arco-btn-loading {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-1);
    border-color: var(--color-warning-light-2)
}

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

.arco-btn-dashed.arco-btn-status-danger {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-1);
    border-color: var(--color-danger-light-2)
}

.arco-btn-dashed.arco-btn-status-danger:hover {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-2);
    border-color: var(--color-danger-light-3)
}

.arco-btn-dashed.arco-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

.arco-btn-dashed.arco-btn-status-danger:active {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-3);
    border-color: var(--color-danger-light-4)
}

.arco-btn-dashed.arco-btn-status-danger.arco-btn-loading {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-1);
    border-color: var(--color-danger-light-2)
}

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

.arco-btn-dashed.arco-btn-status-success {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-1);
    border-color: var(--color-success-light-2)
}

.arco-btn-dashed.arco-btn-status-success:hover {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-2);
    border-color: var(--color-success-light-3)
}

.arco-btn-dashed.arco-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

.arco-btn-dashed.arco-btn-status-success:active {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-3);
    border-color: var(--color-success-light-4)
}

.arco-btn-dashed.arco-btn-status-success.arco-btn-loading {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-1);
    border-color: var(--color-success-light-2)
}

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

.arco-btn-text,
.arco-btn-text[type=button],
.arco-btn-text[type=submit] {
    color: rgb(var(--primary-6));
    background-color: transparent;
    border: 1px solid transparent
}

.arco-btn-text:hover,
.arco-btn-text[type=button]:hover,
.arco-btn-text[type=submit]:hover {
    color: rgb(var(--primary-6));
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-btn-text:focus-visible,
.arco-btn-text[type=button]:focus-visible,
.arco-btn-text[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em var(--color-neutral-4)
}

.arco-btn-text:active,
.arco-btn-text[type=button]:active,
.arco-btn-text[type=submit]:active {
    color: rgb(var(--primary-6));
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-btn-text.arco-btn-loading,
.arco-btn-text[type=button].arco-btn-loading,
.arco-btn-text[type=submit].arco-btn-loading {
    color: rgb(var(--primary-6));
    background-color: transparent;
    border: 1px solid transparent
}

.arco-btn-text.arco-btn-disabled,
.arco-btn-text[type=button].arco-btn-disabled,
.arco-btn-text[type=submit].arco-btn-disabled {
    color: var(--color-primary-light-3);
    background-color: transparent;
    border: 1px solid transparent;
    cursor: not-allowed
}

.arco-btn-text.arco-btn-status-warning {
    color: rgb(var(--warning-6));
    background-color: transparent;
    border-color: transparent
}

.arco-btn-text.arco-btn-status-warning:hover {
    color: rgb(var(--warning-6));
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-btn-text.arco-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

.arco-btn-text.arco-btn-status-warning.arco-btn-loading {
    color: rgb(var(--warning-6));
    background-color: transparent;
    border-color: transparent
}

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

.arco-btn-text.arco-btn-status-danger {
    color: rgb(var(--danger-6));
    background-color: transparent;
    border-color: transparent
}

.arco-btn-text.arco-btn-status-danger:hover {
    color: rgb(var(--danger-6));
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-btn-text.arco-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

.arco-btn-text.arco-btn-status-danger.arco-btn-loading {
    color: rgb(var(--danger-6));
    background-color: transparent;
    border-color: transparent
}

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

.arco-btn-text.arco-btn-status-success {
    color: rgb(var(--success-6));
    background-color: transparent;
    border-color: transparent
}

.arco-btn-text.arco-btn-status-success:hover {
    color: rgb(var(--success-6));
    background-color: var(--color-fill-2);
    border-color: transparent
}

.arco-btn-text.arco-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

.arco-btn-text.arco-btn-status-success:active {
    color: rgb(var(--success-6));
    background-color: var(--color-fill-3);
    border-color: transparent
}

.arco-btn-text.arco-btn-status-success.arco-btn-loading {
    color: rgb(var(--success-6));
    background-color: transparent;
    border-color: transparent
}

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

.arco-btn-size-mini {
    height: 24px;
    padding: 0 11px;
    font-size: 12px;
    border-radius: var(--border-radius-small)
}

.arco-btn-size-mini:not(.arco-btn-only-icon) .arco-btn-icon {
    margin-right: 4px
}

.arco-btn-size-mini svg {
    vertical-align: -1px
}

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

.arco-btn-size-mini.arco-btn-only-icon {
    width: 24px;
    height: 24px;
    padding: 0
}

.arco-btn-size-mini.arco-btn-shape-circle {
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle)
}

.arco-btn-size-mini.arco-btn-shape-round {
    border-radius: 12px
}

.arco-btn-size-small {
    height: 28px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: var(--border-radius-small)
}

.arco-btn-size-small:not(.arco-btn-only-icon) .arco-btn-icon {
    margin-right: 6px
}

.arco-btn-size-small svg {
    vertical-align: -2px
}

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

.arco-btn-size-small.arco-btn-only-icon {
    width: 28px;
    height: 28px;
    padding: 0
}

.arco-btn-size-small.arco-btn-shape-circle {
    width: 28px;
    height: 28px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle)
}

.arco-btn-size-small.arco-btn-shape-round {
    border-radius: 14px
}

.arco-btn-size-medium {
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: var(--border-radius-small)
}

.arco-btn-size-medium:not(.arco-btn-only-icon) .arco-btn-icon {
    margin-right: 8px
}

.arco-btn-size-medium svg {
    vertical-align: -2px
}

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

.arco-btn-size-medium.arco-btn-only-icon {
    width: 32px;
    height: 32px;
    padding: 0
}

.arco-btn-size-medium.arco-btn-shape-circle {
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle)
}

.arco-btn-size-medium.arco-btn-shape-round {
    border-radius: 16px
}

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

.arco-btn-size-large:not(.arco-btn-only-icon) .arco-btn-icon {
    margin-right: 8px
}

.arco-btn-size-large svg {
    vertical-align: -2px
}

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

.arco-btn-size-large.arco-btn-only-icon {
    width: 36px;
    height: 36px;
    padding: 0
}

.arco-btn-size-large.arco-btn-shape-circle {
    width: 36px;
    height: 36px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle)
}

.arco-btn-size-large.arco-btn-shape-round {
    border-radius: 18px
}

.arco-btn-group {
    display: inline-flex;
    align-items: center
}

.arco-btn-group .arco-btn-outline:not(:first-child),
.arco-btn-group .arco-btn-dashed: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 var(--color-secondary-hover)
}

.arco-btn-group .arco-btn-status-warning:not(:last-child) {
    border-right: 1px solid rgb(var(--warning-5))
}

.arco-btn-group .arco-btn-status-danger:not(:last-child) {
    border-right: 1px solid rgb(var(--danger-5))
}

.arco-btn-group .arco-btn-status-success:not(:last-child) {
    border-right: 1px solid rgb(var(--success-5))
}

.arco-btn-group .arco-btn-outline:hover,
.arco-btn-group .arco-btn-dashed:hover,
.arco-btn-group .arco-btn-outline:active,
.arco-btn-group .arco-btn-dashed:active {
    z-index: 2
}

.arco-btn-group .arco-btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.arco-btn-group .arco-btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.arco-btn-group .arco-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

body[arco-theme=dark] .arco-btn-primary.arco-btn-disabled {
    color: #ffffff4d
}

.arco-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    color: rgb(var(--link-6));
    font-size: 14px;
    line-height: 1.5715;
    text-decoration: none;
    background-color: transparent;
    border-radius: var(--border-radius-small);
    cursor: pointer;
    transition: all .1s cubic-bezier(0, 0, 1, 1)
}

.arco-link:hover {
    color: rgb(var(--link-6));
    background-color: var(--color-fill-2)
}

.arco-link:active {
    color: rgb(var(--link-6));
    background-color: var(--color-fill-3);
    transition: none
}

.arco-link.arco-link-hoverless {
    display: inline;
    padding: 0;
    background-color: unset
}

.arco-link.arco-link-hoverless:active,
.arco-link.arco-link-hoverless:hover {
    background-color: unset
}

.arco-link.arco-link-disabled {
    color: var(--color-link-light-3);
    background: none;
    cursor: not-allowed
}

.arco-link.arco-link-loading {
    color: var(--color-link-light-3);
    background: none;
    cursor: default
}

.arco-link-status-success,
.arco-link-status-success:hover,
.arco-link-status-success:active {
    color: rgb(var(--success-6))
}

.arco-link-status-success.arco-link-disabled,
.arco-link-status-success.arco-link-loading {
    color: var(--color-success-light-3)
}

.arco-link-status-danger,
.arco-link-status-danger:hover,
.arco-link-status-danger:active {
    color: rgb(var(--danger-6))
}

.arco-link-status-danger.arco-link-disabled,
.arco-link-status-danger.arco-link-loading {
    color: var(--color-danger-light-3)
}

.arco-link-status-warning,
.arco-link-status-warning:hover,
.arco-link-status-warning:active {
    color: rgb(var(--warning-6))
}

.arco-link-status-warning.arco-link-disabled,
.arco-link-status-warning.arco-link-loading {
    color: var(--color-warning-light-2)
}

.arco-link-icon {
    margin-right: 6px;
    font-size: 12px;
    vertical-align: middle
}

.arco-picker {
    position: relative;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 11px 4px 4px;
    line-height: 1.5715;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    transition: all .1s cubic-bezier(0, 0, 1, 1)
}

.arco-picker-input {
    display: inline-flex;
    flex: 1
}

.arco-picker input {
    width: 100%;
    padding: 0 0 0 8px;
    color: var(--color-text-2);
    line-height: 1.5715;
    text-align: left;
    background-color: transparent;
    border: none;
    outline: none;
    transition: all .1s cubic-bezier(0, 0, 1, 1)
}

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

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

.arco-picker-has-prefix {
    padding-left: 12px
}

.arco-picker-prefix {
    padding-right: 4px;
    color: var(--color-text-2);
    font-size: 14px
}

.arco-picker-suffix {
    display: inline-flex;
    align-items: center;
    margin-left: 4px
}

.arco-picker-suffix .arco-feedback-icon {
    display: inline-flex
}

.arco-picker-suffix .arco-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.arco-picker-suffix .arco-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.arco-picker-suffix .arco-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.arco-picker-suffix .arco-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.arco-picker-suffix .arco-feedback-icon {
    margin-left: 4px
}

.arco-picker-suffix-icon {
    color: var(--color-text-2)
}

.arco-picker .arco-picker-clear-icon {
    display: none;
    color: var(--color-text-2);
    font-size: 12px
}

.arco-picker:hover {
    background-color: var(--color-fill-3);
    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 input[disabled] {
    color: var(--color-text-4);
    cursor: not-allowed
}

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

.arco-picker-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.arco-picker-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.arco-picker-focused {
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.arco-picker-focused,
.arco-picker-focused:hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6))
}

.arco-picker-focused.arco-picker-error {
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.arco-picker-focused .arco-picker-input-active input,
.arco-picker-focused:hover .arco-picker-input-active input {
    background: var(--color-fill-2)
}

.arco-picker-disabled,
.arco-picker-disabled:hover {
    color: var(--color-text-4);
    background-color: var(--color-fill-2);
    border-color: transparent;
    cursor: not-allowed
}

.arco-picker-disabled input[disabled],
.arco-picker-disabled:hover input[disabled] {
    color: var(--color-text-4);
    cursor: not-allowed
}

.arco-picker-disabled input[disabled]::placeholder,
.arco-picker-disabled:hover input[disabled]::placeholder {
    color: var(--color-text-4)
}

.arco-picker-separator {
    min-width: 10px;
    padding: 0 8px;
    color: var(--color-text-3)
}

.arco-picker-disabled .arco-picker-separator,
.arco-picker-disabled .arco-picker-suffix-icon {
    color: var(--color-text-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: 14px
}

.arco-picker-size-medium {
    height: 32px
}

.arco-picker-size-medium input {
    font-size: 14px
}

.arco-picker-size-large {
    height: 36px
}

.arco-picker-size-large input {
    font-size: 14px
}

.arco-picker-container,
.arco-picker-range-container {
    box-sizing: border-box;
    min-height: 60px;
    overflow: hidden;
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 2px 5px #0000001a
}

.arco-picker-container-shortcuts-placement-left,
.arco-picker-range-container-shortcuts-placement-left,
.arco-picker-container-shortcuts-placement-right,
.arco-picker-range-container-shortcuts-placement-right {
    display: flex;
    align-items: flex-start
}

.arco-picker-container-shortcuts-placement-left>.arco-picker-shortcuts,
.arco-picker-range-container-shortcuts-placement-left>.arco-picker-shortcuts,
.arco-picker-container-shortcuts-placement-right>.arco-picker-shortcuts,
.arco-picker-range-container-shortcuts-placement-right>.arco-picker-shortcuts {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 5px 8px;
    overflow-x: hidden;
    overflow-y: auto
}

.arco-picker-container-shortcuts-placement-left>.arco-picker-shortcuts>*,
.arco-picker-range-container-shortcuts-placement-left>.arco-picker-shortcuts>*,
.arco-picker-container-shortcuts-placement-right>.arco-picker-shortcuts>*,
.arco-picker-range-container-shortcuts-placement-right>.arco-picker-shortcuts>* {
    margin: 5px 0
}

.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper,
.arco-picker-range-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-range-panel-wrapper {
    border-left: 1px solid var(--color-neutral-3)
}

.arco-picker-container-shortcuts-placement-right .arco-picker-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-right .arco-picker-panel-wrapper,
.arco-picker-container-shortcuts-placement-right .arco-picker-range-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-right .arco-picker-range-panel-wrapper {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-picker-container-panel-only,
.arco-picker-range-container-panel-only {
    box-shadow: none
}

.arco-picker-container-panel-only .arco-panel-date-inner,
.arco-picker-range-container-panel-only .arco-panel-date-inner,
.arco-picker-range-container-panel-only .arco-panel-date {
    width: 100%
}

.arco-picker-header {
    display: flex;
    padding: 8px 16px;
    border-bottom: 1px solid var(--color-neutral-3)
}

.arco-picker-header-title {
    flex: 1;
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.arco-picker-header-icon {
    width: 24px;
    height: 24px;
    margin-right: 2px;
    margin-left: 2px;
    color: var(--color-text-2);
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    background-color: var(--color-bg-popup);
    border-radius: 50%;
    transition: all .1s cubic-bezier(0, 0, 1, 1);
    user-select: none
}

.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: var(--color-fill-3)
}

.arco-picker-header-label {
    padding: 2px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .1s
}

.arco-picker-header-label:hover {
    background-color: var(--color-fill-3)
}

.arco-picker-body {
    padding: 14px 16px
}

.arco-picker-week-list {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 14px 16px 0
}

.arco-picker-week-list-item {
    flex: 1;
    height: 32px;
    padding: 0;
    color: #7d7d7f;
    font-weight: 400;
    line-height: 32px;
    text-align: center
}

.arco-picker-row {
    display: flex;
    padding: 2px 0
}

.arco-picker-cell {
    flex: 1
}

.arco-picker-cell .arco-picker-date {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 4px 0;
    cursor: pointer
}

.arco-picker-date-value {
    min-width: 24px;
    height: 24px;
    color: var(--color-text-4);
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    border-radius: var(--border-radius-circle);
    cursor: pointer
}

.arco-picker-cell-in-view .arco-picker-date-value {
    color: var(--color-text-1);
    font-weight: 500
}

.arco-picker-cell-selected .arco-picker-date-value {
    color: var(--color-white);
    background-color: rgb(var(--primary-6));
    transition: background-color .1s cubic-bezier(0, 0, 1, 1)
}

.arco-picker-cell-in-view: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 {
    color: var(--color-text-1);
    background-color: var(--color-fill-3)
}

.arco-picker-cell-today {
    position: relative
}

.arco-picker-cell-today:after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    display: block;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    content: ""
}

.arco-picker-cell-in-range .arco-picker-date {
    background-color: var(--color-primary-light-1)
}

.arco-picker-cell-range-start .arco-picker-date {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.arco-picker-cell-range-end .arco-picker-date {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.arco-picker-cell-in-range-near-hover .arco-picker-date {
    border-radius: 0
}

.arco-picker-cell-range-start .arco-picker-date-value,
.arco-picker-cell-range-end .arco-picker-date-value {
    color: var(--color-white);
    background-color: rgb(var(--primary-6));
    border-radius: var(--border-radius-circle)
}

.arco-picker-cell-hover-in-range .arco-picker-date {
    background-color: var(--color-primary-light-1)
}

.arco-picker-cell-hover-range-start .arco-picker-date {
    border-radius: 24px 0 0 24px
}

.arco-picker-cell-hover-range-end .arco-picker-date {
    border-radius: 0 24px 24px 0
}

.arco-picker-cell-hover-range-start .arco-picker-date-value,
.arco-picker-cell-hover-range-end .arco-picker-date-value {
    color: var(--color-text-1);
    background-color: var(--color-primary-light-2);
    border-radius: 50%
}

.arco-picker-cell-disabled .arco-picker-date {
    background-color: var(--color-fill-1);
    cursor: not-allowed
}

.arco-picker-cell-disabled .arco-picker-date-value {
    color: var(--color-text-4);
    background-color: transparent;
    cursor: not-allowed
}

.arco-picker-footer {
    width: min-content;
    min-width: 100%
}

.arco-picker-footer-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 3px 8px;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-picker-footer-btn-wrapper :only-child {
    margin-left: auto
}

.arco-picker-footer-extra-wrapper {
    box-sizing: border-box;
    padding: 8px 24px;
    color: var(--color-text-1);
    font-size: 12px;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-picker-footer-now-wrapper {
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-picker-btn-confirm {
    margin: 5px 0
}

.arco-picker-shortcuts {
    flex: 1
}

.arco-picker-shortcuts>* {
    margin: 5px 10px 5px 0
}

.arco-panel-date {
    display: flex;
    box-sizing: border-box
}

.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;
    border-left: 1px solid var(--color-neutral-3)
}

.arco-panel-date-timepicker-title {
    width: 100%;
    height: 40px;
    color: var(--color-text-1);
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid var(--color-neutral-3)
}

.arco-panel-date-timepicker .arco-timepicker {
    height: 276px;
    padding: 0 6px;
    overflow: hidden
}

.arco-panel-date-timepicker .arco-timepicker-column {
    box-sizing: border-box;
    width: auto;
    height: 100%;
    padding: 0 4px
}

.arco-panel-date-timepicker .arco-timepicker-column::-webkit-scrollbar {
    width: 0
}

.arco-panel-date-timepicker .arco-timepicker-column:not(:last-child) {
    border-right: 0
}

.arco-panel-date-timepicker .arco-timepicker ul:after {
    height: 244px
}

.arco-panel-date-timepicker .arco-timepicker-cell {
    width: 36px
}

.arco-panel-date-timepicker .arco-timepicker-cell-inner {
    padding-left: 10px
}

.arco-panel-date-footer {
    border-right: 1px solid var(--color-neutral-3)
}

.arco-panel-date-with-view-tabs {
    flex-direction: column;
    min-width: 265px
}

.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-column {
    flex: 1
}

.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-column::-webkit-scrollbar {
    width: 0
}

.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-cell {
    width: 100%;
    text-align: center
}

.arco-panel-date-with-view-tabs .arco-panel-date-timepicker .arco-timepicker-cell-inner {
    padding-left: 0
}

.arco-panel-date-view-tabs {
    display: flex;
    border-top: 1px solid var(--color-neutral-3)
}

.arco-panel-date-view-tab-pane {
    flex: 1;
    height: 50px;
    color: var(--color-text-4);
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    border-right: 1px solid var(--color-neutral-3);
    cursor: pointer
}

.arco-panel-date-view-tab-pane:last-child {
    border-right: none
}

.arco-panel-date-view-tab-pane-text {
    margin-left: 8px
}

.arco-panel-date-view-tab-pane-active {
    color: var(--color-text-1)
}

.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 {
    width: 100%;
    border-radius: 24px
}

.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 {
    box-sizing: border-box;
    width: 265px
}

.arco-panel-week {
    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 {
    width: 100%;
    border-radius: 0
}

.arco-panel-week .arco-picker-cell .arco-picker-date {
    border-radius: 0
}

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date {
    padding-left: 4px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date {
    padding-right: 4px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value {
    border-top-right-radius: 24px;
    border-bottom-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) .arco-picker-date-value {
    background-color: var(--color-fill-3)
}

.arco-panel-quarter {
    box-sizing: border-box;
    width: 265px
}

.arco-picker-range-wrapper {
    display: flex
}

.arco-datepicker-shortcuts-wrapper {
    box-sizing: border-box;
    width: 106px;
    height: 100%;
    max-height: 300px;
    margin: 10px 0 0;
    padding: 0;
    overflow-y: auto;
    list-style: none
}

.arco-datepicker-shortcuts-wrapper>li {
    box-sizing: border-box;
    width: 100%;
    padding: 6px 16px;
    cursor: pointer
}

.arco-datepicker-shortcuts-wrapper>li:hover {
    color: rgb(var(--primary-6))
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 941px;
    height: 706px;
    background: #FFFFFF;
    padding: 29px 36px 27px 38px;
    border-radius: 11px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__title {
    height: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-align: center
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__title__close-icon {
    padding: 5px;
    position: absolute;
    top: 33px;
    right: 36px;
    font-size: 20px;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-title {
    margin-top: 28px;
    font-size: 16px;
    font-weight: 500;
    color: #2b2828;
    line-height: 16px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-title__ps {
    padding-left: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 12px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__keywords {
    margin-top: 23px;
    display: flex;
    align-items: center;
    gap: 14px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__keywords__keyword,
[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__keywords__add-keyword {
    position: relative;
    width: 152px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #333333;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__keywords__keyword__close,
[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__keywords__add-keyword__close {
    position: absolute;
    top: -8px;
    right: -5px;
    padding: 1px;
    color: #999;
    background: #fff;
    font-size: 15px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__keywords__add-keyword {
    font-size: 14px;
    color: #fc9131;
    line-height: 14px;
    border-color: currentColor
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__rank-type {
    padding: 18px 100px 0 0
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__rank-type .van-checkbox__icon {
    min-width: 16px;
    position: relative
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__rank-type .van-checkbox-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 19px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__rank-type .rank-type-checked-img {
    width: 16px;
    height: 16px;
    padding: 2px;
    background-color: #fc9131;
    border-radius: 3px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__rank-type .rank-type-img {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #B0B0B0
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings {
    display: flex;
    align-items: flex-start;
    margin-top: 18px;
    margin-right: 50px;
    padding: 15px 20px 15px 30px;
    border-radius: 6px;
    border: 1px solid #E9E9E9
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings .van-switch {
    width: 40px;
    height: 20px;
    border: none
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings .van-switch__node {
    left: 3px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    box-shadow: none
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings__switch {
    font-size: 14px;
    color: #444;
    line-height: 14px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings__ranking-num {
    font-size: 14px;
    color: #888;
    line-height: 14px;
    height: 0;
    padding-top: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .3s
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings__ranking-num input {
    margin: 0 15px;
    text-align: center;
    width: 58px;
    height: 32px;
    padding: 0;
    color: #444;
    background: #F6F6F6;
    border-radius: 4px;
    border: none;
    -moz-appearance: textfield
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings__ranking-num input::-webkit-inner-spin-button,
[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings__ranking-num input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__settings__ranking-num[open=true] {
    height: 49px;
    padding-top: 17px;
    opacity: 1
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date {
    margin-top: 18px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-btn {
    width: 66px;
    height: 30px;
    background: #F6F6F6;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
    line-height: 13px;
    margin-right: 14px;
    cursor: pointer;
    transition: color ease-out .2s
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-btn[active=true] {
    font-weight: 500;
    color: #fff;
    background: transparent;
    z-index: 1
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date .date-btn-base {
    position: absolute;
    width: 66px;
    height: 30px;
    background: #FC9131;
    border-radius: 4px;
    z-index: 0;
    pointer-events: none;
    transition: transform ease-out .2s
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-btn:nth-child(1)[active=true]~.date-btn-base {
    transform: translate(0)
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-btn:nth-child(2)[active=true]~.date-btn-base {
    transform: translate(80px)
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-btn:nth-child(3)[active=true]~.date-btn-base {
    transform: translate(160px)
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-btn:nth-child(4)[active=true]~.date-btn-base {
    transform: translate(240px)
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-picker {
    width: 140px;
    height: 32px;
    background: #F6F6F6;
    border-radius: 4px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__monitor-date__date-picker input {
    text-align: center
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-ps-title {
    margin-top: 23px;
    font-size: 12px;
    font-weight: 500;
    color: #898989;
    line-height: 12px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-ps-p {
    margin-top: 6px;
    width: 735px;
    font-size: 12px;
    color: #a0a0a0;
    line-height: 18px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-footer {
    width: 867px;
    height: 62px;
    margin-top: 31px;
    padding: 0 30px;
    background: #F6F6F6;
    border-radius: 8px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-footer__money-num {
    font-size: 24px;
    font-weight: 500;
    color: #e81e1e;
    line-height: 24px
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-footer__money-num-name {
    padding: 0 8px 0 4px;
    font-size: 14px;
    color: #e81e1e
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-footer__origin-money {
    font-size: 14px;
    color: #979696;
    text-decoration: line-through
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-footer__submit-tips {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 14px;
    text-decoration: underline;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-edition-overlay .add-monitor-overlay-content__from-footer__submit-btn {
    width: 66px;
    height: 30px;
    background: linear-gradient(321deg, #FC7C00 0%, #FDB471 100%);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 14px;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-overlay-loading,
[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading {
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword {
    position: relative;
    width: 364px;
    height: 222px;
    text-align: center;
    padding: 19px 0;
    background: #FFFFFF;
    border-radius: 10px
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__title {
    font-size: 20px;
    font-weight: 500;
    color: #413b3b;
    line-height: 30px
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__close {
    position: absolute;
    top: 17px;
    right: 20px;
    color: #413b3b;
    font-size: 20px;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__input {
    width: 292px;
    height: 52px;
    margin: 27px auto 0;
    padding: 0 19px;
    background: #F7F7F7;
    border-radius: 6px
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__input>input {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    font-size: 18px;
    line-height: 26px;
    background: transparent
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__input>input::placeholder {
    font-size: 18px;
    color: #93959c;
    line-height: 26px;
    user-select: none
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__btns {
    margin-top: 29px;
    height: 64px;
    align-items: stretch;
    cursor: pointer;
    border-top: 1px solid #EAEAEA
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__btns>div {
    flex: 1;
    font-size: 20px;
    font-weight: 500;
    color: #999;
    line-height: 20px
}

[data-v-2f7227b2] .add-monitor-add-keyword-overlay-loading .add-monitor-add-keyword__btns>div:last-child {
    color: #333;
    border-left: 1px solid #eaeaea
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 332px;
    padding: 25px 0 32px;
    text-align: center;
    background: linear-gradient(180deg, #FEFEFC 0%, #FBF3E4 57%, #F8EAD1 100%);
    box-shadow: inset 0 -1px 4px #ffffff80;
    border-radius: 11px
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box__title {
    font-size: 22px;
    font-weight: 600;
    color: #a96413;
    line-height: 22px
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box__title-icon {
    width: 220px;
    height: 9px;
    margin-top: 14px
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box__ps-title {
    width: 238px;
    margin: 50px auto 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 18px
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box__ps-p {
    width: 240px;
    margin: 0 auto;
    text-align: left;
    font-size: 13px;
    color: #333;
    line-height: 20px
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box__tips {
    text-align: left;
    margin: 30px auto 24px;
    width: 235px;
    font-size: 13px;
    color: #ba926e;
    line-height: 18px
}

[data-v-2f7227b2] .add-monitor-overlay-change-tips__box__btn {
    width: 256px;
    height: 40px;
    margin: 0 auto;
    background: #F6912F;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 16px;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 312px;
    height: 304px;
    background: linear-gradient(180deg, #FEFEFC 0%, #FBF3E4 57%, #F8EAD1 100%);
    box-shadow: inset 0 -1px 4px #ffffff80;
    border-radius: 11px;
    padding: 25px 0 32px;
    text-align: center
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__title {
    font-size: 22px;
    font-weight: 600;
    color: #a96413;
    line-height: 22px
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__title-icon {
    width: 220px;
    height: 9px;
    margin-top: 14px
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__money>span,
[data-v-2f7227b2] .add-monitor-overlay-submit__box__my-money>span {
    padding-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #f6912f;
    line-height: 16px
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__money {
    text-align: left;
    padding-left: 28px;
    margin-top: 56px;
    font-size: 16px;
    color: #444248;
    line-height: 16px
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__my-money {
    text-align: left;
    padding-left: 28px;
    margin-top: 18px;
    font-size: 16px;
    color: #99958e;
    line-height: 16px
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__btn {
    width: 256px;
    height: 40px;
    margin: 56px auto 0;
    background: #F6912F;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 16px;
    cursor: pointer
}

[data-v-2f7227b2] .add-monitor-overlay-submit__box__btn[disabled=true] {
    background: #DBDCE4;
    color: #fff
}

.rank-type-checked-enter-active[data-v-2f7227b2],
.rank-type-checked-leave-active[data-v-2f7227b2] {
    transition: opacity .05s ease
}

.rank-type-checked-enter-from[data-v-2f7227b2],
.rank-type-checked-leave-to[data-v-2f7227b2] {
    opacity: 0
}

.rank-type-checked-leave-active[data-v-2f7227b2] {
    position: absolute
}

.to-program-bind-phone-overlay__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 312px;
    height: 411px;
    padding: 28px 0 34px;
    background: linear-gradient(180deg, #FEFEFC 0%, #FBF3E4 57%, #F8EAD1 100%);
    box-shadow: inset 0 -1px 3px #ffffff80;
    border-radius: 10px
}

.to-program-bind-phone-overlay__content__title {
    font-size: 22px;
    font-weight: 600;
    color: #a96413;
    line-height: 22px
}

.to-program-bind-phone-overlay__content__title-icon {
    width: 250px;
    height: 8px;
    margin-top: 15px
}

.to-program-bind-phone-overlay__content__ps {
    width: 240px;
    margin-top: 18px;
    font-size: 16px;
    color: #333;
    line-height: 24px
}

.to-program-bind-phone-overlay__content__qr {
    width: 142px;
    height: 142px;
    margin-top: 25px
}

.to-program-bind-phone-overlay__content__login-btn {
    width: 240px;
    height: 40px;
    margin-top: 32px;
    background: #F6912F;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 16px;
    cursor: pointer
}

html {
    -webkit-font-smoothing: initial !important
}

body {
    max-width: unset;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
}

.pc-add-btn-popover,
.pc-trade-edition-btn-popover {
    overflow: visible !important;
    background: transparent
}

.desktop {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(135deg, #f0fdff 0%, #ceebd4 100%);
    /* background-color: #FAFAFA; */
    font-size: 14px;
    z-index: 1;
    overflow-x: auto
}

.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background:
        /*savepage-url=/hot-search/assets/pc_watermark.88392c8a.png*/
        var(--savepage-url-9);
    background-size: 200px;
    z-index: 2
}

.desktop-content {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto
}

.content-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    gap: 20px
}

.content-body {
    height: calc(100vh - 100px);
    min-height: 960px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 14px #d4d9e166
}

.footer-text {
    text-align: center;
    margin-top: 10px;
}

.footer-text a {
    color: #007bff;
}

.footer-text a:hover {
    color: red;
}

.content-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    gap: 20px
}