body[arco-theme=dark] {
	--color-white: hsla(0, 0%, 100%, .9)
}

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

body {
	margin: 0;
	padding: 0
}

main {
	display: block
}

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

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

th,
tr {
	margin: 0;
	padding: 0
}

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

a {
	background-color: initial
}

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

b,
strong {
	font-weight: bolder
}

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

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

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

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

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

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

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

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: initial
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

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

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

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

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

* {
	outline: none
}

input::-ms-clear,
input::-ms-reveal {
	display: none
}

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

.arco-icon[fill=currentColor] {
	fill: currentColor;
	stroke: none
}

.arco-icon[stroke=currentColor] {
	stroke: currentColor;
	fill: none
}

.arco-icon[fill=currentColor][stroke=currentColor] {
	fill: currentColor;
	stroke: currentColor
}

.arco-icon-loading {
	animation: arco-loading-circle 1s linear infinite
}

@keyframes arco-loading-circle {
	to {
		transform: rotate(1turn)
	}
}

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

.arco-icon-hover .arco-icon {
	position: relative;
	vertical-align: -.09em
}

.arco-icon-hover:before {
	background-color: initial;
	border-radius: 4px;
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
	transition: background-color .1s linear
}

.arco-icon-hover:hover:before {
	background-color: var(--color-bg-6)
}

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

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

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

.fadeInStandard-appear,
.fadeInStandard-enter {
	opacity: 0
}

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

.fadeInStandard-exit {
	opacity: 1
}

.fadeInStandard-exit-active {
	opacity: 0;
	transition: opacity .3s cubic-bezier(.34, .69, .1, 1)
}

.fadeIn-appear,
.fadeIn-enter {
	opacity: 0
}

.fadeIn-appear-active,
.fadeIn-enter-active {
	opacity: 1;
	transition: opacity .1s linear
}

.fadeIn-exit {
	opacity: 1
}

.fadeIn-exit-active {
	opacity: 0;
	transition: opacity .1s linear
}

.slideDynamicOrigin-appear,
.slideDynamicOrigin-enter {
	opacity: 0;
	transform: scaleY(.9) translateZ(0);
	transform-origin: 0 0
}

.slideDynamicOrigin-appear-active,
.slideDynamicOrigin-enter-active,
.slideDynamicOrigin-exit {
	opacity: 1;
	transform: scaleY(1) translateZ(0);
	transform-origin: 0 0;
	transition: transform .2s cubic-bezier(.34, .69, .1, 1), opacity .2s cubic-bezier(.34, .69, .1, 1)
}

.slideDynamicOrigin-exit-active {
	opacity: 0;
	transform: scaleY(.9) translateZ(0);
	transform-origin: 0 0;
	transition: transform .2s cubic-bezier(.34, .69, .1, 1), opacity .2s cubic-bezier(.34, .69, .1, 1)
}

.slideLeft-appear,
.slideLeft-enter {
	transform: translateX(-100%)
}

.slideLeft-appear-active,
.slideLeft-enter-active {
	transform: translateX(0);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideLeft-exit {
	transform: translateX(0)
}

.slideLeft-exit-active {
	transform: translateX(-100%);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideRight-appear,
.slideRight-enter {
	transform: translateX(100%)
}

.slideRight-appear-active,
.slideRight-enter-active {
	transform: translateX(0);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideRight-exit {
	transform: translateX(0)
}

.slideRight-exit-active {
	transform: translateX(100%);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideTop-appear,
.slideTop-enter {
	transform: translateY(-100%)
}

.slideTop-appear-active,
.slideTop-enter-active {
	transform: translateY(0);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideTop-exit {
	transform: translateY(0)
}

.slideTop-exit-active {
	transform: translateY(-100%);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideBottom-appear,
.slideBottom-enter {
	transform: translateY(100%)
}

.slideBottom-appear-active,
.slideBottom-enter-active {
	transform: translateY(0);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

.slideBottom-exit {
	transform: translateY(0)
}

.slideBottom-exit-active {
	transform: translateY(100%);
	transition: transform .3s cubic-bezier(.34, .69, .1, 1)
}

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

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

.zoomIn-exit {
	opacity: 1;
	transform: scale(1)
}

.zoomIn-exit-active {
	transition: opacity .3s cubic-bezier(.3, 1.3, .3, 1), transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoomIn-exit-active,
.zoomInFadeOut-appear,
.zoomInFadeOut-enter {
	opacity: 0;
	transform: scale(.5)
}

.zoomInFadeOut-appear-active,
.zoomInFadeOut-enter-active {
	opacity: 1;
	transform: scale(1);
	transition: opacity .2s cubic-bezier(.34, .69, .1, 1), transform .2s cubic-bezier(.34, .69, .1, 1)
}

.zoomInFadeOut-exit {
	opacity: 1;
	transform: scale(1)
}

.zoomInFadeOut-exit-active {
	transition: opacity .2s cubic-bezier(.3, 1.3, .3, 1), transform .2s cubic-bezier(.3, 1.3, .3, 1)
}

.zoomInBig-appear,
.zoomInBig-enter,
.zoomInFadeOut-exit-active {
	opacity: 0;
	transform: scale(.5)
}

.zoomInBig-appear-active,
.zoomInBig-enter-active {
	opacity: 1;
	transform: scale(1);
	transition: opacity .2s linear, transform .2s linear
}

.zoomInBig-exit {
	opacity: 1;
	transform: scale(1)
}

.zoomInBig-exit-active {
	opacity: 0;
	transform: scale(.2);
	transition: opacity .2s linear, transform .2s linear
}

.zoomInLeft-appear,
.zoomInLeft-enter {
	opacity: .1;
	transform: scale(.1);
	transform-origin: 0 50%
}

.zoomInLeft-appear-active,
.zoomInLeft-enter-active {
	opacity: 1;
	transform: scale(1);
	transition: opacity .3s linear, transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoomInLeft-exit {
	opacity: 1;
	transform: scale(1);
	transform-origin: 0 50%
}

.zoomInLeft-exit-active {
	opacity: .1;
	transform: scale(.1);
	transition: opacity .3s linear, transform .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoomInTop-appear,
.zoomInTop-enter {
	opacity: 0;
	transform: scaleY(.8) translateZ(0);
	transform-origin: 0 0
}

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

.zoomInTop-appear-active,
.zoomInTop-enter-active,
.zoomInTop-exit {
	opacity: 1;
	transform: scaleY(1) translateZ(0);
	transform-origin: 0 0
}

.zoomInTop-exit-active {
	opacity: 0;
	transform: scaleY(.8) translateZ(0);
	transform-origin: 0 0;
	transition: transform .3s cubic-bezier(.3, 1.3, .3, 1), opacity .3s cubic-bezier(.3, 1.3, .3, 1)
}

.zoomInBottom-appear,
.zoomInBottom-enter {
	opacity: 0;
	transform: scaleY(.8) translateZ(0);
	transform-origin: 100% 100%
}

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

.zoomInBottom-appear-active,
.zoomInBottom-enter-active,
.zoomInBottom-exit {
	opacity: 1;
	transform: scaleY(1) translateZ(0);
	transform-origin: 100% 100%
}

.zoomInBottom-exit-active {
	opacity: 0;
	transform: scaleY(.8) translateZ(0);
	transform-origin: 100% 100%;
	transition: transform .3s cubic-bezier(.3, 1.3, .3, 1), opacity .3s cubic-bezier(.3, 1.3, .3, 1)
}

body {
	--color-white: #fff;
	--color-black: #000;
	--color-border: rgb(var(--gray-3));
	--color-bg-popup: var(--color-bg-5);
	--color-bg-1: #fff;
	--color-bg-2: #fcfdfe;
	--color-bg-3: #fafbfc;
	--color-bg-4: #f6f8fa;
	--color-bg-5: #f1f3f5;
	--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: #020814;
	--color-text-2: #41464f;
	--color-text-3: #80838a;
	--color-text-4: #ccced0;
	--color-fill-1: #ccced0;
	--color-fill-2: #80838a;
	--color-fill-3: #4e525b;
	--color-fill-4: #020814;
	--color-border-1: var(--color-neutral-2);
	--color-border-2: #eaedf1;
	--color-border-3: #dde2e9;
	--color-border-4: var(--color-neutral-6);
	--color-primary-light-1: rgb(var(--primary-1));
	--color-primary-light-2: rgb(var(--primary-2));
	--color-primary-light-3: rgb(var(--primary-3));
	--color-primary-light-4: rgb(var(--primary-4));
	--color-secondary: var(--color-neutral-2);
	--color-secondary-hover: var(--color-neutral-3);
	--color-secondary-active: var(--color-neutral-4);
	--color-secondary-disabled: var(--color-neutral-1);
	--color-danger-light-1: rgb(var(--danger-1));
	--color-danger-light-2: rgb(var(--danger-2));
	--color-danger-light-3: rgb(var(--danger-3));
	--color-danger-light-4: rgb(var(--danger-4));
	--color-success-light-1: rgb(var(--success-1));
	--color-success-light-2: rgb(var(--success-2));
	--color-success-light-3: rgb(var(--success-3));
	--color-success-light-4: rgb(var(--success-4));
	--color-warning-light-1: rgb(var(--warning-1));
	--color-warning-light-2: rgb(var(--warning-2));
	--color-warning-light-3: rgb(var(--warning-3));
	--color-warning-light-4: rgb(var(--warning-4));
	--color-link-light-1: rgb(var(--link-1));
	--color-link-light-2: rgb(var(--link-2));
	--color-link-light-3: rgb(var(--link-3));
	--color-link-light-4: rgb(var(--link-4));
	--border-radius-none: 0;
	--border-radius-small: 4px;
	--border-radius-medium: 4px;
	--border-radius-large: 8px;
	--border-radius-circle: 50%;
	--color-tooltip-bg: rgb(var(--gray-10));
	--color-spin-layer-bg: hsla(0, 0%, 100%, .6);
	--color-menu-dark-bg: #232324;
	--color-menu-light-bg: #fff;
	--color-menu-dark-hover: hsla(0, 0%, 100%, .04);
	--color-mask-bg: rgba(29, 33, 41, .6);
	font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans;
	font-size: 14px
}

body[arco-theme=dark] {
	--color-black: #000;
	--color-border: #333335;
	--color-bg-1: #1f1f1f;
	--color-bg-2: #282828;
	--color-bg-3: #2c2c2c;
	--color-bg-4: #313131;
	--color-bg-5: #353535;
	--color-bg-white: #1f1f1f;
	--color-text-1: hsla(0, 0%, 100%, .9);
	--color-text-2: hsla(0, 0%, 100%, .7);
	--color-text-3: hsla(0, 0%, 100%, .5);
	--color-text-4: hsla(0, 0%, 100%, .3);
	--color-fill-1: #616162;
	--color-fill-2: #8f8f8f;
	--color-fill-3: #bbb;
	--color-fill-4: #e8e8e8;
	--color-border-1: #353535;
	--color-border-2: #404040;
	--color-border-3: #575757;
	--color-border-4: #6d6d6d;
	--color-primary-light-1: rgba(var(--primary-6), 0.2);
	--color-primary-light-2: rgba(var(--primary-6), 0.35);
	--color-primary-light-3: rgba(var(--primary-6), 0.5);
	--color-primary-light-4: rgba(var(--primary-6), 0.65);
	--color-secondary: rgba(var(--gray-9), 0.08);
	--color-secondary-hover: rgba(var(--gray-8), 0.16);
	--color-secondary-active: rgba(var(--gray-7), 0.24);
	--color-secondary-disabled: rgba(var(--gray-9), 0.08);
	--color-danger-light-1: rgba(var(--danger-6), 0.2);
	--color-danger-light-2: rgba(var(--danger-6), 0.35);
	--color-danger-light-3: rgba(var(--danger-6), 0.5);
	--color-danger-light-4: rgba(var(--danger-6), 0.65);
	--color-success-light-1: rgb(var(--success-6), 0.2);
	--color-success-light-2: rgb(var(--success-6), 0.35);
	--color-success-light-3: rgb(var(--success-6), 0.5);
	--color-success-light-4: rgb(var(--success-6), 0.65);
	--color-warning-light-1: rgb(var(--warning-6), 0.2);
	--color-warning-light-2: rgb(var(--warning-6), 0.35);
	--color-warning-light-3: rgb(var(--warning-6), 0.5);
	--color-warning-light-4: rgb(var(--warning-6), 0.65);
	--color-link-light-1: rgba(var(--link-6), 0.2);
	--color-link-light-2: rgba(var(--link-6), 0.35);
	--color-link-light-3: rgba(var(--link-6), 0.5);
	--color-link-light-4: rgba(var(--link-6), 0.65);
	--color-tooltip-bg: #373739;
	--color-spin-layer-bg: rgba(51, 51, 51, .6);
	--color-menu-dark-bg: #232324;
	--color-menu-light-bg: #232324;
	--color-menu-dark-hover: var(--color-fill-2);
	--color-mask-bg: rgba(23, 23, 26, .6)
}

body {
	--red-1: 255, 236, 232;
	--red-2: 253, 205, 197;
	--red-3: 251, 172, 163;
	--red-4: 249, 137, 129;
	--red-5: 247, 101, 96;
	--red-6: 245, 63, 63;
	--red-7: 203, 39, 45;
	--red-8: 161, 21, 30;
	--red-9: 119, 8, 19;
	--red-10: 77, 0, 10;
	--orangered-1: 255, 243, 232;
	--orangered-2: 253, 221, 195;
	--orangered-3: 252, 197, 159;
	--orangered-4: 250, 172, 123;
	--orangered-5: 249, 144, 87;
	--orangered-6: 247, 114, 52;
	--orangered-7: 204, 81, 32;
	--orangered-8: 162, 53, 17;
	--orangered-9: 119, 31, 6;
	--orangered-10: 77, 14, 0;
	--orange-1: 255, 247, 232;
	--orange-2: 255, 228, 186;
	--orange-3: 255, 207, 139;
	--orange-4: 255, 182, 93;
	--orange-5: 255, 154, 46;
	--orange-6: 255, 125, 0;
	--orange-7: 210, 95, 0;
	--orange-8: 166, 69, 0;
	--orange-9: 121, 46, 0;
	--orange-10: 77, 27, 0;
	--gold-1: 255, 252, 232;
	--gold-2: 253, 244, 191;
	--gold-3: 252, 233, 150;
	--gold-4: 250, 220, 109;
	--gold-5: 249, 204, 69;
	--gold-6: 247, 186, 30;
	--gold-7: 204, 146, 19;
	--gold-8: 162, 109, 10;
	--gold-9: 119, 75, 4;
	--gold-10: 77, 45, 0;
	--yellow-1: 254, 255, 232;
	--yellow-2: 254, 254, 190;
	--yellow-3: 253, 250, 148;
	--yellow-4: 252, 242, 107;
	--yellow-5: 251, 232, 66;
	--yellow-6: 250, 220, 25;
	--yellow-7: 207, 175, 15;
	--yellow-8: 163, 132, 8;
	--yellow-9: 120, 93, 3;
	--yellow-10: 77, 56, 0;
	--lime-1: 252, 255, 232;
	--lime-2: 237, 248, 187;
	--lime-3: 220, 241, 144;
	--lime-4: 201, 233, 104;
	--lime-5: 181, 226, 65;
	--lime-6: 159, 219, 29;
	--lime-7: 126, 183, 18;
	--lime-8: 95, 148, 10;
	--lime-9: 67, 112, 4;
	--lime-10: 42, 77, 0;
	--green-1: 232, 255, 234;
	--green-2: 175, 240, 181;
	--green-3: 123, 225, 136;
	--green-4: 76, 210, 99;
	--green-5: 35, 195, 67;
	--green-6: 0, 180, 42;
	--green-7: 0, 154, 41;
	--green-8: 0, 128, 38;
	--green-9: 0, 102, 34;
	--green-10: 0, 77, 28;
	--cyan-1: 232, 255, 251;
	--cyan-2: 183, 244, 236;
	--cyan-3: 137, 233, 224;
	--cyan-4: 94, 223, 214;
	--cyan-5: 55, 212, 207;
	--cyan-6: 20, 201, 201;
	--cyan-7: 13, 165, 170;
	--cyan-8: 7, 130, 139;
	--cyan-9: 3, 97, 108;
	--cyan-10: 0, 66, 77;
	--blue-1: 232, 247, 255;
	--blue-2: 195, 231, 254;
	--blue-3: 159, 212, 253;
	--blue-4: 123, 192, 252;
	--blue-5: 87, 169, 251;
	--blue-6: 52, 145, 250;
	--blue-7: 32, 108, 207;
	--blue-8: 17, 75, 163;
	--blue-9: 6, 48, 120;
	--blue-10: 0, 26, 77;
	--arcoblue-1: 232, 243, 255;
	--arcoblue-2: 190, 218, 255;
	--arcoblue-3: 148, 191, 255;
	--arcoblue-4: 106, 161, 255;
	--arcoblue-5: 64, 128, 255;
	--arcoblue-6: 22, 93, 255;
	--arcoblue-7: 14, 66, 210;
	--arcoblue-8: 7, 44, 166;
	--arcoblue-9: 3, 26, 121;
	--arcoblue-10: 0, 13, 77;
	--purple-1: 245, 232, 255;
	--purple-2: 221, 190, 246;
	--purple-3: 195, 150, 237;
	--purple-4: 168, 113, 227;
	--purple-5: 141, 78, 218;
	--purple-6: 114, 46, 209;
	--purple-7: 85, 29, 176;
	--purple-8: 60, 16, 143;
	--purple-9: 39, 6, 110;
	--purple-10: 22, 0, 77;
	--pinkpurple-1: 255, 232, 251;
	--pinkpurple-2: 247, 186, 239;
	--pinkpurple-3: 240, 142, 230;
	--pinkpurple-4: 232, 101, 223;
	--pinkpurple-5: 225, 62, 219;
	--pinkpurple-6: 217, 26, 217;
	--pinkpurple-7: 176, 16, 182;
	--pinkpurple-8: 138, 9, 147;
	--pinkpurple-9: 101, 3, 112;
	--pinkpurple-10: 66, 0, 77;
	--magenta-1: 255, 232, 241;
	--magenta-2: 253, 194, 219;
	--magenta-3: 251, 157, 199;
	--magenta-4: 249, 121, 183;
	--magenta-5: 247, 84, 168;
	--magenta-6: 245, 49, 157;
	--magenta-7: 203, 30, 131;
	--magenta-8: 161, 16, 105;
	--magenta-9: 119, 6, 79;
	--magenta-10: 77, 0, 52;
	--gray-1: 247, 248, 250;
	--gray-2: 242, 243, 245;
	--gray-3: 229, 230, 235;
	--gray-4: 201, 205, 212;
	--gray-5: 169, 174, 184;
	--gray-6: 134, 144, 156;
	--gray-7: 107, 119, 133;
	--gray-8: 78, 89, 105;
	--gray-9: 39, 46, 59;
	--gray-10: 29, 33, 41;
	--primary-1: 243, 247, 255;
	--primary-2: 236, 242, 255;
	--primary-3: 160, 192, 255;
	--primary-4: 110, 159, 255;
	--primary-5: 66, 129, 255;
	--primary-6: 22, 100, 255;
	--primary-7: 0, 85, 255;
	--primary-8: 0, 68, 204;
	--primary-9: var(--arcoblue-9);
	--primary-10: var(--arcoblue-10);
	--link-1: 243, 247, 255;
	--link-2: 236, 242, 255;
	--link-3: 160, 192, 255;
	--link-4: 110, 159, 255;
	--link-5: 66, 129, 255;
	--link-6: 22, 100, 255;
	--link-7: 0, 85, 255;
	--link-8: 0, 68, 204;
	--link-9: var(--arcoblue-9);
	--link-10: var(--arcoblue-10);
	--success-1: 237, 249, 243;
	--success-2: 226, 245, 235;
	--success-3: 141, 216, 179;
	--success-4: 125, 191, 158;
	--success-5: 30, 191, 111;
	--success-6: 28, 178, 103;
	--success-7: 24, 153, 89;
	--success-8: 20, 128, 74;
	--success-9: var(--green-9);
	--success-10: var(--green-10);
	--danger-1: 253, 245, 245;
	--danger-2: 254, 236, 237;
	--danger-3: 250, 158, 163;
	--danger-4: 250, 132, 139;
	--danger-5: 246, 81, 89;
	--danger-6: 219, 55, 63;
	--danger-7: 196, 49, 56;
	--danger-8: 168, 42, 48;
	--danger-9: var(--red-9);
	--danger-10: var(--red-10);
	--warning-1: 254, 248, 235;
	--warning-2: 253, 243, 222;
	--warning-3: 248, 208, 128;
	--warning-4: 229, 192, 118;
	--warning-5: 245, 180, 51;
	--warning-6: 242, 162, 0;
	--warning-7: 222, 148, 0;
	--warning-8: 171, 114, 0;
	--warning-9: var(--orange-9);
	--warning-10: var(--orange-10);
	--color-fill-5: #fff;
	--color-bg-6: rgba(2, 8, 20, .05);
	--alert-component-1: var(--arcoblue-1);
	--alert-component-2: var(--arcoblue-2);
	--alert-component-3: var(--arcoblue-3);
	--alert-component-4: 255, 245, 228;
	--alert-component-5: 255, 244, 244;
	--alert-component-6: 240, 246, 255;
	--alert-component-7: 241, 248, 245;
	--alert-component-8: var(--arcoblue-8);
	--alert-component-9: var(--arcoblue-9);
	--alert-component-10: var(--arcoblue-10);
	--base-grey-1: 236, 237, 237;
	--base-grey-2: 246, 246, 246;
	--base-grey-3: 236, 237, 237;
	--base-grey-4: 160, 162, 167;
	--base-grey-5: 103, 107, 114;
	--base-grey-6: 65, 70, 79;
	--base-grey-7: 52, 56, 64;
	--base-grey-8: 43, 48, 58;
	--base-grey-9: var(--arcoblue-9);
	--base-grey-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: 36, 46, 64;
	--primary-2: 39, 51, 76;
	--primary-3: 49, 80, 143;
	--primary-4: 29, 83, 210;
	--primary-5: 104, 154, 255;
	--primary-6: 69, 131, 255;
	--primary-7: 51, 119, 255;
	--primary-8: 147, 193, 255;
	--primary-9: var(--arcoblue-9);
	--primary-10: var(--arcoblue-10);
	--link-1: 36, 46, 64;
	--link-2: 39, 51, 76;
	--link-3: 49, 80, 143;
	--link-4: 29, 83, 210;
	--link-5: 143, 181, 255;
	--link-6: 116, 162, 255;
	--link-7: 96, 149, 255;
	--link-8: 147, 193, 255;
	--link-9: var(--arcoblue-9);
	--link-10: var(--arcoblue-10);
	--success-1: 37, 55, 46;
	--success-2: 39, 63, 51;
	--success-3: 51, 111, 81;
	--success-4: 30, 153, 96;
	--success-5: 86, 207, 147;
	--success-6: 73, 193, 133;
	--success-7: 70, 173, 122;
	--success-8: 143, 224, 175;
	--success-9: var(--green-9);
	--success-10: var(--green-10);
	--danger-1: 60, 38, 39;
	--danger-2: 69, 40, 41;
	--danger-3: 126, 52, 56;
	--danger-4: var(--red-4);
	--danger-5: 247, 98, 106;
	--danger-6: 223, 76, 82;
	--danger-7: 197, 49, 56;
	--danger-8: var(--red-8);
	--danger-9: var(--red-9);
	--danger-10: var(--red-10);
	--warning-1: 63, 51, 26;
	--warning-2: 73, 57, 25;
	--warning-3: 136, 96, 15;
	--warning-4: 201, 134, 18;
	--warning-5: 245, 180, 51;
	--warning-6: 242, 162, 0;
	--warning-7: 222, 148, 0;
	--warning-8: 171, 114, 0;
	--warning-9: var(--orange-9);
	--warning-10: var(--orange-10);
	--color-fill-5: #fff;
	--color-bg-6: hsla(0, 0%, 100%, .12);
	--alert-component-1: var(--arcoblue-1);
	--alert-component-2: var(--arcoblue-2);
	--alert-component-3: var(--arcoblue-3);
	--alert-component-4: var(--arcoblue-4);
	--alert-component-5: var(--arcoblue-5);
	--alert-component-6: var(--arcoblue-6);
	--alert-component-7: var(--arcoblue-7);
	--alert-component-8: var(--arcoblue-8);
	--alert-component-9: var(--arcoblue-9);
	--alert-component-10: var(--arcoblue-10);
	--base-grey-1: var(--arcoblue-1);
	--base-grey-2: 37, 37, 37;
	--base-grey-3: 42, 42, 42;
	--base-grey-4: 46, 46, 46;
	--base-grey-5: 51, 51, 51;
	--base-grey-6: 56, 56, 56;
	--base-grey-7: 45, 45, 45;
	--base-grey-8: 65, 65, 65;
	--base-grey-9: var(--arcoblue-9);
	--base-grey-10: var(--arcoblue-10)
}

@font-face {
	font-family: Roboto;
	font-weight: 400;
	src: url(https://lf3-static.bytednsdoc.com/obj/eden-cn/lognulaps/Roboto-Regular.ttf)
}

@font-face {
	font-family: Roboto;
	font-weight: 500;
	src: url(https://lf3-static.bytednsdoc.com/obj/eden-cn/lognulaps/Roboto-Medium.ttf)
}

.force-icon {
	color: inherit;
	display: inline-block;
	font-style: normal;
	height: 1em;
	vertical-align: -2px;
	width: 1em
}

.arco-empty {
	box-sizing: border-box;
	padding: 10px 0;
	width: 100%
}

.arco-empty .arco-empty-wrapper {
	box-sizing: border-box;
	color: rgb(var(--gray-5));
	text-align: center;
	width: 100%
}

.arco-empty .arco-empty-wrapper .arco-empty-image {
	font-size: 80px;
	line-height: 1;
	margin-bottom: 12px
}

.arco-empty .arco-empty-wrapper img {
	height: 80px
}

.arco-empty .arco-empty-description {
	color: #80838a;
	font-size: 13px
}

.arco-empty {
	padding: 32px 0 48px
}

.arco-empty-image {
	align-items: center;
	display: flex;
	justify-content: center
}

#container,
body,
html {
	min-width: 300px !important
}

body,
html {
	--feedcoop-primary: #178cff;
	background-color: #f5f5f5;
	font-family: Roboto, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica Neue, -apple-system, BlinkMacSystemFont, noto sans;
	height: 100%;
	min-width: 300px
}

body input:-internal-autofill-previewed,
body input:-internal-autofill-selected,
html input:-internal-autofill-previewed,
html input:-internal-autofill-selected {
	-webkit-background-clip: text !important;
	background-clip: text !important
}

.spin-center {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.container-spin {
	height: 100%;
	position: relative;
	width: 100%
}

a:hover {
	cursor: pointer
}

.mr-20 {
	margin-right: 20px
}

.arco-message-wrapper {
	box-sizing: border-box;
	left: 0;
	padding: 0 10px;
	pointer-events: none;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 1003
}

.arco-message-wrapper-top {
	top: 40px
}

.arco-message-wrapper-bottom {
	bottom: 40px
}

.arco-message {
	background-color: initial;
	border: 1px solid var(--color-neutral-3);
	border-radius: 4px;
	box-shadow: none;
	display: inline-block;
	line-height: 1;
	margin-bottom: 16px;
	overflow: hidden;
	padding: 10px 16px;
	pointer-events: auto;
	position: relative;
	text-align: center;
	transition: opacity .1s linear
}

.arco-message-closable {
	padding-right: 42px
}

.arco-message-icon {
	animation: arco-msg-fade .1s linear, arco-msg-fade .4s cubic-bezier(.3, 1.3, .3, 1);
	display: inline-block;
	font-size: 20px;
	margin-right: 8px
}

.arco-message-content,
.arco-message-icon {
	color: var(--color-text-1);
	vertical-align: middle
}

.arco-message-content {
	font-size: 14px
}

.arco-message-info {
	background-color: var(--color-bg-popup);
	border-color: var(--color-neutral-3)
}

.arco-message-info .arco-message-icon {
	color: rgb(var(--primary-6))
}

.arco-message-info .arco-message-content {
	color: var(--color-text-1)
}

.arco-message-success {
	background-color: var(--color-bg-popup);
	border-color: var(--color-neutral-3)
}

.arco-message-success .arco-message-icon {
	color: rgb(var(--success-6))
}

.arco-message-success .arco-message-content {
	color: var(--color-text-1)
}

.arco-message-warning {
	background-color: var(--color-bg-popup);
	border-color: var(--color-neutral-3)
}

.arco-message-warning .arco-message-icon {
	color: rgb(var(--warning-6))
}

.arco-message-warning .arco-message-content {
	color: var(--color-text-1)
}

.arco-message-error {
	background-color: var(--color-bg-popup);
	border-color: var(--color-neutral-3)
}

.arco-message-error .arco-message-icon {
	color: rgb(var(--danger-6))
}

.arco-message-error .arco-message-content {
	color: var(--color-text-1)
}

.arco-message-loading {
	background-color: var(--color-bg-popup);
	border-color: var(--color-neutral-3)
}

.arco-message-loading .arco-message-icon {
	color: rgb(var(--primary-6))
}

.arco-message-loading .arco-message-content {
	color: var(--color-text-1)
}

.arco-message-close-btn {
	color: var(--color-fill-3);
	font-size: 16px;
	position: absolute;
	right: 12px;
	top: 14px
}

.arco-message-close-btn>svg {
	position: relative
}

.arco-message .arco-icon-hover.arco-message-icon-hover:before {
	height: 24px;
	width: 24px
}

.fadeMessage-appear,
.fadeMessage-enter {
	opacity: 0
}

.fadeMessage-appear-active,
.fadeMessage-enter-active {
	opacity: 1;
	transition: opacity .1s linear
}

.fadeMessage-exit {
	opacity: 0;
	overflow: hidden
}

.fadeMessage-exit-active {
	height: 0;
	opacity: 0;
	transition: all .3s cubic-bezier(.34, .69, .1, 1)
}

.arco-message-rtl {
	direction: rtl
}

.arco-message-rtl .arco-message-icon {
	margin-left: 8px;
	margin-right: 0
}

@keyframes arco-msg-fade {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes arco-msg-scale {
	0% {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

.arco-message {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: rgba(246, 248, 250, .9);
	border-width: .5px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .05);
	padding: 8px 16px
}

.arco-message-content {
	display: inline-block;
	line-height: 22px
}

.arco-message .arco-icon-hover.arco-message-icon-hover:before {
	height: 16px;
	width: 16px
}

.arco-message .arco-message-close-btn {
	top: 12px
}

.arco-message .arco-message-close-btn:hover:before {
	background-color: var(--color-bg-6);
	height: 16px;
	width: 16px
}

.arco-message-closable .arco-message-content {
	margin-right: 24px
}

.arco-message svg.force-icon {
	vertical-align: -2px
}

.arco-icon-hover .force-icon {
	position: relative;
	vertical-align: -.09em
}

body[arco-theme=dark] .arco-message {
	background-color: var(--color-bg-4)
}

.arco-notification-wrapper {
	position: fixed;
	z-index: 1003
}

.arco-notification-wrapper-topLeft {
	left: 20px;
	top: 20px
}

.arco-notification-wrapper-topRight {
	right: 20px;
	top: 20px
}

.arco-notification-wrapper-topRight .arco-notification {
	margin-left: auto
}

.arco-notification-wrapper-bottomLeft {
	bottom: 20px;
	left: 20px
}

.arco-notification-wrapper-bottomRight {
	bottom: 20px;
	right: 20px
}

.arco-notification-wrapper-bottomRight .arco-notification {
	margin-left: auto
}

.arco-notification {
	background-color: initial;
	border: 0 solid transparent;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
	box-sizing: border-box;
	display: flex;
	margin-bottom: 20px;
	opacity: 1;
	overflow: hidden;
	padding: 16px 20px 20px 16px;
	position: relative;
	transition: opacity .2s linear;
	width: 396px
}

.arco-notification-icon {
	align-items: center;
	color: var(--color-text-1);
	display: inline-flex;
	font-size: 20px
}

.arco-notification-info {
	background-color: initial;
	border-color: transparent
}

.arco-notification-info .arco-notification-icon {
	color: rgb(var(--primary-6))
}

.arco-notification-success {
	background-color: initial;
	border-color: transparent
}

.arco-notification-success .arco-notification-icon {
	color: rgb(var(--success-6))
}

.arco-notification-warning {
	background-color: initial;
	border-color: transparent
}

.arco-notification-warning .arco-notification-icon {
	color: rgb(var(--warning-6))
}

.arco-notification-error {
	background-color: initial;
	border-color: transparent
}

.arco-notification-error .arco-notification-icon {
	color: rgb(var(--danger-6))
}

.arco-notification-left {
	padding-right: 16px
}

.arco-notification-right {
	flex: 1 1;
	word-break: break-word
}

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

.arco-notification-content {
	color: var(--color-text-2);
	font-size: 12px
}

.arco-notification-info .arco-notification-content,
.arco-notification-info .arco-notification-title,
.arco-notification-success .arco-notification-title {
	color: var(--color-text-1)
}

.arco-notification-success .arco-notification-content {
	color: var(--color-text-2)
}

.arco-notification-warning .arco-notification-title {
	color: var(--color-text-1)
}

.arco-notification-warning .arco-notification-content {
	color: var(--color-text-2)
}

.arco-notification-error .arco-notification-content,
.arco-notification-error .arco-notification-title {
	color: var(--color-text-1)
}

.arco-notification-btn-wrapper {
	margin-top: 16px;
	text-align: right
}

.arco-notification .arco-notification-close-btn {
	color: #4e525b;
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	right: 12px;
	top: 12px
}

.arco-notification .arco-notification-close-btn>svg {
	position: relative
}

.arco-notification .arco-icon-hover.arco-notification-icon-hover:before {
	height: 28px;
	width: 28px
}

.slideNoticeLeft-appear,
.slideNoticeLeft-enter {
	transform: translateX(-100%)
}

.slideNoticeLeft-appear-active,
.slideNoticeLeft-enter-active {
	transform: translateX(0);
	transition: transform .4s cubic-bezier(.3, 1.3, .3, 1)
}

.slideNoticeLeft-exit {
	opacity: 0
}

.slideNoticeLeft-exit-active {
	height: 0;
	margin-bottom: 0;
	opacity: 0;
	padding-bottom: 0;
	padding-top: 0;
	transition: all .3s cubic-bezier(.34, .69, .1, 1)
}

.slideNoticeRight-appear,
.slideNoticeRight-enter {
	transform: translateX(100%)
}

.slideNoticeRight-appear-active,
.slideNoticeRight-enter-active {
	transform: translateX(0);
	transition: transform .4s cubic-bezier(.3, 1.3, .3, 1)
}

.slideNoticeRight-exit {
	opacity: 0
}

.slideNoticeRight-exit-active {
	height: 0;
	opacity: 0;
	transition: all .3s cubic-bezier(.34, .69, .1, 1)
}

.arco-notification-rtl,
.arco-notification-wrapper-rtl {
	direction: rtl
}

.arco-notification-rtl .arco-notification-left {
	padding-left: 16px;
	padding-right: 0
}

.arco-notification-rtl .arco-notification-btn-wrapper {
	text-align: left
}

.arco-notification-rtl .arco-notification-close-btn {
	left: 12px;
	right: auto
}

.arco-notification {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: hsla(0, 0%, 96%, .6);
	border: .5px solid var(--color-border-3);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .05)
}

.arco-notification-left,
.arco-notification-title {
	padding-right: 8px
}

.arco-notification .arco-icon-hover.arco-notification-icon-hover:before {
	height: 20px;
	width: 20px
}

.arco-notification .arco-notification-close-btn {
	color: var(--color-fill-3)
}

.arco-notification .arco-notification-close-btn:hover:before {
	height: 20px;
	width: 20px
}

.arco-notification-error .arco-notification-content,
.arco-notification-info .arco-notification-content {
	color: var(--color-text-2)
}

.arco-notification svg.force-icon {
	vertical-align: -2px
}

.arco-notification-left .arco-notification-icon {
	margin-top: 2px
}

body[arco-theme=dark] .arco-notification {
	background-color: #313131
}

@dark-text : arco-theme="dark";