/*! 
 * OverlayScrollbars
 * Version: 2.11.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
	box-sizing: border-box;
	direction: inherit;
	overflow: hidden;
	pointer-events: none;
	scroll-behavior: auto !important;
	visibility: hidden
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
	left: 0;
	position: absolute;
	top: 0;
	writing-mode: horizontal-tb
}

.os-size-observer {
	border: inherit;
	bottom: 0;
	box-sizing: inherit;
	contain: strict;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	left: 0;
	margin: -133px;
	padding: inherit;
	right: 0;
	top: 0;
	transform: scale(.1);
	z-index: -1
}

.os-size-observer:before {
	box-sizing: inherit;
	content: "";
	flex: none;
	height: 10px;
	padding: 10px;
	width: 10px
}

.os-size-observer-appear {
	animation: os-size-observer-appear-animation 1ms forwards
}

.os-size-observer-listener {
	border: inherit;
	box-sizing: border-box;
	flex: auto;
	margin: -133px;
	padding: inherit;
	position: relative;
	transform: scale(10)
}

.os-size-observer-listener.ltr {
	margin-left: 0;
	margin-right: -266px
}

.os-size-observer-listener.rtl {
	margin-left: -266px;
	margin-right: 0
}

.os-size-observer-listener:empty:before {
	content: "";
	height: 100%;
	width: 100%
}

.os-size-observer-listener:empty:before,
.os-size-observer-listener>.os-size-observer-listener-item {
	border: inherit;
	box-sizing: content-box;
	display: block;
	flex: auto;
	padding: inherit;
	position: relative
}

.os-size-observer-listener-scroll {
	box-sizing: border-box;
	display: flex
}

.os-size-observer-listener-item {
	bottom: 0;
	direction: ltr;
	flex: none;
	overflow: hidden;
	right: 0
}

.os-size-observer-listener-item-final {
	transition: none
}

@keyframes os-size-observer-appear-animation {
	0% {
		cursor: auto
	}

	to {
		cursor: none
	}
}

.os-trinsic-observer {
	border: none;
	box-sizing: border-box;
	contain: strict;
	flex: none;
	height: 0;
	margin: 0;
	max-height: 1px;
	max-width: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: calc(100% + 1px);
	z-index: -1
}

.os-trinsic-observer:not(:empty) {
	height: calc(100% + 1px);
	top: -1px
}

.os-trinsic-observer:not(:empty)>.os-size-observer {
	height: 1000%;
	min-height: 1px;
	min-width: 1px;
	width: 1000%
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
	scrollbar-width: none !important
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: none !important;
	height: 0 !important;
	width: 0 !important
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
	overflow: auto
}

html[data-overlayscrollbars-body] {
	overflow: hidden
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body]>body {
	height: 100%;
	margin: 0;
	width: 100%
}

html[data-overlayscrollbars-body]>body {
	margin: 0;
	overflow: visible
}

[data-overlayscrollbars] {
	position: relative
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars~=host] {
	align-items: stretch !important;
	display: flex;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	scroll-behavior: auto !important
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
	border: none;
	box-sizing: inherit;
	flex: auto !important;
	height: auto;
	margin: 0;
	min-width: 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 0
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
	--os-vaw: 0;
	--os-vah: 0;
	outline: none
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
	outline: none
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before {
	content: "";
	height: var(--os-vah);
	min-height: 1px;
	min-width: 1px;
	pointer-events: none;
	position: absolute;
	width: var(--os-vaw);
	z-index: -1
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport],
[data-overlayscrollbars] {
	overflow: hidden !important
}

[data-overlayscrollbars-padding~=noClipping],
[data-overlayscrollbars~=noClipping] {
	overflow: visible !important
}

[data-overlayscrollbars-viewport~=measuring] {
	overflow: hidden !important;
	scroll-behavior: auto !important;
	scroll-snap-type: none !important
}

[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
	overflow-x: visible !important
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
	overflow-x: hidden !important
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
	overflow-x: scroll !important
}

[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
	overflow-y: visible !important
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
	overflow-y: hidden !important
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
	overflow-y: scroll !important
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
	font-size: 0 !important;
	line-height: 0 !important
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>* {
	clip: rect(0, 0, 0, 0) !important;
	border-width: 0 !important;
	display: none !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important
}

[data-overlayscrollbars-viewport~=scrolling] {
	scroll-behavior: auto !important;
	scroll-snap-type: none !important
}

[data-overlayscrollbars-content] {
	box-sizing: inherit
}

[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
	display: contents
}

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
	display: grid;
	grid-template: 1fr/1fr
}

[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport] {
	height: auto !important;
	width: auto !important
}

@property --os-scroll-percent {
	syntax: "<number>";
	inherits: true;
	initial-value: 0
}

@property --os-viewport-percent {
	syntax: "<number>";
	inherits: true;
	initial-value: 0
}

.os-scrollbar {
	--os-viewport-percent: 0;
	--os-scroll-percent: 0;
	--os-scroll-direction: 0;
	--os-scroll-percent-directional: calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent))*-1)*var(--os-scroll-direction));
	contain: size layout;
	contain: size layout style;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .15s, visibility .15s, top .15s, right .15s, bottom .15s, left .15s;
	visibility: hidden
}

body>.os-scrollbar {
	position: fixed;
	z-index: 99999
}

.os-scrollbar-transitionless {
	transition: none !important
}

.os-scrollbar-track {
	border: none !important;
	padding: 0 !important;
	position: relative
}

.os-scrollbar-handle {
	position: absolute
}

.os-scrollbar-handle,
.os-scrollbar-track {
	height: 100%;
	pointer-events: none;
	width: 100%
}

.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track {
	pointer-events: auto;
	touch-action: none
}

.os-scrollbar-horizontal {
	bottom: 0;
	left: 0
}

.os-scrollbar-vertical {
	right: 0;
	top: 0
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
	right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical {
	left: 0;
	right: auto
}

.os-scrollbar-visible {
	opacity: 1;
	visibility: visible
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
	opacity: 0;
	visibility: hidden
}

.os-scrollbar-interaction.os-scrollbar-visible {
	opacity: 1;
	visibility: visible
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
	pointer-events: none !important
}

.os-scrollbar-unusable .os-scrollbar-handle {
	opacity: 0 !important;
	transition: none !important
}

.os-scrollbar-horizontal .os-scrollbar-handle {
	bottom: 0;
	left: calc(var(--os-scroll-percent-directional)*100%);
	transform: translateX(calc(var(--os-scroll-percent-directional)*-100%));
	width: calc(var(--os-viewport-percent)*100%)
}

.os-scrollbar-vertical .os-scrollbar-handle {
	height: calc(var(--os-viewport-percent)*100%);
	right: 0;
	top: calc(var(--os-scroll-percent-directional)*100%);
	transform: translateY(calc(var(--os-scroll-percent-directional)*-100%))
}

@supports (container-type:size) {
	.os-scrollbar-track {
		container-type: size
	}

	.os-scrollbar-horizontal .os-scrollbar-handle {
		left: auto;
		transform: translateX(calc(var(--os-scroll-percent-directional)*100cqw + var(--os-scroll-percent-directional)*-100%))
	}

	.os-scrollbar-vertical .os-scrollbar-handle {
		top: auto;
		transform: translateY(calc(var(--os-scroll-percent-directional)*100cqh + var(--os-scroll-percent-directional)*-100%))
	}

	.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
		left: 0;
		right: auto
	}
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
	left: 0;
	right: auto
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
	left: 0;
	right: 0
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
	bottom: 0;
	top: 0
}

@media print {
	.os-scrollbar {
		display: none
	}
}

.os-scrollbar {
	--os-size: 0;
	--os-padding-perpendicular: 0;
	--os-padding-axis: 0;
	--os-track-border-radius: 0;
	--os-track-bg: none;
	--os-track-bg-hover: none;
	--os-track-bg-active: none;
	--os-track-border: none;
	--os-track-border-hover: none;
	--os-track-border-active: none;
	--os-handle-border-radius: 0;
	--os-handle-bg: none;
	--os-handle-bg-hover: none;
	--os-handle-bg-active: none;
	--os-handle-border: none;
	--os-handle-border-hover: none;
	--os-handle-border-active: none;
	--os-handle-min-size: 33px;
	--os-handle-max-size: none;
	--os-handle-perpendicular-size: 100%;
	--os-handle-perpendicular-size-hover: 100%;
	--os-handle-perpendicular-size-active: 100%;
	--os-handle-interactive-area-offset: 0
}

.os-scrollbar-track {
	background: var(--os-track-bg);
	border: var(--os-track-border);
	border-radius: var(--os-track-border-radius);
	transition: opacity .15s, background-color .15s, border-color .15s
}

.os-scrollbar-track:hover {
	background: var(--os-track-bg-hover);
	border: var(--os-track-border-hover)
}

.os-scrollbar-track:active {
	background: var(--os-track-bg-active);
	border: var(--os-track-border-active)
}

.os-scrollbar-handle {
	background: var(--os-handle-bg);
	border: var(--os-handle-border);
	border-radius: var(--os-handle-border-radius)
}

.os-scrollbar-handle:hover {
	background: var(--os-handle-bg-hover);
	border: var(--os-handle-border-hover)
}

.os-scrollbar-handle:active {
	background: var(--os-handle-bg-active);
	border: var(--os-handle-border-active)
}

.os-scrollbar-handle:before,
.os-scrollbar-track:before {
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.os-scrollbar-horizontal {
	height: var(--os-size);
	padding: var(--os-padding-perpendicular) var(--os-padding-axis);
	right: var(--os-size)
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
	left: var(--os-size);
	right: 0
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
	bottom: calc(var(--os-padding-perpendicular)*-1);
	top: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-horizontal .os-scrollbar-handle {
	height: var(--os-handle-perpendicular-size);
	max-width: var(--os-handle-max-size);
	min-width: var(--os-handle-min-size);
	transition: opacity .15s, background-color .15s, border-color .15s, height .15s
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
	bottom: calc(var(--os-padding-perpendicular)*-1);
	top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
	height: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
	height: var(--os-handle-perpendicular-size-active)
}

.os-scrollbar-vertical {
	bottom: var(--os-size);
	padding: var(--os-padding-axis) var(--os-padding-perpendicular);
	width: var(--os-size)
}

.os-scrollbar-vertical .os-scrollbar-track:before {
	left: calc(var(--os-padding-perpendicular)*-1);
	right: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-vertical .os-scrollbar-handle {
	max-height: var(--os-handle-max-size);
	min-height: var(--os-handle-min-size);
	transition: opacity .15s, background-color .15s, border-color .15s, width .15s;
	width: var(--os-handle-perpendicular-size)
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
	left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
	right: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
	left: calc(var(--os-padding-perpendicular)*-1);
	right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
	width: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
	width: var(--os-handle-perpendicular-size-active)
}

.os-theme-none.os-scrollbar,
[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar {
	display: none !important
}

.os-theme-dark,
.os-theme-light {
	--os-size: 10px;
	--os-padding-perpendicular: 2px;
	--os-padding-axis: 2px;
	--os-track-border-radius: 10px;
	--os-handle-interactive-area-offset: 4px;
	--os-handle-border-radius: 10px;
	box-sizing: border-box
}

.os-theme-dark {
	--os-handle-bg: rgba(0, 0, 0, .44);
	--os-handle-bg-hover: rgba(0, 0, 0, .55);
	--os-handle-bg-active: rgba(0, 0, 0, .66)
}

.os-theme-light {
	--os-handle-bg: hsla(0, 0%, 100%, .44);
	--os-handle-bg-hover: hsla(0, 0%, 100%, .55);
	--os-handle-bg-active: hsla(0, 0%, 100%, .66)
}

.u-modal-mask {
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	transition: opacity .4s;
	z-index: 9999999
}

.header-body-no-scroll,
.u-modal-mask {
	position: fixed
}

.portal-base-bubble {
	animation: bubbleAnimation 1s ease-out forwards;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 10px 52px 0 rgba(9, 18, 33, .1);
	box-sizing: border-box;
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	opacity: 0;
	padding: 8px 16px 8px 40px;
	transform: translateY(20px) scale(.95)
}

.portal-base-bubble:before {
	background: no-repeat url(../images/index/icon_error_1e56d40.png) 50%/cover;
	content: "";
	height: 16px;
	left: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px
}

.portal-base-bubble.portal-base-bubble-success:before {
	background-image: url(../images/index/check-circle2_34528fd.png)
}

@keyframes bubbleAnimation {
	0% {
		opacity: 0;
		transform: translateY(20px) scale(.95)
	}

	30% {
		opacity: .75;
		transform: translateY(0) scale(1)
	}

	40% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}

	90% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}

	to {
		opacity: 0;
		transform: translateY(0) scale(.95)
	}
}

.portal-survey-iframe,
.portal-survey-message-wrapper {
	border: 0;
	border-radius: 4px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.portal-survey-iframe-close-icon {
	animation: iframeCloseIconShow .1s ease 1s forwards;
	cursor: pointer;
	height: 20px;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(236px, -254px);
	width: 20px
}

@media screen and (max-width:767px) {
	.portal-survey-iframe-close-icon {
		transform: translate(132px, -198px)
	}
}

.portal-survey-iframe-close-icon path {
	stroke: #091221
}

.portal-survey-iframe-close-icon:hover svg path {
	stroke: #2468f2
}

.portal-survey-message-wrapper {
	height: 556px;
	width: 560px
}

.portal-survey-message-wrapper .portal-survey-message {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

@keyframes iframeCloseIconShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.dropdown-activity {
	box-sizing: border-box;
	padding: 0 70px 40px
}

.dropdown-activity .dropdown-activity-content {
	display: flex;
	padding-top: 24px
}

.dropdown-activity .dropdown-activity-content-left {
	background-position: top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 12px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	height: 310px;
	justify-content: flex-end;
	padding: 0 28px 24px;
	transition: .3s ease-out;
	width: 258px
}

.dropdown-activity .dropdown-activity-content-left h3 {
	-webkit-line-clamp: 2;
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 4px;
	max-height: 52px;
	max-width: 100%;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-activity .dropdown-activity-content-left p {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 8px;
	max-width: 100%;
	opacity: .8;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-activity .dropdown-activity-content-left div {
	align-items: center;
	display: flex;
	padding-right: 16px;
	position: relative;
	width: max-content
}

.dropdown-activity .dropdown-activity-content-left div span {
	color: #2468f2;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	transition: opacity .3s ease-out
}

.dropdown-activity .dropdown-activity-content-left div span:after {
	height: 16px;
	top: 3px;
	width: 16px
}

.dropdown-activity .dropdown-activity-content-left div:hover span {
	color: #2468f2
}

.dropdown-activity .dropdown-activity-content-left:hover {
	background-size: auto 108%
}

.dropdown-activity .dropdown-activity-content-right {
	display: flex;
	flex: 1
}

.dropdown-activity-content-column {
	flex: 1;
	margin-left: 60px
}

.dropdown-activity-content-column:first-child {
	margin-left: 70px
}

.dropdown-activity-content-column h3 {
	color: #2468f2;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 20px;
	text-align: left
}

.dropdown-activity-content-column .dropdown-activity-product {
	display: block
}

.dropdown-activity-content-column .dropdown-activity-product h4 {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	transition: color .3s ease-out
}

.dropdown-activity-content-column .dropdown-activity-product p {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 3px
}

.dropdown-activity-content-column .dropdown-activity-product:not(:last-child) {
	margin-bottom: 20px
}

.dropdown-activity-content-column .dropdown-activity-product:hover h4 {
	color: #2468f2
}

@media screen and (max-width:1500px) {
	.dropdown-activity {
		padding-left: 40px;
		padding-right: 40px
	}

	.dropdown-activity-content-column:first-child {
		margin-left: 34px
	}
}

@media screen and (max-width:1400px) {
	.dropdown-activity {
		padding-left: 28px;
		padding-right: 32px
	}

	.dropdown-activity .dropdown-activity-content-left {
		height: 310px;
		width: 232px
	}

	.dropdown-activity-content-column {
		margin-left: 32px !important
	}
}

.header-product-search {
	margin-bottom: 24px
}

.header-product-search,
.header-product-search-wrapper {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 36px;
	position: relative
}

.header-product-search-wrapper {
	border: 1px solid rgba(9, 18, 33, .12);
	border-radius: 4px;
	padding: 0 12px;
	transition: border .3s ease-out;
	width: 326px
}

.header-product-search-wrapper .search-icon {
	height: 15px;
	width: 15px
}

.header-product-search-wrapper input {
	border: none;
	box-sizing: border-box;
	color: #222;
	float: left;
	font: 400 14px PingFangSC-Regular;
	outline: none;
	padding: 0 4px 0 0;
	width: 100%
}

.header-product-search-wrapper input::placeholder {
	color: rgba(34, 34, 34, .4)
}

.header-product-search-wrapper input:focus~.header-product-search-result-show {
	display: block
}

.header-product-search-wrapper .header-product-search-result {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	display: none;
	left: 0;
	max-height: 350px;
	padding: 8px 0;
	position: absolute;
	top: 42px;
	width: 335px;
	z-index: 10
}

.header-product-search-wrapper .header-product-search-result .header-product-search-result-scroller {
	box-sizing: border-box;
	max-height: 350px;
	width: 100%
}

.header-product-search-wrapper .header-product-search-result ul {
	padding: 0 12px
}

.header-product-search-wrapper .header-product-search-result li {
	border-radius: 4px;
	line-height: 30px;
	padding: 0 12px
}

.header-product-search-wrapper .header-product-search-result li a {
	color: #091221;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 36px;
	line-height: 36px
}

.header-product-search-wrapper .header-product-search-result li a:hover {
	color: #2468f2
}

.header-product-search-wrapper .header-product-search-result li span {
	color: #091221;
	font: 400 14px PingFangSC-Regular
}

.header-product-search-wrapper .header-product-search-result li.selected,
.header-product-search-wrapper .header-product-search-result li:hover {
	background-color: #f1f6fd
}

.header-product-search-wrapper .header-product-search-result:hover {
	display: block
}

.header-product-search-wrapper:hover {
	border-color: #2468f2
}

.header-product-search-wrapper:hover .search-icon {
	color: #2468f2
}

.header-product-search-recommend-product {
	align-items: center;
	color: #091221;
	cursor: pointer;
	display: flex;
	margin-left: 20px;
	transition: color .3s ease-out
}

.header-product-search-recommend-product:hover {
	color: #2468f2
}

.header-product-search-recommend-product svg {
	height: 16px;
	margin-right: 4px;
	width: 16px
}

.header-product-search-recommend-product span {
	color: inherit;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 600;
	line-height: 28px;
	text-align: left
}

.dropdown-product-sidebar-wrapper {
	display: flex;
	padding: 24px 0;
	transition: .3s ease-out
}

.dropdown-product-sidebar-wrapper .os-theme-dark,
.dropdown-product-sidebar-wrapper .os-theme-light {
	--os-padding-perpendicular: 0px !important;
	--os-size: 4px !important
}

.dropdown-product-sidebar-wrapper .os-theme-dark .os-scrollbar-handle,
.dropdown-product-sidebar-wrapper .os-theme-light .os-scrollbar-handle {
	transition: none
}

.dropdown-product-sidebar {
	box-sizing: border-box;
	max-height: 100%;
	min-width: 260px;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-left: 60px;
	padding-right: 60px
}

.dropdown-product-sidebar::-webkit-scrollbar {
	display: none
}

.dropdown-product-sidebar li {
	box-sizing: border-box;
	cursor: pointer;
	padding: 0 0 0 8px;
	position: relative;
	width: 100%
}

.dropdown-product-sidebar li:not(:last-child)>span {
	margin-bottom: 14px
}

.dropdown-product-sidebar li:last-child>span {
	margin-bottom: 4px
}

.dropdown-product-sidebar li>span {
	color: rgba(9, 18, 33, .9);
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	position: relative;
	text-align: left;
	transition: color .3s ease-out
}

.dropdown-product-sidebar li>span:after {
	background: #091221;
	border-radius: 2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: calc(100% + 2px);
	transition: width .3s linear;
	width: 0
}

.dropdown-product-sidebar li.active>span {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-weight: 600
}

.dropdown-product-sidebar li.active>span:after {
	width: 100%
}

.dropdown-product-sidebar hr {
	border: none;
	border-top: 1px solid rgba(9, 18, 33, .08);
	margin: 16px 0;
	width: 100%
}

.dropdown-product-sidebar .dropdown-product-sidebar-parent-tag {
	background-image: linear-gradient(90deg, rgba(210, 228, 253, .6), hsla(0, 0%, 100%, .6));
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 5px 8px;
	position: relative
}

.dropdown-product-sidebar .dropdown-product-sidebar-parent-tag>span {
	color: #091221;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	opacity: .7;
	position: relative;
	text-align: left;
	height: 10px;
}

.dropdown-product-sidebar .dropdown-product-sidebar-parent-tag+.dropdown-product-sidebar-parent-tag {
	margin-top: 12px
}

.dropdown-product-sidebar .dropdown-product-sidebar-parent-tag+li {
	margin-top: 10px
}

.dropdown-product-sidebar-shadow {
	box-sizing: border-box;
	height: 100%;
	padding: 40px 0;
	position: relative;
	width: 20px
}

.dropdown-product-sidebar-shadow:after,
.dropdown-product-sidebar-shadow:before {
	background-image: url(../images/index/dropdown_bar_top.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.dropdown-product-sidebar-shadow:after {
	background-image: url(../images/index/dropdown_bar_bottom.png);
	background-position: bottom;
	bottom: 0;
	top: auto
}

.dropdown-product-sidebar-shadow span {
	background-image: url(../images/index/dropdown_bar_middle.png);
	box-sizing: border-box;
	display: block;
	height: 100%;
	width: 100%
}

@media screen and (max-width:1500px) {
	.dropdown-product-sidebar-wrapper .dropdown-product-sidebar {
		min-width: 220px;
		padding-left: 40px;
		padding-right: 40px
	}
}

@media screen and (max-width:1400px) {
	.dropdown-product-sidebar-wrapper .dropdown-product-sidebar {
		min-width: 196px;
		padding-left: 28px;
		padding-right: 28px
	}
}

.dropdown-product {
	box-sizing: border-box;
	display: flex;
	max-height: 696px;
	max-height: min(696px, calc(95vh - var(--cloud-nav-height) - var(--cloud-header-operate-height)))
}

.dropdown-product .dropdown-product-content-wrapper {
	padding-top: 24px;
	width: calc(100% - 280px)
}

.dropdown-product .dropdown-product-content {
	height: 100%;
	overflow: auto;
	overscroll-behavior: contain;
	padding: 0 70px 40px 50px;
	transition: margin-left .3s ease-out
}

.dropdown-product-recommend {
	column-gap: 100px;
	display: flex
}

.dropdown-product-recommend .dropdown-product-recommend-column {
	flex: 1 1 298px;
	max-width: 316px
}

.dropdown-product-recommend .dropdown-product-recommend-card-column {
	flex: 1 1 264px;
	max-width: 316px
}

.dropdown-product-recommend .dropdown-product-recommend-card-column .dropdown-product-recommend-title {
	color: #2468f2;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	text-align: left
}

.dropdown-product-recommend .dropdown-product-recommend-marketing {
	cursor: pointer;
	display: block;
	margin-top: 20px
}

.dropdown-product-recommend .dropdown-product-recommend-marketing .dropdown-product-recommend-marketing-img {
	background-color: #f8fafe;
	background-image: url(../images/svg/img_recommend_bg.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 12px;
	display: block;
	max-width: 316px;
	padding-top: 46.83544%;
	transition: background .3s ease-out;
	width: 100%
}

.dropdown-product-recommend .dropdown-product-recommend-marketing .dropdown-product-recommend-marketing-img:hover {
	background-size: auto 108%
}

.dropdown-product-recommend .dropdown-product-recommend-marketing h3 {
	color: #091221;
	font-size: 14px;
	margin-top: 12px;
	transition: color .3s
}

.dropdown-product-recommend .dropdown-product-recommend-marketing h3,
.dropdown-product-recommend .dropdown-product-recommend-marketing p {
	font-family: PingFangSC-Regular;
	font-weight: 400;
	line-height: 22px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-product-recommend .dropdown-product-recommend-marketing p {
	color: rgba(9, 18, 33, .7);
	font-size: 12px;
	margin-top: 3px
}

.dropdown-product-recommend .dropdown-product-recommend-marketing:hover h3 {
	color: #2468f2
}

.dropdown-product-list {
	display: flex
}

.dropdown-product-list .dropdown-product-list-column {
	width: calc(25% - 45px)
}

.dropdown-product-list .dropdown-product-list-column:not(:last-child) {
	margin-right: 60px
}

@media screen and (max-width:1500px) {
	.dropdown-product .dropdown-product-content-wrapper {
		width: calc(100% - 220px)
	}

	.dropdown-product .dropdown-product-content {
		padding-left: 24px;
		padding-right: 40px
	}

	.dropdown-product .dropdown-product-recommend {
		column-gap: 40px
	}

	.dropdown-product-list .dropdown-product-list-column {
		width: calc(25% - 30px)
	}

	.dropdown-product-list .dropdown-product-list-column:not(:last-child) {
		margin-right: 40px
	}
}

@media screen and (max-width:1400px) {
	.dropdown-product .dropdown-product-content {
		padding-left: 12px;
		padding-right: 24px
	}

	.dropdown-product .dropdown-product-content-wrapper {
		width: calc(100% - 176px)
	}

	.dropdown-product-recommend {
		column-gap: 20px
	}

	.dropdown-product-qianfan .dropdown-product-qianfan-column:not(:last-child) {
		margin-right: 20px
	}

	.dropdown-product-qianfan .dropdown-product-qianfan-content {
		padding: 28px 16px
	}

	.dropdown-product-list .dropdown-product-list-column {
		width: calc(25% - 15px)
	}

	.dropdown-product-list .dropdown-product-list-column:not(:last-child) {
		margin-right: 20px
	}
}

.dropdown-solution-recommend {
	display: flex
}

.dropdown-solution-recommend-column {
	background: 50%/cover #f8fafe;
	border-radius: 4px;
	flex: 1;
	padding: 28px
}

.dropdown-solution-recommend-column:not(:last-child) {
	margin-right: 30px
}

.dropdown-solution-recommend-column:first-child {
	background-image: url(../images/index/img_fangan_bg01.png)
}

.dropdown-solution-recommend-column:nth-child(2) {
	background-image: url(../images/index/img_fangan_bg02.png)
}

.dropdown-solution-recommend-column:nth-child(3) {
	background-image: url(../images/index/img_fangan_bg03.png)
}

.dropdown-solution-recommend-column:nth-child(4) {
	background-image: url(../images/index/img_fangan_bg04.png)
}

.dropdown-product-list-title {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px
}

.dropdown-product-list-products li {
	margin-top: 18px
}

.dropdown-product-list-products li a {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	transition: color .3s ease-out
}

.dropdown-product-list-products li a:hover {
	color: #2468f2
}

@media screen and (max-width:1500px) {
	.dropdown-solution-recommend-column:not(:last-child) {
		margin-right: 20px
	}
}

.dropdown-common {
	box-sizing: border-box;
	padding: 0 70px 40px
}

.dropdown-common-content {
	display: flex;
	justify-content: space-between;
	padding-top: 24px
}

.dropdown-common-product-column-wrapper {
	display: flex;
	flex: 1
}

.dropdown-common-content .dropdown-common-product-column {
	width: calc(25% - 45px)
}

.dropdown-common-content .dropdown-common-product-column+.dropdown-common-product-column {
	margin-left: 60px
}

.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-3 .dropdown-common-product-column {
	width: calc(33.33333% - 40px)
}

.dropdown-common-marketing-multi,
.dropdown-common-marketing-single {
	box-sizing: border-box;
	flex: 0 1 328px;
	max-width: 328px;
	padding-left: 12px;
	transition: all .3s ease-out
}

.dropdown-marketing-card-wrapper {
	align-items: flex-end;
	display: flex;
	flex-direction: column
}

.dropdown-marketing-card-wrapper+.dropdown-marketing-card-wrapper {
	margin-top: 20px
}

.dropdown-marketing-card,
.dropdown-marketing-card-ratio {
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 12px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: background .3s ease-out
}

.dropdown-marketing-card-ratio:hover,
.dropdown-marketing-card:hover {
	background-size: auto 108%
}

.dropdown-marketing-card-ratio:not(:last-child),
.dropdown-marketing-card:not(:last-child) {
	margin-bottom: 20px
}

.dropdown-marketing-card h4,
.dropdown-marketing-card-ratio h4 {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-marketing-card p,
.dropdown-marketing-card-ratio p {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-marketing-card-ratio>p+div,
.dropdown-marketing-card>p+div {
	align-items: center;
	color: #2468f2;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 8px;
	position: relative
}

.dropdown-marketing-card {
	height: 310px;
	justify-content: flex-end;
	padding: 24px 28px;
	width: 258px
}

.dropdown-marketing-card-ratio {
	max-height: 148px;
	padding: 46.83544% 28px 0;
	position: relative;
	width: 100%
}

.dropdown-marketing-card-ratio .dropdown-marketing-card-ratio-content {
	left: 28px;
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%)
}

@media screen and (max-width:1500px) {
	.dropdown-common {
		padding-left: 40px;
		padding-right: 40px
	}

	.dropdown-product-column-block h3 a {
		white-space: normal
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-4 .dropdown-common-product-column {
		width: calc(25% - 30px)
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-6 .dropdown-common-product-column {
		width: calc(17% - 30px)
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-4 .dropdown-common-product-column+.dropdown-common-product-column {
		margin-left: 40px
	}

	.dropdown-common-marketing-multi,
	.dropdown-common-marketing-single {
		margin-left: 24px
	}

	.dropdown-common-product-col-3 .dropdown-common-marketing-multi,
	.dropdown-common-product-col-3 .dropdown-common-marketing-single {
		flex: 0 1 292px;
		margin-left: 0
	}
}

@media screen and (max-width:1400px) {
	.dropdown-common {
		padding-left: 28px;
		padding-right: 28px
	}

	.dropdown-common-content:not(.dropdown-common-content-with-marketing) .dropdown-common-product-column {
		width: calc(25% - 24px)
	}

	.dropdown-common-content:not(.dropdown-common-content-with-marketing) .dropdown-common-product-column+.dropdown-common-product-column {
		margin-left: 32px
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-3 .dropdown-common-product-column {
		width: calc(33.33333% - 21.33333px)
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-3 .dropdown-common-product-column+.dropdown-common-product-column {
		margin-left: 32px
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-4 .dropdown-common-product-column {
		width: calc(25% - 15px)
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-6 .dropdown-common-product-column {
		width: calc(17% - 15px)
	}

	.dropdown-common-content.dropdown-common-content-with-marketing.dropdown-common-product-col-4 .dropdown-common-product-column+.dropdown-common-product-column {
		margin-left: 20px
	}

	.dropdown-common-marketing-multi,
	.dropdown-common-marketing-single {
		flex: 0 1 244px;
		margin-left: 0;
		padding-left: 12px
	}

	.dropdown-common-marketing-single .dropdown-marketing-card-wrapper {
		width: 100%
	}

	.dropdown-common-marketing-single .dropdown-marketing-card-wrapper .dropdown-marketing-card {
		width: 232px
	}

	.dropdown-common-marketing-multi .dropdown-marketing-card-wrapper {
		width: 100%
	}

	.dropdown-common-marketing-multi .dropdown-marketing-card-wrapper .dropdown-marketing-card {
		min-width: 232px;
		width: 100%
	}

	.dropdown-common-product-col-3 .dropdown-common-marketing-multi,
	.dropdown-common-product-col-3 .dropdown-common-marketing-single {
		flex: 0 1 264px
	}

	.dropdown-common-product-col-3 .dropdown-common-marketing-single {
		padding-left: 32px
	}

	.dropdown-common-product-col-3 .dropdown-common-marketing-single .dropdown-marketing-card {
		height: 310px;
		width: 232px
	}
}

.dropdown-model {
	box-sizing: border-box;
	padding: 0 70px 40px
}

.dropdown-model .dropdown-model-content {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding-top: 24px
}

.dropdown-model-content-block-wrapper+.dropdown-model-content-block-wrapper {
	margin-top: 40px
}

.dropdown-model-content-block-wrapper .dropdown-model-content-block-title {
	border-radius: 8px;
	box-sizing: border-box;
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	padding: 6px 20px;
	text-align: left
}

.dropdown-model-content-block-wrapper .dropdown-model-content-block-title,
.dropdown-model-content-block-wrapper:nth-child(4n+1) .dropdown-model-content-block-title {
	background-image: linear-gradient(90deg, rgba(210, 228, 253, .6), hsla(0, 0%, 100%, .6))
}

.dropdown-model-content-block-wrapper:nth-child(4n+2) .dropdown-model-content-block-title {
	background-image: linear-gradient(90deg, rgba(210, 214, 253, .6), hsla(0, 0%, 100%, .6))
}

.dropdown-model-content-block-wrapper:nth-child(4n+3) .dropdown-model-content-block-title {
	background-image: linear-gradient(90deg, rgba(210, 248, 253, .6), hsla(0, 0%, 100%, .6))
}

.dropdown-model-content-block-wrapper:nth-child(4n+4) .dropdown-model-content-block-title {
	background-image: linear-gradient(90deg, rgba(255, 234, 195, .6), hsla(0, 0%, 100%, .6))
}

.dropdown-model-content-block-container {
	box-sizing: border-box;
	display: flex;
	gap: 32px 60px;
	margin-top: 20px;
	padding: 0 20px
}

.dropdown-model-content-block-container.with-single {
	flex-direction: column
}

.dropdown-model-content-block-item {
	width: calc(25% - 45px)
}

.dropdown-model-content-block-item>h3,
.dropdown-model-content-block-item>h3>a {
	color: #2468f2;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	text-align: left
}

.dropdown-model-content-block-item>h3>a {
	display: inline-block
}

.dropdown-model-content-block-item>h3.dropdown-model-mini-title,
.dropdown-model-content-block-item>h3.dropdown-model-mini-title>a {
	align-items: center;
	display: inline-flex
}

.dropdown-model-content-block-item>h3 span {
	color: #2468f2;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	margin-left: 4px;
	text-align: left
}

.dropdown-model-content-block-item .dropdown-model-content-item-wrapper {
	display: flex;
	flex-direction: column
}

.dropdown-model-content-block-item .dropdown-model-content-item-wrapper .dropdown-product-column-item-wrapper,
.dropdown-model-content-block-item .dropdown-model-content-item-wrapper .dropdown-product-column-item-wrapper.dropdown-product-column-item-with-desc,
.dropdown-model-content-item {
	margin-top: 20px
}

.dropdown-model-content-item>h4 {
	color: #091221;
	font-size: 14px
}

.dropdown-model-content-item>h4,
.dropdown-model-content-item>p {
	font-family: PingFangSC-Regular;
	font-weight: 400;
	line-height: 22px;
	text-align: left
}

.dropdown-model-content-item>p {
	color: rgba(9, 18, 33, .7);
	font-size: 12px;
	margin-top: 3px
}

.dropdown-model-content-block-item.dropdown-model-content-block-item-single {
	width: 100%
}

.dropdown-model-content-block-item.dropdown-model-content-block-item-single .dropdown-model-content-item-wrapper {
	--len: 8;
	column-gap: 60px;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(calc(var(--len)/4), minmax(0, 1fr))
}

.dropdown-model-content-block-item.dropdown-model-content-block-item-single .dropdown-model-content-item-wrapper>li {
	display: flex;
	width: 100%
}

.dropdown-model-content-block-item.dropdown-model-content-block-item-single .dropdown-model-content-item-wrapper>li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width:1500px) {
	.dropdown-model {
		padding-left: 40px;
		padding-right: 40px
	}

	.dropdown-model-content-block-item {
		width: calc(33.33333% - 40px)
	}

	.dropdown-model-content-block-item.dropdown-model-content-block-item-single .dropdown-model-content-item-wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(calc(var(--len)/3), minmax(0, 1fr))
	}

	.dropdown-model-content-block-item.dropdown-model-content-block-item-single .dropdown-model-content-item-wrapper>li {
		width: 100%
	}
}

@media screen and (max-width:1400px) {
	.dropdown-model {
		padding-left: 28px;
		padding-right: 32px
	}
}

.portal-realName-iframe {
	border: 0;
	border-radius: 12px;
	bottom: 0;
	display: inline-block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}

.portal-realName-iframe-close-icon {
	align-items: center;
	background: rgba(21, 27, 38, .6);
	border-radius: 16px;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	position: absolute;
	right: calc(50% - 364px);
	top: calc(50% - 300px);
	width: 32px
}

.portal-realName-iframe-close-icon:after,
.portal-realName-iframe-close-icon:before {
	background: #fff;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	width: 2px
}

.portal-realName-iframe-close-icon:before {
	transform: rotate(45deg)
}

.portal-realName-iframe-close-icon:after {
	transform: rotate(135deg)
}

.portal-realName-iframe-close-icon:hover:after,
.portal-realName-iframe-close-icon:hover:before {
	background: #2468f2
}

.portal-login-iframe-mask {
	background: hsla(0, 1%, 39%, .7);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999
}

.portal-login-iframe {
	border: 0;
	border-radius: 12px;
	bottom: 0;
	display: inline-block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}

.portal-login-iframe-close-icon {
	align-items: center;
	background: rgba(21, 27, 38, .6);
	border-radius: 16px;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	position: absolute;
	right: calc(50% - 364px);
	top: calc(50% - 300px);
	width: 32px
}

.portal-login-iframe-close-icon:after,
.portal-login-iframe-close-icon:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	width: 2px
}

.portal-login-iframe-close-icon:before {
	transform: rotate(45deg)
}

.portal-login-iframe-close-icon:after {
	transform: rotate(135deg)
}

.portal-login-iframe-close-icon:hover:after,
.portal-login-iframe-close-icon:hover:before {
	background: #2468f2
}

.portal-activate-iframe {
	border: 0;
	border-radius: 12px;
	bottom: 0;
	display: inline-block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}

.portal-activate-iframe-close-icon {
	align-items: center;
	background: rgba(21, 27, 38, .6);
	border-radius: 16px;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	position: absolute;
	right: calc(50% - 364px);
	top: calc(50% - 300px);
	width: 32px
}

.portal-activate-iframe-close-icon:after,
.portal-activate-iframe-close-icon:before {
	background: #fff;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	width: 2px
}

.portal-activate-iframe-close-icon:before {
	transform: rotate(45deg)
}

.portal-activate-iframe-close-icon:after {
	transform: rotate(135deg)
}

.portal-activate-iframe-close-icon:hover:after,
.portal-activate-iframe-close-icon:hover:before {
	background: #2468f2
}

.portal-reg-iframe {
	border: 0;
	border-radius: 12px;
	bottom: 0;
	display: inline-block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}

.portal-reg-iframe-close-icon {
	align-items: center;
	background: rgba(21, 27, 38, .6);
	border-radius: 16px;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	position: absolute;
	right: calc(50% - 364px);
	top: calc(50% - 300px);
	width: 32px
}

.portal-reg-iframe-close-icon:after,
.portal-reg-iframe-close-icon:before {
	background: #fff;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	width: 2px
}

.portal-reg-iframe-close-icon:before {
	transform: rotate(45deg)
}

.portal-reg-iframe-close-icon:after {
	transform: rotate(135deg)
}

.portal-reg-iframe-close-icon:hover:after,
.portal-reg-iframe-close-icon:hover:before {
	background: #2468f2
}

.portal-rN-activity-modal .portal-rN-activity {
	background: no-repeat url(../images/svg/BG-1_c1d40e0.png) 50%/cover;
	border-radius: 4px;
	box-sizing: border-box;
	left: 50%;
	padding: 40px 48px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 640px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-top {
	align-items: center;
	display: flex;
	flex-direction: column
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-top>h3 {
	color: #091221;
	font-family: PingFangSC-Semibold;
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-top>h3>span {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(32.72deg, #2468f2, #29acfe);
	background-clip: text;
	-webkit-background-clip: text;
	color: inherit;
	display: inline-block;
	font-family: PingFangSC-Semibold;
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-top>p {
	color: rgba(9, 18, 33, .8);
	font-family: PingFangSC-Regular;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 8px;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-top>p>span {
	color: #091221;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-right: 8px;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid {
	background: hsla(0, 0%, 100%, .5);
	border: 1px solid #fff;
	border-radius: 4px;
	display: flex;
	margin-top: 32px;
	position: relative
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 32px 0 28px;
	position: relative;
	width: 50%
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item>img {
	height: 48px;
	object-fit: cover;
	width: 48px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item>h4 {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	margin-top: 12px;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info {
	display: flex
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info>p {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info .portal-rN-activity-tooltip {
	align-items: center;
	display: inline-flex;
	margin-left: 4px;
	position: relative
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info .portal-rN-activity-tooltip>i {
	background: no-repeat url(../images/svg/icon_info_49635ce.png) 50%/cover;
	display: inline-block;
	height: 16px;
	opacity: 1;
	width: 16px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info .portal-rN-activity-tooltip>p {
	background: #fff;
	border-radius: 6px;
	bottom: 22px;
	box-shadow: 0 6px 24px 0 rgba(9, 18, 33, .08);
	box-sizing: border-box;
	color: #091221;
	display: none;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	left: 50%;
	line-height: 20px;
	padding: 6px 12px;
	position: absolute;
	text-align: justify;
	transform: translateX(-50%);
	transition: all .3s ease-out;
	width: 288px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info .portal-rN-activity-tooltip>p:after {
	background: #fff;
	bottom: -2px;
	content: "";
	height: 6px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) rotate(45deg);
	width: 6px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info .portal-rN-activity-tooltip:hover>i {
	opacity: .7
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-info .portal-rN-activity-tooltip:hover>p {
	bottom: 26px;
	display: block;
	opacity: 1;
	z-index: 1
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-btn {
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	display: inline-flex;
	height: 32px;
	justify-content: center;
	margin-top: 24px;
	position: relative;
	width: 148px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-btn>span {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-btn>span:after {
	background: no-repeat url(../images/svg/icon_more2_1df6efd.png) 50%/cover;
	content: "";
	display: inline-block;
	height: 12px;
	left: 2px;
	position: relative;
	transition: left .3s ease-out;
	width: 12px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-btn:hover>span {
	position: relative
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-mid-item-btn:hover>span:after {
	left: 6px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid .portal-rN-activity-mid-item .portal-rN-activity-alert {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-mid:before {
	background: no-repeat url(../images/svg/plus_152c7e0.png) 50%/cover;
	content: "";
	height: 24px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 24px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-btn {
	position: relative
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-btn:before {
	background-image: linear-gradient(270deg, #29acfe, #2469f2 67%);
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: inline-block;
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease-out
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-btn:hover:before {
	opacity: .75
}

.portal-rN-activity-modal .portal-rN-activity .portal-activity-jump-realName {
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	margin: 40px auto 0;
	width: 300px
}

.portal-rN-activity-modal .portal-rN-activity .portal-activity-jump-realName>span {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	text-align: center
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-close-icon {
	color: #101828;
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 24px;
	top: 24px;
	transition: all .3s ease-out;
	width: 20px
}

.portal-rN-activity-modal .portal-rN-activity .portal-rN-activity-close-icon:hover {
	color: #2469f2
}

.portal-rN-activity-modal .portal-rN-activity.is-named {
	background-image: url(../images/index/BG-2_f1d046f.png);
	padding: 40px 48px 48px
}

.portal-rN-activity-modal .portal-rN-activity.is-named .portal-rN-activity-mid {
	background: transparent;
	border: none;
	display: flex;
	justify-content: space-between
}

.portal-rN-activity-modal .portal-rN-activity.is-named .portal-rN-activity-mid:before {
	display: none
}

.portal-rN-activity-modal .portal-rN-activity.is-named .portal-rN-activity-mid .portal-rN-activity-mid-item {
	background: hsla(0, 0%, 100%, .5);
	border: 1px solid #fff;
	border-radius: 4px;
	width: calc(50% - 10px)
}

body {
	margin: 0;
	min-width: 1280px
}

@media screen and (max-width:700px) {
	body {
		min-width: auto
	}
}

html {
	height: 100%;
	width: 100%
}

.header-body-no-scroll {
	height: 100%;
	position: fixed !important;
	width: 100%
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB, arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
	font-weight: 400
}

a {
	outline: none !important;
	text-decoration: none
}

dd,
dl,
dt,
h1,
h2,
h3,
h4,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

.header-toast {
	animation: toastAnimation .3s ease-in-out forwards;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 2px;
	color: #fff;
	font-size: 13px;
	left: 50%;
	line-height: 30px;
	padding: 0 8px;
	position: fixed;
	transform: translateX(-50%);
	z-index: 1000000
}

@keyframes toastAnimation {
	0% {
		opacity: 0;
		top: 220px
	}

	to {
		opacity: 1;
		top: 120px
	}
}

:root {
	--cloud-nav-height: 60px;
	--cloud-header-operate-height: 0px
}

body.header-float {
	--cloud-nav-height: 60px + 12px
}

body.header-float .cloud-header-pc:hover {
	background: transparent
}

body:has(header.cloud-header-pc-transparent),
body:has(header[data-theme=transparent]) {
	position: relative
}

.cloud-header-menu {
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	cursor: default;
	left: -68px;
	position: absolute
}

.cloud-header-menu.cloud-header-menu-open:before {
	background: transparent;
	content: "";
	height: 8px;
	position: absolute;
	top: -8px;
	width: 100%
}

.cloud-header-menu>* {
	background: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	height: 100%;
	overflow: hidden
}

.cloud-header-pc {
	font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
	height: 60px;
	position: relative;
	width: 100%;
	z-index: 1000
}

.cloud-header-pc.cloud-header-pc-unfixed {
	background: #fff
}

.cloud-header-pc.cloud-header-pc-fixed,
.cloud-header-pc.cloud-header-pc-transparent,
.cloud-header-pc[data-theme=transparent] {
	background: transparent;
	transition: background .3s ease-out
}

.cloud-header-pc.cloud-header-pc-transparent,
.cloud-header-pc[data-theme=transparent] {
	left: 0;
	position: absolute;
	right: 0;
	top: var(--cloud-header-operate-height)
}

.cloud-header-pc.hover,
.cloud-header-pc:hover {
	background: #fff
}

.cloud-header-pc a:hover {
	text-decoration: none
}

.cloud-header-pc .logo-link {
	align-items: center;
	display: flex;
	height: 42px
}

.cloud-header-pc .cloud-header-wrapper {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 9999
}

.cloud-header-pc .cloud-header-default {
	box-shadow: none;
	box-sizing: border-box;
	display: flex;
	height: 60px;
	max-width: 1800px;
	position: relative;
	transition: padding 0s;
	width: 100%;
	z-index: 9999
}

.cloud-header-pc .cloud-header-default.cloud-header-default-fixed {
	position: fixed;
	top: 0
}

.cloud-header-pc .cloud-header-default.cloud-header-default-fixed-transition {
	transition: .3s ease-out
}

.cloud-header-pc .cloud-header-default.cloud-header-default-float {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	max-width: 1776px;
	top: 12px;
	width: calc(100% - 24px)
}

.cloud-header-pc .cloud-header-default.cloud-header-default-float .cloud-left-wrapper {
	padding-left: 20px
}

.cloud-header-pc .cloud-header-default.cloud-header-default-float .cloud-right-wrapper {
	border-radius: 0 8px 8px 0
}

.cloud-header-pc .cloud-header-default.cloud-header-default-float .cloud-right-wrapper .login-register li.nav-register {
	padding-right: 20px
}

.cloud-header-pc .cloud-header-default.cloud-header-default-float~#header-dropdown .dropdown-pc-body {
	max-height: min(696px, calc(95vh - var(--cloud-nav-height) - var(--cloud-header-operate-height) - 12px))
}

.cloud-header-pc .cloud-header-default .cloud-left-wrapper {
	align-items: center;
	display: flex;
	height: 60px;
	padding-left: 32px;
	position: relative
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper {
	display: flex;
	flex-shrink: 1;
	height: 60px;
	margin-left: 48px;
	position: relative
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav {
	display: flex;
	position: relative;
	transition: transform .3s ease-out
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav {
	flex-shrink: 0;
	position: relative;
	z-index: 2
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav>.cloud-nav-link {
	color: #191a24;
	cursor: pointer;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 60px;
	padding: 0 12px
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav:hover:before {
	width: calc(100% - 24px)
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav:after {
	background: red;
	content: "";
	height: 12px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 10000
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .cloud-nav-has-tag .cloud-nav-link {
	color: #2468f2;
	font-family: PingFangSC-Medium
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .cloud-nav-has-tag span {
	background-image: linear-gradient(265deg, #528eff 1%, #2468f2);
	border-radius: 8px 8px 8px 0;
	box-sizing: border-box;
	color: #fff;
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	font-weight: 600;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	position: absolute;
	right: 12px;
	text-align: center;
	top: 0;
	transform: scale(.5) translateX(100%);
	white-space: nowrap;
	width: auto
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .cloud-nav-underline {
	background: #2468f2;
	bottom: 0;
	height: 2px;
	position: absolute
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn {
	align-items: center;
	background: transparent;
	border: none;
	color: #091221;
	cursor: pointer;
	display: none;
	outline: none;
	padding: 0;
	transition: color .3s
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn:before {
	background: rgba(241, 246, 253, .5);
	border-radius: 4px;
	content: "";
	height: 24px;
	position: absolute;
	width: 24px
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn.show {
	display: flex
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn svg {
	position: relative;
	z-index: 10
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-left {
	flex: 0 0 48px;
	justify-content: flex-start
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-left svg {
	left: 0;
	position: absolute;
	transform: rotate(180deg)
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-left:before {
	left: 0
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-right {
	flex: 0 0 72px;
	justify-content: center
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-scroller {
	overflow: hidden;
	overscroll-behavior: contain
}

.cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-scroller::-webkit-scrollbar {
	display: none
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 60px;
	margin-left: auto;
	z-index: 10
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-nav-menu-list {
	display: flex;
	height: 100%
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control {
	display: flex
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control li {
	padding: 0 12px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control li>a {
	color: #191a24;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 60px;
	white-space: nowrap
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control li>a:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang {
	cursor: pointer;
	height: 100%;
	position: relative
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang .cloud-nav-icon {
	color: #191a24;
	padding-left: 24px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang .cloud-header-menu {
	left: -18px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul {
	background: #fff;
	padding: 20px 24px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul .ch-lang-tit {
	color: rgba(9, 18, 33, .4);
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 15px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul :is(.cloud-header-zh, .cloud-header-en) a {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	white-space: nowrap
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul :is(.cloud-header-zh, .cloud-header-en) a:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul :is(.cloud-header-zh, .cloud-header-en).current a {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul .cloud-header-zh {
	margin-bottom: 16px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang:hover svg {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register {
	align-items: center;
	display: flex
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li>a {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding: 0 12px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li>a:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register {
	padding: 0 32px 0 12px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register>a {
	align-items: center;
	background: #2468f2;
	border-radius: 4px;
	color: #fff;
	display: flex;
	height: 36px;
	line-height: 20px;
	padding: 0 16px;
	transition: background-color .3s linear
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register>a:hover {
	background: #144bcc
}

.cloud-header-pc .cloud-nav-icon {
	align-items: center;
	display: flex;
	height: 100%;
	padding: 0 12px
}

.cloud-header-pc .cloud-nav-icon svg {
	height: 16px;
	width: 16px
}

.cloud-header-pc .cloud-header-customer-service {
	cursor: pointer;
	height: 100%;
	position: relative
}

.cloud-header-pc .cloud-header-customer-service .cloud-nav-icon {
	box-sizing: content-box;
	color: #191a24
}

.cloud-header-pc .cloud-header-customer-service:hover .cloud-nav-icon {
	color: #2468f2
}

.cloud-header-pc .cloud-header-customer-service-list {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	padding: 20px 24px
}

.cloud-header-pc .cloud-header-customer-service-list .cloud-header-customer-service-item {
	align-items: center;
	color: #091221;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	white-space: nowrap
}

.cloud-header-pc .cloud-header-customer-service-list .cloud-header-customer-service-item:not(:last-child) {
	margin-bottom: 16px
}

.cloud-header-pc .cloud-header-customer-service-list .cloud-header-customer-service-link {
	align-items: center;
	color: inherit;
	cursor: pointer;
	display: flex;
	font-family: inherit;
	white-space: nowrap
}

.cloud-header-pc .cloud-header-customer-service-list .cloud-header-customer-service-link:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-customer-service-list .custom-service-icon {
	height: 16px;
	margin-right: 10px;
	width: 16px
}

.header-dropdown-mask {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(241, 246, 253, .5);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 995
}

.header-dropdown-mask.header-dropdown-mask-show {
	display: block
}

@media screen and (max-width:1651px) {
	.cloud-header-pc .cloud-header-default .cloud-nav-wrapper {
		margin-left: 12px
	}

	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper {
		width: 44px !important
	}

	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-hide .header-search-input {
		visibility: hidden
	}

	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-hide .search-icon {
		right: 0
	}
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper {
	height: 100%;
	position: relative;
	width: 220px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content {
	height: 100%;
	position: absolute;
	right: 0;
	width: 100%
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show {
	width: 580px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show .header-search-input {
	border-color: #2468f2;
	padding-left: 15px;
	padding-right: 72px;
	width: 532px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show .search-icon {
	color: #2468f2;
	right: 51px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show .close-icon {
	opacity: 1;
	right: 12px;
	visibility: visible
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content:hover .header-search-input {
	border-color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content:hover .search-icon {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-input {
	background: transparent;
	border: 1px solid rgba(9, 18, 33, .08);
	border-radius: 4px;
	box-sizing: border-box;
	color: #091221;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 36px;
	line-height: 22px;
	margin: 12px 0;
	outline: none;
	padding: 6px 39px 6px 11px;
	position: absolute;
	right: 0;
	text-align: left;
	width: 220px;
	z-index: 102
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-input::placeholder {
	color: rgba(9, 18, 33, .4);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-input:placeholder-shown {
	text-overflow: ellipsis
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon {
	cursor: pointer;
	height: 16px;
	position: absolute;
	transition: .15s;
	width: 16px;
	z-index: 103
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon svg,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon svg {
	height: 100%;
	width: 100%
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon:hover,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon {
	color: #191a24;
	right: 11px;
	top: 22px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon {
	color: #191a24;
	opacity: 0;
	right: 0;
	top: 22px;
	visibility: hidden
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	opacity: 0;
	overflow: hidden;
	padding-top: 60px;
	position: absolute;
	right: -25px;
	top: 0;
	transition: width .15s ease-out, opacity .15s ease-out;
	width: 0;
	will-change: width, opacity;
	z-index: 101
}

@keyframes open {
	0% {
		width: 268px
	}

	to {
		opacity: 1;
		width: 580px
	}
}

@keyframes close {
	0% {
		opacity: 1;
		width: 580px
	}

	99% {
		opacity: 0;
		width: 268px
	}

	to {
		opacity: 0;
		width: 0
	}
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container.open {
	animation: open .15s ease-out forwards
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container.close {
	animation: close .15s ease-out forwards
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container .header-search-block {
	box-sizing: border-box;
	cursor: default;
	padding: 24px 24px 0;
	width: 580px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container {
	background: #fff;
	box-sizing: border-box;
	padding: 12px 24px 24px;
	width: 580px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container h3.title {
	color: rgba(34, 34, 34, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product .title {
	align-items: center;
	color: rgba(9, 18, 33, .7);
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product .title .hot-tag {
	align-items: center;
	background-image: linear-gradient(270deg, #ff6966, #f33e3e);
	border-radius: 2px;
	display: flex;
	height: 15px;
	justify-content: center;
	margin-left: 7px;
	position: relative;
	width: 30px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product .title .hot-tag>span {
	color: #fff;
	font-family: PingFangSC-Semibold;
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
	text-align: center
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product-ul,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history-ul {
	display: flex;
	flex-wrap: wrap
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product-ul li,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history-ul li {
	margin-right: 12px;
	margin-top: 12px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product-ul li a,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history-ul li a {
	background: #f1f6fd;
	border-radius: 2px;
	color: #091221;
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: 28px;
	line-height: 28px;
	padding: 0 12px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .hot-product-ul li a:hover,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history-ul li a:hover {
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history {
	margin-bottom: 20px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history .history-title {
	align-items: center;
	display: flex
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history .history-title>span {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history .history-title .clear-history-btn {
	background: no-repeat 50%/cover url(../images/svg/lazy-icon.svg) transparent;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	height: 16px;
	margin-left: 4px;
	opacity: .7;
	width: 16px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history .history-title .clear-history-btn.visible {
	background: no-repeat url(../images/index/icon_delete_2_182190e.png) transparent;
	background-position: 0 0;
	background-size: 32px 16px
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .history-product-container .search-history .history-title .clear-history-btn.visible:hover {
	background-position: -16px 0
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .recommend-container {
	box-sizing: border-box;
	padding: 0 24px 24px;
	width: 100%
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .recommend-container .recommend-ul li {
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 40px;
	letter-spacing: 0;
	line-height: 40px;
	overflow: hidden;
	padding: 0 16px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .recommend-container .recommend-ul li.selected,
.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .recommend-container .recommend-ul li:hover {
	background: #f7f9fc;
	color: #2468f2
}

.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .recommend-container .recommend-ul li a {
	color: inherit;
	display: block
}

@media screen and (max-width:1528px) {
	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper {
		border-color: transparent
	}

	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner {
		justify-content: flex-end;
		transform: translateX(16px)
	}

	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner .search-placeholder {
		display: none
	}
}

@media screen and (max-width:1420px) {
	.cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner {
		transform: translateX(18px);
		transition: transform .3s ease-out
	}
}

body:not(.header-fixed).light .cloud-header-wrapper:not(:hover) .cloud-header-default .cloud-right-wrapper .header-search-wrapper {
	border-color: hsla(0, 0%, 100%, .16)
}

body:not(.header-fixed).light .cloud-header-wrapper:not(:hover) .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner .search-placeholder {
	color: hsla(0, 0%, 100%, .7)
}

.dropdown-title {
	align-items: center;
	border-bottom: 1px solid rgba(9, 18, 33, .08);
	display: flex;
	padding: 24px 0
}

.dropdown-title .dropdown-title-text {
	color: #091221;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	position: relative;
	text-align: left
}

.dropdown-title a.dropdown-title-text {
	padding-right: 24px;
	position: relative;
	transition: color .3s ease-out
}

.dropdown-title a.dropdown-title-text:after {
	background: url(../images/svg/arrow_aca2afe.svg) no-repeat 50%/cover;
	box-sizing: border-box;
	content: "";
	height: 20px;
	position: absolute;
	right: 0;
	top: 5px;
	transition: right .3s cubic-bezier(.25, .1, .25, .1);
	width: 20px
}

.dropdown-title a.dropdown-title-text:hover {
	color: #2468f2
}

.dropdown-title a.dropdown-title-text:hover:after {
	background-image: url(../images/svg/arrow-hover_5c62c57.svg);
	right: -4px
}

.dropdown-product-column-block:not(:last-child) {
	margin-bottom: 32px
}

.dropdown-product-column-block h3,
.dropdown-product-column-block h3 a {
	color: #2468f2;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	transition: color .3s;
	white-space: pre-wrap
}

.dropdown-product-column-block h3 a.with-blue-simple-arrow:after {
	margin-top: 5px
}

.dropdown-product-column-block li {
	margin-top: 16px
}

.dropdown-product-column-block .dropdown-product-column-desc {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 6px;
	text-align: left
}

.dropdown-product-column-item-wrapper a {
	color: #091221;
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	max-width: 100%;
	position: relative;
	transition: color .3s ease-out
}

.dropdown-product-column-item-wrapper a .dropdown-product-column-item-index,
.dropdown-product-column-item-wrapper a h4 {
	color: currentColor
}

.dropdown-product-column-item-wrapper a:hover,
.dropdown-product-column-item-wrapper a:hover .dropdown-product-column-item-index,
.dropdown-product-column-item-wrapper a:hover h4 {
	color: #2468f2
}

.dropdown-product-column-item-wrapper h4 {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	max-width: 100%;
	text-align: left;
	width: max-content
}

.dropdown-product-column-item-wrapper h4.dropdown-product-item-with-tag:after {
	align-items: center;
	border: 1px solid #f33e3e;
	border-radius: 2px;
	box-sizing: border-box;
	color: #f33e3e;
	content: attr(data-tag);
	display: inline-flex;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	font-weight: 500;
	height: 18px;
	letter-spacing: 0;
	line-height: 14px;
	margin-left: 4px;
	padding: 1px 3px;
	position: relative;
	text-align: center;
	top: -1px
}

.dropdown-product-column-item-wrapper h4.dropdown-product-item-with-tag.dropdown-product-item-tag-gradient:after {
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	background: linear-gradient(45deg, #2468f2, #2468f2 60%, #3ed2fd);
	-webkit-background-clip: text;
	background-clip: text;
	border-color: rgba(36, 104, 242, .7);
	color: transparent
}

.dropdown-product-column-item-wrapper h4.dropdown-product-item-sub-title {
	color: rgba(9, 18, 33, .5);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left
}

.dropdown-product-column-item-wrapper.dropdown-product-column-item-with-desc {
	margin-top: 20px
}

.dropdown-product-column-item-wrapper.dropdown-product-column-item-with-desc p {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 3px
}

.dropdown-product-column-item-wrapper .dropdown-product-column-item-index {
	display: none
}

.dropdown-product-column-item-wrapper.dropdown-product-column-item-with-index a {
	padding-left: 17px;
	position: relative
}

.dropdown-product-column-item-wrapper.dropdown-product-column-item-with-index a:hover {
	color: #2468f2
}

.dropdown-product-column-item-wrapper.dropdown-product-column-item-with-index .dropdown-product-column-item-index {
	color: currentColor;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 15px;
	font-weight: 400;
	left: 0;
	line-height: 23px;
	position: absolute;
	text-align: left;
	top: 0
}

.dropdown-product-column-item-wrapper.dropdown-product-column-item-with-index .dropdown-product-column-item-index.dropdown-product-column-item-index-blue {
	color: #2468f2
}

.cloud-header-pc .with-black-arrow,
.cloud-header-pc .with-blue-arrow,
.cloud-header-pc .with-gray-arrow,
.cloud-header-pc .with-lightblue-arrow,
.cloud-header-pc .with-transparent-arrow,
.cloud-header-pc .with-white-arrow {
	position: relative;
	width: max-content
}

.cloud-header-pc .with-black-arrow:after,
.cloud-header-pc .with-blue-arrow:after,
.cloud-header-pc .with-gray-arrow:after,
.cloud-header-pc .with-lightblue-arrow:after,
.cloud-header-pc .with-transparent-arrow:after,
.cloud-header-pc .with-white-arrow:after {
	background-position: 100% 0;
	background-size: 200% 200%;
	content: "";
	height: 16px;
	left: calc(100% + 4px);
	position: absolute;
	transition: .3s ease-out;
	width: 16px
}

.cloud-header-pc .with-black-arrow:hover:after,
.cloud-header-pc .with-blue-arrow:hover:after,
.cloud-header-pc .with-gray-arrow:hover:after,
.cloud-header-pc .with-lightblue-arrow:hover:after,
.cloud-header-pc .with-transparent-arrow:hover:after,
.cloud-header-pc .with-white-arrow:hover:after {
	background-position: 0 100%
}

.cloud-header-pc .with-black-arrow:after {
	background-image: url(../images/svg/icon_blackarrow_hover_9194918.svg)
}

.cloud-header-pc .with-gray-arrow:after {
	background-image: url(../images/svg/icon_grayarrow_hover_119e4dc.svg)
}

.cloud-header-pc .with-blue-arrow:after {
	background-image: url(../images/svg/icon_bluearrow_hover_4973763.svg)
}

.cloud-header-pc .with-transparent-arrow:after {
	background-image: url(../images/svg/icon_nonearrow_hover_8e7b91c.svg)
}

.cloud-header-pc .with-lightblue-arrow:after {
	background-image: url(../images/svg/icon_lightblue_hover_c324669.svg)
}

.cloud-header-pc .with-white-arrow:after {
	background-image: url(../images/svg/icon_white_arrow_b8f7bcc.svg)
}

.cloud-header-pc .with-black-simple-arrow,
.cloud-header-pc .with-blue-simple-arrow {
	position: relative;
	width: max-content
}

.cloud-header-pc .with-black-simple-arrow:after,
.cloud-header-pc .with-blue-simple-arrow:after {
	background-image: url(../images/svg/arrow-default-icon_78eaea2.svg);
	background-position: 50%;
	background-size: 100% 100%;
	color: inherit;
	content: "";
	height: 16px;
	left: calc(100% + 4px);
	position: absolute;
	transition: left .3s cubic-bezier(.25, .1, .25, .1);
	width: 16px
}

.cloud-header-pc .with-black-simple-arrow:hover:after,
.cloud-header-pc .with-blue-simple-arrow:hover:after {
	background-image: url(../images/svg/arrow-icon-v2_8fd9e3d.svg);
	left: calc(100% + 8px)
}

.cloud-header-pc .with-blue-simple-arrow:after {
	background-image: url(../images/svg/arrow-icon-v2_8fd9e3d.svg)
}

.cloud-header-pc .os-theme-dark,
.cloud-header-pc .os-theme-light {
	--os-padding-perpendicular: 4px;
	--os-handle-perpendicular-size: 4px;
	--os-handle-perpendicular-size-hover: 4px;
	--os-handle-perpendicular-size-active: 4px;
	--os-handle-bg: #dfe3ec;
	--os-handle-bg-hover: #dfe3ec;
	--os-handle-bg-active: #dfe3ec
}

.cloud-header-pc [data-overlayscrollbars-contents] {
	overscroll-behavior: contain
}

.cloud-header-pc .header-dropdown {
	max-width: 1776px;
	position: absolute;
	top: calc(var(--cloud-nav-height) + 8px);
	width: calc(100% - 24px);
	z-index: 10
}

.cloud-header-pc .header-dropdown * {
	box-sizing: border-box
}

.cloud-header-pc .header-dropdown.header-dropdown-fixed {
	position: fixed;
	top: calc(var(--cloud-nav-height) + var(--cloud-header-operate-height) + 8px)
}

.cloud-header-pc .header-dropdown.active {
	z-index: 9999
}

.cloud-header-pc .header-dropdown.active:before {
	background: transparent;
	content: "";
	height: 9px;
	opacity: .5;
	position: absolute;
	top: -9px;
	width: 100%;
	z-index: 1000000
}

.cloud-header-pc .header-dropdown-block {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	box-sizing: border-box;
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: height .2s ease-out, opacity .1s ease-out;
	width: 100%
}

@keyframes sink {
	0% {
		transform: translateY(-12px)
	}

	to {
		transform: translateY(0)
	}
}

.cloud-header-pc .header-dropdown-block.dropdown-fade-in {
	animation: sink .2s ease-out forwards;
	height: var(--dropdown-height);
	opacity: 1
}

.cloud-header-pc .header-dropdown-block.dropdown-show-immediate {
	height: var(--dropdown-height);
	opacity: 1;
	transform: translateY(0);
	transition: none
}

.cloud-header-pc .dropdown-pc-body {
	box-sizing: border-box;
	max-height: 696px;
	max-height: min(696px, calc(95vh - var(--cloud-nav-height) - var(--cloud-header-operate-height)));
	overflow-y: auto;
	overscroll-behavior: contain;
	position: relative
}

.cloud-header-pc .dropdown-pc-body.dropdown-activity-pc-body,
.cloud-header-pc .dropdown-pc-body.dropdown-common-pc-body,
.cloud-header-pc .dropdown-pc-body.dropdown-model-pc-body {
	max-height: unset;
	overflow-y: unset;
	padding-top: 24px
}

.cloud-header-pc .dropdown-pc-body.dropdown-activity-pc-body .dropdown-activity,
.cloud-header-pc .dropdown-pc-body.dropdown-activity-pc-body .dropdown-common,
.cloud-header-pc .dropdown-pc-body.dropdown-activity-pc-body .dropdown-model,
.cloud-header-pc .dropdown-pc-body.dropdown-common-pc-body .dropdown-activity,
.cloud-header-pc .dropdown-pc-body.dropdown-common-pc-body .dropdown-common,
.cloud-header-pc .dropdown-pc-body.dropdown-common-pc-body .dropdown-model,
.cloud-header-pc .dropdown-pc-body.dropdown-model-pc-body .dropdown-activity,
.cloud-header-pc .dropdown-pc-body.dropdown-model-pc-body .dropdown-common,
.cloud-header-pc .dropdown-pc-body.dropdown-model-pc-body .dropdown-model {
	max-height: 672px;
	max-height: min(672px, calc(95vh - var(--cloud-nav-height) - var(--cloud-header-operate-height) - 24px))
}

.cloud-header-pc .dropdown-pc-body.dropdown-activity-pc-body .dropdown-title,
.cloud-header-pc .dropdown-pc-body.dropdown-common-pc-body .dropdown-title,
.cloud-header-pc .dropdown-pc-body.dropdown-model-pc-body .dropdown-title {
	padding-top: 0
}

.cloud-header-pc .dropdown-pc-body:after {
	background-color: #fff;
	border-radius: 8px;
	bottom: 0;
	content: "";
	height: 24px;
	left: 0;
	position: absolute;
	right: 12px
}

.cloud-header-pc .header-dropdown-close-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10
}

.cloud-header-pc .header-dropdown-close-btn svg {
	height: 20px;
	width: 20px
}

.cloud-header-pc .header-dropdown-close-btn:hover {
	color: #2468f2
}

.cloud-header-pc .login-wrapper {
	align-items: center;
	display: flex;
	height: 100%;
	position: relative
}

.cloud-header-pc .login-wrapper .header-userinfo {
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	margin-right: 24px;
	padding-left: 12px
}

.cloud-header-pc .login-wrapper .header-userinfo .header-userinfo-logo>span {
	align-items: center;
	background-color: #091221;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	height: 20px;
	justify-content: center;
	line-height: 22px;
	margin-right: 8px;
	width: 20px
}

.cloud-header-pc .login-wrapper .header-userinfo .not-realName,
.cloud-header-pc .login-wrapper .header-userinfo .rn-activity {
	position: relative
}

.cloud-header-pc .login-wrapper .header-userinfo .not-realName:after,
.cloud-header-pc .login-wrapper .header-userinfo .rn-activity:after {
	background: no-repeat url(../images/svg/icon_check_error_790b5ff.svg) 50%/cover;
	content: "";
	height: 12px;
	position: absolute;
	right: 4px;
	top: -4px;
	width: 12px
}

.cloud-header-pc .login-wrapper .header-userinfo .rn-activity:after {
	background-image: url(../images/svg/icon_3d5e40c.png);
	height: 16px;
	right: -2px;
	top: -8px;
	width: 18px
}

.cloud-header-pc .login-wrapper .header-userinfo .userinfo-display-name {
	color: #091221;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	max-width: 84px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cloud-header-pc .login-wrapper .header-userinfo .icon-user-arrow-down {
	height: 10px;
	margin-left: 8px;
	width: 10px
}

.cloud-header-pc .login-wrapper .header-userinfo .icon-user-arrow-down svg {
	display: block;
	height: 10px;
	margin: 0;
	transition: .3s;
	width: 10px
}

.cloud-header-pc .login-wrapper:hover .header-userinfo .userinfo-display-name {
	color: #2468f2
}

.cloud-header-pc .login-wrapper:hover .header-userinfo .icon-user-arrow-down svg {
	color: #2468f2;
	transform: rotate(180deg)
}

.cloud-header-pc .login-wrapper .ch-personal-center {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	box-sizing: border-box;
	min-width: 236px;
	overflow: hidden;
	padding: 20px 24px 12px;
	position: absolute;
	right: 20px;
	top: 100%;
	z-index: 9999
}

.cloud-header-pc .login-wrapper .ch-personal-center:before {
	background-color: transparent;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: -8px;
	width: 100%
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name {
	position: relative
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name>span {
	color: #091221;
	display: inline-flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	padding-left: 20px;
	position: relative;
	white-space: nowrap
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name>span:before {
	background: no-repeat url(../images/index/check-circle2_34528fd.png) 50%/cover;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name>span+.ch-unnamed-btn {
	align-items: center;
	background: #2468f2;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 26px;
	justify-content: center;
	line-height: 22px;
	padding: 0 6px;
	position: absolute;
	right: 0;
	text-align: left;
	top: -1px;
	transition: all .3s ease-out
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name>span+.ch-unnamed-btn:hover {
	background-color: #144bcc
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name.ch-unnamed>span:before {
	background-image: url(../images/index/check-circle1_13fe9c2.png)
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name-activity {
	background: #fff0f1;
	border-radius: 4px;
	color: #f33e3e;
	cursor: pointer;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 20px;
	margin-top: 12px;
	padding: 4px 8px
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name-activity:after {
	background: no-repeat url(../images/index/icon_more_1065e62.png) 50%/cover;
	content: "";
	display: inline-flex;
	height: 12px;
	left: 4px;
	position: relative;
	top: 2px;
	transition: left .3s ease-out;
	width: 12px
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name-activity:hover:after {
	left: 8px
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name-list {
	border-top: 1px solid rgba(9, 18, 33, .08);
	margin-top: 16px;
	padding-top: 8px;
	position: relative
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name-list li a {
	color: #091221;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	padding: 8px 0;
	transition: all .3s ease-out;
	width: 100%
}

.cloud-header-pc .login-wrapper .ch-personal-center .ch-real-name-list li:hover a {
	color: #2468f2
}

.cloud-header-operate {
	height: var(--cloud-header-operate-height);
	position: relative;
	width: 100%;
	z-index: 10000
}

.cloud-header-operate .cloud-header-operate-bg {
	background: #e4eef8 url(../images/index/pc-operation-bg_93ffc50.png) no-repeat 50%/cover;
	display: block;
	height: 100%;
	width: 100%
}

.cloud-header-operate .cloud-header-operate-close {
	background: url(../images/index/icon_close_4105cd5.png) no-repeat 50%/cover;
	cursor: pointer;
	height: 24px;
	opacity: .4;
	position: absolute;
	right: 50%;
	top: 20px;
	transform: translateX(590px);
	width: 24px
}

.cloud-header-operate .cloud-header-operate-close:hover {
	opacity: 1
}

.cloud-header-operate.cloud-operate-close {
	display: none
}

@media screen and (min-width:1920px) {
	.cloud-header-operate .cloud-header-operate-close {
		right: 19.27%;
		transform: translateX(0)
	}
}

@media screen and (max-width:1180px) {
	.cloud-header-operate .cloud-header-operate-close {
		position: relative;
		right: 0;
		transform: translateX(0)
	}
}

@media screen and (max-width:1199px) {
	:root {
		--cloud-nav-height: 54px;
		--cloud-header-operate-height: 0px
	}
}

.cloud-header-wap {
	background: #fff;
	box-sizing: border-box;
	height: 54px;
	min-width: 320px;
	opacity: 1;
	position: relative;
	transition: opacity .3s ease-out;
	width: 100%;
	z-index: 1000
}

.cloud-header-wap[data-hidden=true] {
	background-color: transparent;
	opacity: 0
}

.cloud-header-wap[data-hidden=true] .cloud-header-wrapper-wap {
	box-shadow: none;
	transform: translateY(-100%)
}

.cloud-header-wap .cloud-header-wrapper-wap {
	background: #fff;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	height: 54px;
	left: 0;
	min-width: 320px;
	position: fixed;
	top: 0;
	transform: translateY(0);
	transition: transform .3s ease-out;
	width: 100%;
	z-index: 1000
}

.cloud-header-wap .cloud-header-wrapper-wap .cloud-header-default {
	height: 54px;
	padding: 0 12.5px;
	position: relative
}

.cloud-header-wap .cloud-header-wrapper-wap.app-header {
	box-shadow: none;
	top: -54px
}

.cloud-header-wap .cloud-header-wrapper-wap.app-header .cloud-header-mask {
	top: 0
}

.cloud-header-wap .logo-link {
	align-items: center;
	display: flex;
	float: left;
	height: 34px;
	margin-top: 10px
}

.cloud-header-wap .header-search-icon {
	box-sizing: border-box;
	float: right;
	height: 20px;
	margin-top: 17px;
	text-align: center;
	width: 20px
}

.cloud-header-wap .header-search-icon .icon-search {
	vertical-align: top;
	width: 20px
}

.cloud-header-wap .header-search-icon .icon-close {
	box-sizing: content-box;
	vertical-align: top;
	width: 20px
}

.cloud-header-wap .header-search-icon img {
	display: inline-block
}

.cloud-header-wap .icon-wrap {
	box-sizing: border-box;
	float: right;
	height: 20px;
	margin-top: 17px;
	text-align: center;
	width: 20px
}

.cloud-header-wap .icon-wrap img {
	display: inline-block;
	float: none;
	opacity: 1;
	vertical-align: top;
	width: 20px
}

.cloud-header-wap .user-icon {
	box-sizing: border-box;
	float: right;
	height: 20px;
	margin: 17px 20px 0;
	text-align: center;
	width: 20px
}

.cloud-header-wap .user-icon img {
	vertical-align: top;
	width: 20px
}

.cloud-header-wap .user-icon .user-first-letter {
	background: #84868c;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: top;
	width: 20px
}

.cloud-header-wap .cloud-header-mask {
	background-color: #fff;
	border-top: .5px solid rgba(34, 34, 34, .16);
	bottom: 0;
	height: calc(100vh - 54px);
	left: 0;
	position: fixed;
	right: 0;
	top: 54px
}

.cloud-header-wap .cloud-header-mask.tansparent-bg {
	background-color: transparent
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper {
	background-color: #fff;
	box-sizing: border-box;
	padding: 5px 12.5px
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper li {
	border-bottom: .5px solid rgba(34, 34, 34, .16);
	line-height: 22px;
	padding: 11px 0
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper li a {
	color: #222;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-decoration: none
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-detail {
	height: 54px;
	margin: 19px 0 24px;
	white-space: nowrap
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-detail .user-first-letter-detail {
	background: #84868c;
	border-radius: 27px;
	color: #fff;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 20px;
	font-weight: 500;
	height: 54px;
	line-height: 54px;
	text-align: center;
	vertical-align: top;
	width: 54px
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-detail .userinfo-display-right {
	display: inline-block;
	max-width: 280px;
	padding: 4px 12px;
	vertical-align: top
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-detail .userinfo-display-right .userinfo-display-name {
	color: #222;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-detail .userinfo-display-right .userinfo-display-account {
	color: #222;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-weight: 400;
	height: 21px;
	line-height: 21px;
	margin-top: 2px;
	opacity: .7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .login-register {
	display: flex;
	height: 36px;
	justify-content: space-between;
	margin-top: 10px
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .login-register li {
	border: 1px solid #2468f2;
	box-sizing: border-box;
	line-height: 22px;
	padding: 5px 0;
	text-align: center;
	width: 45%
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .login-register li a {
	display: block;
	font-family: PingFangSC-Medium;
	height: 100%;
	line-height: 22px;
	width: 100%
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .login-register li.nav-login {
	background-color: #2468f2
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .login-register li.nav-login a {
	color: #fff
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .login-register li.nav-register a {
	color: #2468f2
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .cloud-presale li:last-child {
	border: none
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .cloud-presale a {
	opacity: .7
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-logout {
	border: 1px solid rgba(34, 34, 34, .16);
	border-radius: 2px;
	height: 36px;
	margin-top: 10px;
	text-align: center;
	width: 100%
}

.cloud-header-wap .cloud-header-mask .userinfo-wrapper .userinfo-logout>a {
	color: #222;
	display: block;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 100%;
	height: 36px;
	line-height: 36px;
	width: 100%
}

.cloud-header-wap .cloud-header-mask .nav-container {
	box-sizing: border-box;
	display: flex;
	height: 100%;
	width: 100%
}

.cloud-header-wap .cloud-header-mask .nav-container .nav-content-left {
	background: #f8fafc;
	height: 100%;
	width: 32.6%
}

.cloud-header-wap .cloud-header-mask .nav-container .nav-content-right {
	background-color: #fff;
	box-sizing: border-box;
	overflow-y: auto;
	padding: 5px 12.5px 0 10px;
	width: 67.4%
}

.cloud-header-wap h3:after {
	background: url(../images/svg/arrow-icon_279d724.svg) no-repeat 50%/cover;
	content: "";
	height: 16px;
	margin-top: 3px;
	position: absolute;
	right: 0;
	transform: rotate(90deg);
	transition: transform .4s ease-in-out;
	width: 16px
}

.cloud-header-wap .left-level-0 {
	cursor: pointer;
	min-height: 44px;
	position: relative
}

.cloud-header-wap .left-level-0:before {
	background: #2468f5;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 2px
}

.cloud-header-wap .left-level-0>h3 {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding: 11px 12.5px
}

.cloud-header-wap .left-level-0>h3:after {
	visibility: hidden
}

.cloud-header-wap .left-level-0.active {
	background-color: #fff
}

.cloud-header-wap .left-level-0.active>h3 {
	color: #2468f2;
	font-family: PingFangSC-Medium;
	font-weight: 500
}

.cloud-header-wap .left-level-0.active:before {
	opacity: 1
}

.cloud-header-wap .nav-right-item {
	display: none;
	position: relative;
	width: 100%
}
.cloud-header-wap .nav-right-item.active{
	display: block;
}

.cloud-header-wap .nav-right-item .level-1 {
	display: block
}

.cloud-header-wap .nav-right-item .item-btn {
	border-bottom: 1px solid rgba(9, 18, 33, .08);
	box-sizing: content-box;
	display: block;
	height: 22px;
	padding: 11px 0
}

.cloud-header-wap .nav-right-item .item-btn>a,
.cloud-header-wap .nav-right-item .item-btn>span {
	color: #091221;
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 22px;
	line-height: 22px;
	vertical-align: top
}

.cloud-header-wap .nav-right-item .item-btn>a {
	background: url(../images/svg/arrow-icon_279d724.svg) no-repeat 100%/cover;
	background-size: 16px 16px;
	padding-right: 20px
}

.cloud-header-wap .nav-right-item .level-1>a,
.cloud-header-wap .nav-right-item .level-1>h3 {
	box-sizing: content-box;
	color: #091221;
	cursor: pointer;
	display: block;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 22px;
	line-height: 22px;
	padding: 11px 0
}

.cloud-header-wap .nav-right-item .level-1.active>h3:after {
	transform: rotate(-90deg)
}

.cloud-header-wap .nav-right-item .level-1.active .level-2 {
	display: block
}

.cloud-header-wap .nav-right-item .level-2 {
	display: none
}

.cloud-header-wap .nav-right-item .level-2>a,
.cloud-header-wap .nav-right-item .level-2>h3 {
	box-sizing: content-box;
	color: #091221;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	opacity: .9;
	padding: 8px 16px 8px 8px
}

.cloud-header-wap .nav-right-item .level-2.active>h3:after {
	transform: rotate(-90deg)
}

.cloud-header-wap .nav-right-item .level-2.active .level-3 {
	display: block
}

.cloud-header-wap .nav-right-item .level-3 {
	display: none
}

.cloud-header-wap .header-item {
	background-color: #fff;
	padding-left: 17px
}

.cloud-header-wap .header-item a {
	color: #091221;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	opacity: .9;
	padding: 8px 0
}

.cloud-header-wap .header-item span {
	align-items: center;
	border: 1px solid #f33e3e;
	border-radius: 2px;
	box-sizing: border-box;
	color: #f33e3e;
	display: inline-flex;
	font-family: PingFangSC-Medium;
	font-size: 10px;
	font-weight: 500;
	height: 13px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 10px;
	margin-left: 4px;
	padding: 0 3px;
	position: relative;
	text-align: center;
	top: -1px
}

.cloud-header-wap .header-item span.with-tag-gradient {
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	background: linear-gradient(45deg, #2468f2, #2468f2 60%, #3ed2fd);
	-webkit-background-clip: text;
	background-clip: text;
	border-color: rgba(36, 104, 242, .7);
	color: transparent
}

.cloud-header-wap .header-nav-wap-item-index {
	color: #091221;
	display: none;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	min-width: 14px;
	opacity: .9
}

.cloud-header-wap .header-nav-wap-item-index.with-blue {
	color: #2468f2
}

.cloud-header-wap .level-3 .header-nav-wap-item-index {
	display: inline-block
}

.cloud-header-wap .active>h3 {
	border-bottom-color: transparent
}

.cloud-header-wap .console-btn {
	background: #2468f2;
	border-radius: 18px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 22px auto;
	text-align: center;
	width: 247px
}

.forbid-slide {
	overflow: hidden !important
}

.header-search-block-wap .header-search-input-wrap {
	background: #f8fafc;
	box-sizing: border-box;
	display: flex;
	height: 60px;
	padding: 12px 12.5px;
	position: relative
}

.header-search-block-wap .header-search-input-wrap input {
	border: 0;
	border-radius: 2px 0 0 2px;
	color: #222;
	flex: 1;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	outline: none;
	padding: 0 0 0 12px;
	width: 100%
}

.header-search-block-wap .header-search-input-wrap input::placeholder {
	color: rgba(34, 34, 34, .4)
}

.header-search-block-wap .header-search-input-wrap .btn {
	background: #2468f2;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 56px
}

.header-search-block-wap .header-search-input-wrap .del-btn {
	background: url(../images/svg/icon_mobile_delete_77b2ce6.svg) no-repeat 50%/cover;
	display: none;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	right: 80px;
	top: 50%;
	width: 14px
}

.header-search-block-wap .header-search-input-wrap .del-btn.active,
.header-search-block-wap .header-search-input-wrap .del-btn:hover {
	display: block
}

.header-search-block-wap .header-search-input-wrap .recommend-container {
	border: 1px solid #f3f3f3;
	box-sizing: border-box;
	position: absolute;
	top: 49px;
	width: calc(100% - 25px)
}

.header-search-block-wap .header-search-input-wrap .recommend-container .recommend-ul {
	display: block
}

.header-search-block-wap .header-search-input-wrap .recommend-container .recommend-ul li {
	background: #fff;
	color: #333;
	cursor: pointer;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 40px;
	letter-spacing: 0;
	line-height: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0 12px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header-search-block-wap .header-search-input-wrap .recommend-container .recommend-ul li a {
	color: inherit;
	display: block
}

.header-search-block-wap h4 {
	color: #222;
	font-family: PingFangSC-Medium;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	margin-left: 10px;
	margin-right: 4px
}

.header-search-block-wap ul {
	display: flex;
	flex-wrap: wrap
}

.header-search-block-wap ul li {
	margin-left: 10px;
	margin-top: 10px
}

.header-search-block-wap .header-search-his {
	padding: 16px 12.5px 0 2.5px
}

.header-search-block-wap .header-search-his .header-search-his-title {
	align-items: center;
	display: flex;
	margin-bottom: 2px
}

.header-search-block-wap .header-search-his .header-search-his-title img {
	width: 20px
}

.header-search-block-wap .header-search-his li a {
	background: #f2f6fa;
	border-radius: 2px;
	color: #222;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 29px;
	padding: 0 8px
}

.header-search-block-wap .header-search-hot {
	padding: 16px 12.5px 0 2.5px
}

.header-search-block-wap .header-search-hot a {
	background: #f2f6fa;
	border-radius: 2px;
	color: #222;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	line-height: 29px;
	padding: 0 8px
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB, arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
	font-weight: 400
}

a {
	outline: none !important;
	text-decoration: none
}

dd,
dl,
dt,
h1,
h2,
h3,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

.portal-assistant-fixedbox-tooltip {
	align-items: center;
	cursor: default;
	display: flex;
	opacity: 0;
	position: absolute;
	right: 74px;
	top: 6px;
	transform: scale(.8) translate(16px);
	transform-origin: center right;
	transition: visibility 0s linear .3s, opacity .3s ease-in-out, transform .3s ease-in-out;
	visibility: hidden;
	z-index: 1000
}

.portal-assistant-fixedbox-tooltip .portal-assistant-fixedbox-tooltip-content {
	box-sizing: border-box
}

.portal-assistant-fixedbox-tooltip.show {
	display: flex;
	opacity: 1;
	transform: scale(1) translate(0);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	visibility: visible
}

.portal-assistant-fixedbox-tooltip.hide-fast {
	transition-duration: .1s
}

.portal-assistant-fixedbox-tooltip.portal-assistant-welcome-tooltip .portal-assistant-fixedbox-tooltip-content {
	width: 196px
}

.portal-assistant-fixedbox-tooltip.portal-assistant-hover-tooltip .portal-assistant-fixedbox-tooltip-content {
	width: 162px
}

.portal-assistant-fixedbox-tooltip:after {
	background-color: #fff;
	border-radius: 2px;
	content: "";
	height: 11px;
	position: absolute;
	right: -4px;
	transform: rotate(45deg);
	transform-origin: center;
	width: 11px
}

.console-assistant .portal-assistant-fixedbox-tooltip {
	right: 56px
}

.portal-assistant-fixedbox-tooltip-close-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.portal-assistant-fixedbox-tooltip-close-btn .icon-pop-close {
	height: 12px;
	width: 12px
}

.portal-assistant-fixedbox-tooltip-content {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 42px #09122114;
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	padding: 8px 10px
}

.portal-assistant-name {
	color: #151b26;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
	transition: color .1s linear
}

.portal-assistant-hover-tooltip {
	top: 14px
}

.portal-assistant-welcome-tooltip .portal-assistant-fixedbox-tooltip-content {
	padding-right: 28px
}

.portal-assistant-iframe-wrapper {
	box-sizing: border-box;
	height: 100%;
	overflow-y: hidden;
	width: 100%
}

.portal-assistant-iframe-wrapper .portal-assistant-iframe-title {
	background-color: #fff;
	color: #151b26;
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	padding: 20px
}

.portal-assistant-iframe-wrapper>iframe {
	background-color: #fff;
	border: none;
	border-radius: 0 0 0 8px;
	height: calc(100% - 68px);
	width: 100%
}

.portal-assistant-request-fullscreen {
	background-color: #fff;
	border-radius: 8px 0 0 8px;
	inset: 0;
	padding: 20px;
	position: absolute
}

.portal-assistant-request-fullscreen .portal-assistant-request-fullscreen-title {
	color: #151b26;
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px
}

.portal-assistant-request-fullscreen .portal-assistant-request-fullscreen-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 184px auto 0
}

.portal-assistant-request-fullscreen .portal-assistant-request-fullscreen-content .portal-assistant-icon-fullscreen {
	background: no-repeat url(../images/index/smallwindow_e881c00.png) 50%/cover;
	display: block;
	height: 150px;
	width: 200px
}

.portal-assistant-request-fullscreen .portal-assistant-request-fullscreen-content .portal-assistant-request-fullscreen-desc {
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px
}

.portal-assistant-request-fullscreen .portal-assistant-request-fullscreen-content .portal-assistant-request-fullscreen-btn {
	align-items: center;
	color: #2468f2;
	cursor: pointer;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	justify-content: center;
	line-height: 22px;
	margin-top: 8px;
	transition: color .1s linear
}

.portal-assistant-request-fullscreen .portal-assistant-request-fullscreen-content .portal-assistant-request-fullscreen-btn:hover {
	color: #144bcc
}

.portal-assistant-iframe-wrapper-fullscreen {
	background-color: #fff;
	box-sizing: border-box
}

.portal-assistant-iframe-wrapper-fullscreen .portal-assistant-iframe-title {
	font-size: 20px;
	line-height: 28px;
	padding: 14px 24px
}

@media screen and (max-width:1199px) {
	.portal-assistant-iframe-wrapper-fullscreen .portal-assistant-iframe-title {
		padding-left: 64px
	}
}

.portal-assistant-iframe-wrapper-fullscreen>iframe {
	border-radius: 0;
	height: calc(100% - 52px)
}

.mobile-code-panel-container {
	align-items: center;
	background: #fff;
	display: flex;
	flex-direction: column;
	inset: 0;
	padding-top: 212px;
	position: absolute
}

.mobile-code-panel-container .mobile-code-panel-background-img {
	background: no-repeat url(../images/index/smallwindow_e881c00.png) 50%/cover;
	display: block;
	height: 150px;
	width: 200px
}

.mobile-code-panel-container .mobile-code-panel-background-desc {
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding-top: 20px
}

.portal-assistant-example-side-panel {
	background: no-repeat url(../images/index/img_daima_bg_600_b9ebab3.png) top/auto 300px;
	border-radius: 8px 0 0 8px;
	display: none;
	height: 100%;
	overflow-y: auto
}

.portal-assistant-example-side-panel.example-panel-visible {
	display: block
}

.portal-assistant-example-side-panel::-webkit-scrollbar {
	display: none
}

.portal-assistant-example-welcome {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 452px;
	padding: 80px 20px 0
}

.portal-assistant-example-title {
	color: #151b26;
	font-family: PingFangSC-SemiBold;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	text-align: center
}

.portal-assistant-example-desc {
	color: #84868c;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px;
	margin-top: 8px;
	text-align: center
}

.portal-assistant-example-card-list {
	margin-top: 40px
}

.portal-assistant-example-card-list .portal-assistant-example-card-item {
	background: #f3f9fe;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 20px 16px;
	position: relative;
	width: 100%
}

.portal-assistant-example-card-list .portal-assistant-example-card-item+.portal-assistant-example-card-item {
	margin: 12px 0 0
}

.portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-title-wrapper {
	align-items: flex-end;
	display: flex;
	position: relative
}

.portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-title-wrapper .portal-assistant-example-card-title {
	color: #151b26;
	flex-shrink: 0;
	font-family: PingFangSC-SemiBold;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px
}

.portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-title-wrapper .portal-assistant-example-card-title-mini {
	color: #151b26;
	display: block;
	font-family: PingFangSC-SemiBold;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-desc {
	color: #84868c;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px;
	margin-top: 8px;
	position: relative
}

.portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-bg {
	background: no-repeat 100%/auto 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.portal-assistant-example-btn {
	align-items: center;
	background: linear-gradient(270deg, #3ed2fd, #2468f2);
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	height: 44px;
	justify-content: center;
	margin: 40px auto 0;
	transition: all .3s ease-out;
	width: 140px
}

.portal-assistant-example-btn>span {
	color: #fff;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	line-height: 36px
}

.portal-assistant-example-btn:hover {
	background: linear-gradient(270deg, #16bced, #285edd)
}

.portal-assistant-example-fullscreen-panel {
	background: no-repeat url(../images/index/img_full_daima_bg_7d63421.png) top/100% auto;
	border-radius: 0;
	display: none;
	height: 100%
}

.portal-assistant-example-fullscreen-panel::-webkit-scrollbar {
	display: none
}

.portal-assistant-example-fullscreen-panel.example-panel-visible {
	display: block
}

.portal-assistant-example-fullscreen-panel .portal-assistant-example-welcome {
	margin: 0 auto;
	max-width: unset;
	padding: 23vh 0 0;
	width: 800px
}

.portal-assistant-example-fullscreen-panel .portal-assistant-example-desc {
	margin-top: 12px
}

.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list {
	column-gap: 12px;
	display: flex
}

.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item {
	box-sizing: border-box;
	padding-bottom: 125px;
	width: calc(33.33333% - 8px)
}

.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item+.portal-assistant-example-card-item {
	margin: 0
}

.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-bg {
	bottom: 0;
	height: 125px;
	position: absolute;
	top: unset;
	width: 100%
}

@media screen and (max-width:880px) {
	.portal-assistant-example-fullscreen-panel .portal-assistant-example-welcome {
		width: 100%
	}

	.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-item .portal-assistant-example-card-bg {
		background: no-repeat 50%/cover
	}
}

@media screen and (max-width:600px) {
	.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list {
		flex-direction: column;
		row-gap: 12px
	}

	.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item {
		padding: 20px 24px;
		width: 100%
	}

	.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-bg {
		height: 96px;
		right: -12px;
		width: 178px
	}
}

@media screen and (max-width:400px) {
	.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item {
		padding: 20px 16px
	}

	.portal-assistant-example-fullscreen-panel .portal-assistant-example-card-list .portal-assistant-example-card-item .portal-assistant-example-card-bg {
		right: -18px
	}
}

.portal-assistant-overflow-tooltip-wrapper {
	height: fit-content;
	position: relative;
	width: 100%
}

.portal-assistant-overflow-tooltip-text {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--len);
	line-clamp: var(--len);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all
}

.portal-assistant-overflow-tooltip-text.portal-assistant-overflow-tooltip-multi-text {
	display: -webkit-box;
	white-space: normal
}

.portal-assistant-overflow-tooltip {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px #070c140f;
	color: #151515;
	font-family: PingFangSC-Regular;
	font-size: 10px;
	line-height: 14px;
	max-width: min(100% + 24px, 210px);
	padding: 2px 4px;
	position: fixed;
	white-space: normal;
	width: max-content;
	word-break: break-all
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-tip {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 12px;
	max-width: 412px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip>p,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-tip>p {
	color: #84868c;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip>button,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-tip>button {
	align-items: center;
	color: #84868c;
	display: flex
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip>button:hover,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-tip>button:hover {
	color: #2468f2
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip>button span,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-tip>button span {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px;
	margin-right: 4px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip>button svg,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-tip>button svg {
	height: 14px;
	width: 14px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards-wrapper,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards-wrapper {
	height: 188px;
	margin: 0 auto 12px;
	max-width: 412px;
	position: relative
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	position: absolute;
	visibility: hidden;
	width: 100%
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible {
	visibility: visible
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .3s ease-out, transform .3s ease-out;
	visibility: visible
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card.portal-assistant-recommend-card-2,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card.portal-assistant-recommend-card-2 {
	transition-delay: .04s
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card.portal-assistant-recommend-card-3,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card.portal-assistant-recommend-card-3 {
	transition-delay: .08s
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card.portal-assistant-recommend-card-4,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-visible .portal-assistant-recommend-card.portal-assistant-recommend-card-4 {
	transition-delay: .12s
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-invisible .portal-assistant-recommend-card,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-cards.portal-assistant-recommend-cards-invisible .portal-assistant-recommend-card {
	opacity: 0;
	transform: translateY(0);
	transition: opacity .1s linear, visibility .1s linear .1s;
	visibility: hidden
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-card,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-card {
	border: 1px solid #e8e9eb;
	border-radius: 8px;
	color: #151b26;
	display: flex;
	height: 88px;
	max-width: 200px;
	opacity: 0;
	padding: 12px;
	position: relative;
	text-align: left;
	transform: translateY(20px);
	transition: opacity .1s linear, transform .3s ease-out, visibility .3s linear .3s;
	visibility: hidden;
	width: calc(50% - 6px)
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-card:hover,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-card:hover {
	color: #2468f2
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-card .portal-assistant-recommend-card-text,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-card .portal-assistant-recommend-card-text {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-card>svg,
.portal-assistant-welcome-side-panel .portal-assistant-recommend-card>svg {
	bottom: 12px;
	height: 16px;
	position: absolute;
	right: 12px;
	width: 16px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-tip {
	max-width: unset
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards-wrapper {
	height: 156px;
	margin: auto;
	max-width: unset
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-card {
	height: 72px;
	max-width: unset
}

@media screen and (max-width:600px) {
	.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-cards-wrapper {
		height: 188px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-card {
		height: 88px;
		max-width: unset
	}
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper {
	background: #f3f9ff;
	border-radius: 8px;
	margin: 12px 16px 0;
	padding: 12px
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new {
	margin: 0 auto 4px
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new>p {
	color: #151b26;
	font-family: PingFangSC-Semibold;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-cards-wrapper {
	height: 110px
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-cards-wrapper .portal-assistant-recommend-cards {
	display: block
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-cards-wrapper .portal-assistant-recommend-card {
	border: none;
	height: auto;
	line-height: 32px;
	margin: 4px 0;
	max-width: none;
	padding: 0;
	width: 100%
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-cards-wrapper .portal-assistant-recommend-card .portal-assistant-recommend-card-text {
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	margin-right: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.portal-welcome-recommend-container .portal-assistant-recommend-wrapper .portal-assistant-recommend-cards-wrapper .portal-assistant-recommend-card>svg {
	height: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc {
	margin: auto;
	max-width: none
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper {
	box-sizing: border-box;
	height: 198px;
	margin: 12px 20px 0;
	padding: 12px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new {
	margin-bottom: 12px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card {
	align-items: center;
	display: flex;
	margin: 0 0 4px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card .portal-assistant-overflow-tooltip-wrapper .portal-assistant-recommend-card-text,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card .portal-assistant-overflow-tooltip-wrapper .portal-assistant-recommend-card-text {
	font-size: 14px;
	line-height: 32px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper {
	padding: 40px 20px 0
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item {
	height: 72px;
	width: 174px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-clear,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-clear {
	margin: 40px auto 0;
	max-width: 412px
}

.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-clear .portal-assistant-card-product-wrapper .card-product-item,
.portal-assistant-welcome-side-panel .portal-welcome-recommend-container-clear .portal-assistant-card-product-wrapper .card-product-item {
	height: auto
}

.portal-assistant-card-product-wrapper {
	display: flex;
	justify-content: space-between;
	justify-content: center;
	padding: 20px 16px 0;
	position: relative
}

.portal-assistant-card-product-wrapper .card-product-item {
	position: relative;
	width: 50%
}

.portal-assistant-card-product-wrapper .card-product-item:first-child {
	margin: 0 12px 0 0
}

.portal-assistant-card-product-wrapper .card-product-item img {
	border-radius: 8px;
	display: block;
	width: 100%
}

.portal-assistant-card-product-wrapper .card-product-item-title {
	align-items: center;
	bottom: 10px;
	color: #3a5581;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	left: 12px;
	position: absolute
}

.portal-assistant-card-product-wrapper .card-product-item-title span {
	cursor: pointer;
	margin-right: 4px
}

.portal-assistant-card-product-wrapper .card-product-item-title:hover {
	color: #2468f2
}

.portal-welcome-recommend-container-mobile .portal-assistant-card-product-wrapper .card-product-item:first-child {
	margin: 0 13px 0 0
}

.portal-welcome-recommend-container-mobile .portal-assistant-recommend-wrapper {
	box-sizing: border-box;
	height: 198px;
	margin: 12px 0 0
}

.portal-welcome-recommend-container-mobile .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new {
	margin-bottom: 12px
}

.portal-welcome-recommend-container-mobile .portal-assistant-recommend-wrapper .portal-assistant-recommend-card {
	align-items: center;
	display: flex;
	height: 32px;
	margin: 0 0 4px
}

.portal-welcome-recommend-container-mobile .portal-assistant-recommend-wrapper .portal-assistant-recommend-card .portal-assistant-overflow-tooltip-wrapper .portal-assistant-recommend-card-text {
	font-size: 13px;
	line-height: 32px
}

.portal-assistant-side-panel-open .portal-assistant-side-resizable-margin .portal-welcome-recommend-container-pc {
	margin: 40px 20px 0
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc {
	box-sizing: border-box;
	margin: 40px auto 0;
	max-width: 412px
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper {
	padding: 0
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item {
	height: auto;
	max-width: 200px;
	min-width: 174px;
	width: auto
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item img {
	height: 100%;
	width: 100%
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper {
	margin: 12px auto 0
}

@media screen and (min-width:601px) {
	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc {
		display: flex;
		flex-direction: row-reverse
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper {
		display: flex;
		flex-direction: column;
		padding: 40px 0 0 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item {
		height: 106px;
		width: 256px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item:first-child {
		margin: 0 0 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item-title {
		bottom: 16px;
		font-size: 14px;
		left: 16px;
		position: absolute
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper {
		box-sizing: border-box;
		flex: 1;
		height: 224px;
		margin: 40px 0 0;
		padding: 16px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper p {
		font-size: 16px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new {
		margin-bottom: 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card {
		margin: 0 0 8px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-cards-wrapper .portal-assistant-recommend-card-text {
		height: 36px;
		line-height: 36px !important;
		max-height: 36px !important
	}
}

@media screen and (max-width:600px) {
	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc {
		margin: 40px 0 0
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper {
		margin: 0;
		padding: 0
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item {
		height: 106px;
		width: 50%
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item-title {
		font-size: 14px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper {
		box-sizing: border-box;
		height: 198px;
		margin: 12px 0 0;
		padding: 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new {
		margin-bottom: 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card {
		align-items: center;
		display: flex;
		height: 32px;
		margin: 0 0 4px
	}
}

@media screen and (max-width:400px) {
	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc {
		margin: 40px 0 0
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper {
		margin: 0;
		padding: 0
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item {
		height: 72px;
		width: 50%
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-card-product-wrapper .card-product-item-title {
		font-size: 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper {
		box-sizing: border-box;
		height: 198px;
		margin: 12px 0 0;
		padding: 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-tip-new {
		margin-bottom: 12px
	}

	.portal-assistant-welcome-fullscreen-panel .portal-welcome-recommend-container-pc .portal-assistant-recommend-wrapper .portal-assistant-recommend-card {
		align-items: center;
		display: flex;
		height: 32px;
		margin: 0 0 4px
	}
}

.icon-portal-assistant {
	height: 24px;
	position: relative;
	width: 24px
}

.icon-portal-assistant img {
	display: block;
	height: 100%;
	width: 100%
}

.icon-portal-assistant .video_loaded_img {
	border-radius: 50%
}

.icon-portal-assistant video {
	border-radius: 50%;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.icon-portal-assistant .video_block {
	display: block
}

.icon-portal-assistant .video_none {
	display: none
}

.portal-assistant-welcome-side-panel {
	height: calc(100% - 86px);
	overflow-y: auto;
	padding-top: 80px
}

.portal-assistant-welcome-side-panel::-webkit-scrollbar {
	display: none
}

.portal-assistant-welcome-side-panel .portal-assistant-welcome-icon-wrapper {
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
	margin: 0 auto 20px;
	width: 100px
}

.portal-assistant-welcome-side-panel .portal-assistant-welcome-icon-wrapper .icon-portal-assistant {
	height: 100px;
	width: 100px
}

.portal-assistant-welcome-side-panel .portal-assistant-welcome-text p {
	text-align: center
}

.portal-assistant-welcome-side-panel .portal-assistant-welcome-text p:not(:last-child) {
	margin-bottom: 4px
}

.portal-assistant-welcome-side-panel .portal-assistant-welcome-text p,
.portal-assistant-welcome-side-panel .portal-assistant-welcome-text p>span {
	color: #070c14;
	font-family: PingFangSC-Semibold;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px
}

.portal-assistant-welcome-side-panel .portal-assistant-welcome-text span.gradient {
	background: linear-gradient(270deg, #3ed2fd, #2468f2);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent
}

.portal-assistant-welcome-side-panel .portal-assistant-login-btns {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 20px
}

.portal-assistant-welcome-side-panel .portal-assistant-login-btn,
.portal-assistant-welcome-side-panel .portal-assistant-register-btn {
	align-items: center;
	border-radius: 8px;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	height: 44px;
	justify-content: center;
	width: 140px
}

.portal-assistant-welcome-side-panel .portal-assistant-register-btn {
	background: no-repeat url(../images/index/btn_bg_6c26915.png) 50%/cover;
	color: #2468f2;
	position: relative;
	z-index: 10
}

.portal-assistant-welcome-side-panel .portal-assistant-register-btn:hover {
	background-image: url(../images/index/btn_bg_hover_ca00add.png);
	color: #144bcc
}

.portal-assistant-welcome-side-panel .portal-assistant-login-btn {
	background: linear-gradient(270deg, #3ed2fd, #2468f2);
	color: #fff
}

.portal-assistant-welcome-side-panel .portal-assistant-login-btn:hover {
	background-image: linear-gradient(270deg, #16bced, #285edd)
}

.portal-assistant-welcome-side-panel .portal-assistant-recommend-wrapper {
	margin-top: 40px;
	padding: 0 20px
}

@media (max-height:825px) {
	.portal-assistant-welcome-side-panel:not(.console-assistant-welcome-side-panel) {
		padding-top: 36px
	}

	.portal-assistant-welcome-side-panel:not(.console-assistant-welcome-side-panel) .portal-assistant-recommend-wrapper {
		margin-top: 20px
	}
}

@media (max-height:701px) {

	.portal-assistant-welcome-side-panel:not(.console-assistant-welcome-side-panel) .portal-assistant-login-btns,
	.portal-assistant-welcome-side-panel:not(.console-assistant-welcome-side-panel) .portal-assistant-recommend-wrapper {
		margin-top: 12px
	}
}

@media (max-height:749px) {
	.portal-assistant-welcome-side-panel.console-assistant-welcome-side-panel {
		padding-top: 36px
	}

	.portal-assistant-welcome-side-panel.console-assistant-welcome-side-panel .portal-assistant-recommend-wrapper {
		margin-top: 20px
	}
}

@media (max-height:701px) {

	.portal-assistant-welcome-side-panel.console-assistant-welcome-side-panel .portal-assistant-login-btns,
	.portal-assistant-welcome-side-panel.console-assistant-welcome-side-panel .portal-assistant-recommend-wrapper {
		margin-top: 12px
	}
}

.portal-assistant-welcome-fullscreen-panel {
	margin: 0 auto;
	width: 800px
}

@media screen and (max-width:880px) {
	.portal-assistant-welcome-fullscreen-panel {
		width: 100%
	}
}

.portal-assistant-welcome-fullscreen-panel::-webkit-scrollbar {
	display: none
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-icon-wrapper {
	align-items: center;
	box-sizing: content-box;
	display: flex;
	height: 100px;
	justify-content: center;
	margin: 0 auto 20px;
	padding-top: 15vh;
	width: 100px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-icon-wrapper .icon-portal-assistant {
	height: 100px;
	width: 100px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-text p {
	text-align: center
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-text p:not(:last-child) {
	margin-bottom: 4px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-text p,
.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-text p>span {
	color: #070c14;
	font-family: PingFangSC-Semibold;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-welcome-text span.gradient {
	background: linear-gradient(270deg, #3ed2fd, #2468f2);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-login-btns {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 20px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-login-btn,
.portal-assistant-welcome-fullscreen-panel .portal-assistant-register-btn {
	align-items: center;
	border-radius: 8px;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	height: 44px;
	justify-content: center;
	width: 140px
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-register-btn {
	background: no-repeat url(../images/index/btn_bg_6c26915.png) 50%/cover;
	color: #2468f2;
	position: relative;
	z-index: 10
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-register-btn:hover {
	background-image: url(../images/index/btn_bg_hover_ca00add.png);
	color: #144bcc
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-login-btn {
	background: linear-gradient(270deg, #3ed2fd, #2468f2);
	color: #fff
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-login-btn:hover {
	background-image: linear-gradient(270deg, #16bced, #285edd)
}

.portal-assistant-welcome-fullscreen-panel .portal-assistant-recommend-wrapper {
	margin-top: 40px
}

.portal-assistant-tooltip-wrapper {
	cursor: default;
	position: relative
}

.portal-assistant-tooltip-wrapper .portal-assistant-tooltip {
	opacity: 0;
	transform: scale(.9) translate(-50%) translateY(4px);
	transform-origin: bottom left;
	transition: visibility 0s linear .1s, opacity .1s ease-out, transform .1s ease-out;
	visibility: hidden
}

.portal-assistant-tooltip-wrapper:hover .portal-assistant-tooltip {
	opacity: 1;
	transform: scale(1) translate(-50%) translateY(0);
	transform-origin: bottom left;
	transition: opacity .1s ease-out, transform .1s ease-out;
	visibility: visible
}

.portal-assistant-tooltip {
	background: #272a30;
	border-radius: 6px;
	box-shadow: 0 2px 8px #070c141f;
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	left: 50%;
	line-height: 24px;
	padding: 8px;
	position: absolute;
	white-space: nowrap;
	z-index: 1000
}

.portal-assistant-tooltip:after {
	content: "";
	height: 12px;
	left: 0;
	position: absolute;
	width: 100%
}

.portal-assistant-tooltip-top {
	bottom: calc(100% + 12px)
}

.portal-assistant-tooltip-top:after {
	top: 100%
}

.portal-assistant-tooltip-bottom {
	top: calc(100% + 12px)
}

.portal-assistant-tooltip-bottom:after {
	bottom: 100%
}

.portal-assistant-tooltip-arrow {
	background: #272a30;
	border-radius: 2px;
	height: 7px;
	left: 50%;
	position: absolute;
	transform: translate(-50%) rotate(45deg);
	width: 7px
}

.portal-assistant-tooltip-top .portal-assistant-tooltip-arrow {
	top: calc(100% - 4px)
}

.portal-assistant-tooltip-bottom .portal-assistant-tooltip-arrow {
	bottom: calc(100% - 4px)
}

.portal-assistant-user-message {
	background: #ecedf280;
	border-radius: 8px;
	color: #151b26;
	font-family: PingFang SC;
	font-size: 14px;
	margin-left: auto;
	padding: 12px 16px;
	width: fit-content;
	word-break: break-all
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-user-message {
	max-width: 520px
}

.portal-assistant-message-related-questions {
	margin-top: 8px
}

.portal-assistant-message-related-questions h4 {
	color: #151b26;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	padding-bottom: 12px
}

.portal-assistant-message-related-questions li {
	align-items: center;
	border: 1px solid #e8e9eb;
	border-radius: 8px;
	color: #151b26;
	cursor: pointer;
	display: flex;
	max-width: 100%;
	padding: 3px 15px;
	transition: color .1s linear;
	width: fit-content
}

.portal-assistant-message-related-questions li:hover {
	color: #2468f2
}

.portal-assistant-message-related-questions li:not(:first-child) {
	margin-top: 8px
}

.portal-assistant-message-related-questions li>div {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	margin-right: 4px;
	overflow: hidden;
	text-overflow: ellipsis
}

.portal-assistant-message-related-questions li .portal-assistant-icon-arrow {
	flex-shrink: 0;
	height: 14px;
	width: 14px
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-message-related-questions {
	margin-top: 20px
}

.portal-assistant-not-login-info {
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px
}

.portal-assistant-not-login-btn {
	color: #2468f2;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	margin: 0 4px
}

.portal-assistant-not-login-btn:hover {
	color: #528eff
}

.portal-assistant-copy-button {
	align-items: center;
	background-color: #070c1400;
	border-radius: 4px;
	color: #5c5f66;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	gap: 4px;
	line-height: 20px;
	padding: 2px 4px !important;
	transition: background-color .1s linear !important
}

.portal-assistant-copy-button:hover {
	background-color: #070c140a
}

.portal-assistant-copied-icon,
.portal-assistant-copy-icon {
	height: 16px;
	width: 16px
}

.portal-assistant-checkbox {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 4px
}

.portal-assistant-checkbox input[type=checkbox] {
	display: none
}

.portal-assistant-checkbox:hover .portal-assistant-checkbox-icon-unselected {
	color: #2468f2
}

.portal-assistant-checkbox-label {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 20px
}

.portal-assistant-checkbox-icon svg {
	display: block;
	height: 15px;
	width: 15px
}

.portal-assistant-checkbox-icon-unselected {
	color: #0912211f;
	transition: color .1s linear
}

.portal-feedback-modal-mask {
	display: flex;
	inset: 0;
	position: absolute
}

.portal-assistant-feedback-modal {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 42px #09122114;
	box-sizing: border-box;
	padding: 16px 20px;
	position: absolute;
	width: 300px
}

.portal-assistant-feedback-modal * {
	box-sizing: border-box
}

.portal-assistant-feedback-modal h4 {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 16px
}

.portal-assistant-feedback-close {
	color: #091221;
	position: absolute;
	right: 20px;
	top: 20px;
	transition: color .1s linear
}

.portal-assistant-feedback-close:hover {
	color: #2468f2
}

.portal-assistant-feedback-checkbox-group {
	column-gap: 26px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	row-gap: 10px
}

.portal-assistant-feedback-checkbox-group .portal-assistant-checkbox {
	white-space: nowrap
}

.portal-assistant-feedback-textarea-wrapper {
	background: #fff;
	border: 1px solid rgba(9, 18, 33, .12);
	border-radius: 4px;
	height: 72px;
	margin-bottom: 16px;
	padding: 10px 3px 10px 16px;
	transition: border-color .1s linear;
	width: 100%
}

.portal-assistant-feedback-textarea-wrapper.portal-assistant-feedback-textarea-wrapper-hide {
	display: none
}

.portal-assistant-feedback-textarea-wrapper:focus,
.portal-assistant-feedback-textarea-wrapper:hover {
	border-color: #2468f2
}

.portal-assistant-feedback-textarea {
	border: none;
	display: block;
	height: 100%;
	outline: none;
	padding: 0 7px 0 0;
	resize: none;
	width: 100%
}

.portal-assistant-feedback-btn-row {
	display: flex;
	justify-content: flex-end
}

.portal-assistant-feedback-btn-row .portal-assistant-feedback-submit {
	background: #2468f2;
	border-radius: 4px;
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	padding: 3px 16px;
	transition: background .1s linear
}

.portal-assistant-feedback-btn-row .portal-assistant-feedback-submit:hover {
	background: #144bcc
}

.portal-assistant-feedback {
	align-items: center;
	display: flex;
	gap: 4px
}

.portal-assistant-feedback .portal-assistant-tooltip-wrapper:hover .portal-assistant-feedback-dislike,
.portal-assistant-feedback .portal-assistant-tooltip-wrapper:hover .portal-assistant-feedback-like {
	background-color: #070c140a
}

.portal-assistant-feedback-dislike,
.portal-assistant-feedback-like {
	background-color: #070c1400;
	border-radius: 4px;
	box-sizing: border-box;
	color: #5c5f66;
	display: block;
	height: 24px;
	padding: 4px !important;
	transition: color .1s linear;
	transition: background-color .1s linear !important;
	width: 24px
}

.portal-assistant-feedback-dislike:hover,
.portal-assistant-feedback-like:hover {
	background-color: #070c140a
}

.portal-assistant-feedback-dislike {
	transform: rotate(180deg)
}

.portal-assistant-collapse {
	background: #ffffff80;
	border: 1px solid #e8e9eb;
	border-radius: 18px;
	box-sizing: border-box;
	transition: all .3s ease-out;
	width: fit-content
}

.portal-assistant-collapse:not(.portal-assistant-collapse-open):hover {
	background: #070c140a;
	border: 1px solid #e8e9eb
}

.portal-assistant-collapse-expand-arrow {
	transition: transform .3s ease-in-out
}

.portal-assistant-collapse-open {
	border-radius: 8px;
	width: 100%
}

.portal-assistant-collapse-open .portal-assistant-collapse-expand-arrow {
	transform: rotate(180deg)
}

.portal-assistant-collapse-title {
	align-items: center;
	color: #151b26;
	cursor: pointer;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	padding: 8px 16px;
	user-select: none;
	white-space: nowrap;
	width: fit-content
}

.portal-assistant-collapse-content .portal-assistant-collapse-content-inner {
	box-sizing: border-box;
	height: calc(100% - 16px);
	margin-bottom: 12px;
	margin-top: 4px;
	padding: 0 16px
}

.portal-assistant-reference {
	margin-top: 12px
}

.portal-assistant-reference .portal-assistant-reference-link-icon {
	height: 16px;
	margin-right: 8px;
	width: 16px
}

.portal-assistant-reference .portal-assistant-collapse-expand-arrow {
	height: 16px;
	margin-left: 8px;
	width: 16px
}

.portal-assistant-reference .portal-assistant-collapse-content {
	position: relative
}

.portal-assistant-reference .portal-assistant-collapse-content .portal-assistant-collapse-content-inner {
	max-height: 204px;
	overflow-y: auto !important
}

.portal-assistant-reference-list {
	color: #2468f2;
	display: flex;
	flex-direction: column;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	gap: 8px;
	line-height: 20px
}

.portal-assistant-reference-list a,
.portal-assistant-reference-list li,
.portal-assistant-reference-list p {
	color: #2468f2;
	font-family: inherits;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .1s ease-in-out;
	white-space: nowrap
}

.portal-assistant-reference-list li {
	display: inline-flex;
	position: relative;
	width: 100%
}

.portal-assistant-reference-list li:before {
	color: inherit;
	content: attr(data-idx) ".";
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 20px
}

.portal-assistant-reference-list a:hover,
.portal-assistant-reference-list li:hover a,
.portal-assistant-reference-list li:hover:before {
	color: #144bcc
}

.portal-assistant-reference-list .portal-assistant-reference-list-href {
	cursor: pointer
}

.portal-assistant-reference-popover {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 42px #09122114;
	opacity: 0;
	position: fixed;
	transform: scale(.9) translateY(-4px);
	transition: visibility 0s linear .2s, transform .2s ease-out, opacity .2s ease-out;
	visibility: hidden;
	z-index: 10000
}

.portal-assistant-reference-popover.portal-assistant-reference-popover-show {
	opacity: 1;
	transform: scale(1) translateY(0);
	transition: transform .2s ease-out, opacity .2s ease-out;
	visibility: visible
}

.portal-assistant-reference-popover.portal-assistant-reference-popover-up:after {
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%
}

.portal-assistant-reference-popover.portal-assistant-reference-popover-down:before {
	bottom: 100%;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	width: 100%
}

.portal-assistant-reference-popover-inner {
	max-height: 308px;
	overflow: hidden;
	padding-bottom: 16px;
	padding-right: 4px;
	padding-top: 16px;
	width: 280px
}

.portal-assistant-reference-popover-inner_header {
	max-height: 276px;
	overflow-y: auto;
	padding-left: 16px;
	padding-right: 12px
}

.portal-assistant-reference-popover-header {
	margin-bottom: 8px
}

.portal-assistant-reference-popover-title {
	color: #151b26;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px
}

.portal-assistant-reference-popover-content {
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	word-break: break-all
}

.portal-assistant-reference-popover-content * {
	font-size: 14px !important
}

.portal-assistant-reference-popover-content a {
	color: #2468f2;
	transition: color .1s linear
}

.portal-assistant-reference-popover-content a:hover {
	color: #144bcc
}

.portal-assistant-reference-popover-content img {
	display: block;
	height: auto;
	margin: 0 8px;
	max-width: 100%
}

.portal-assistant-ticket-message {
	padding-bottom: 2px
}

.portal-assistant-ticket-message>p {
	color: #151b26;
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 12px
}

.portal-assistant-ticket-card {
	border: 1px solid rgba(79, 89, 102, .12);
	border-radius: 8px;
	box-shadow: 0 2px 4px #0912210a;
	display: block;
	padding: 15px;
	width: 283px
}

.portal-assistant-ticket-card:hover .portal-assistant-ticket-card-title {
	color: #2468f2
}

.portal-assistant-ticket-card-title {
	align-items: center;
	color: #151b26;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 2px;
	transition: color .1s linear
}

.portal-assistant-ticket-card-title-icon {
	height: 16px;
	margin-left: 6px;
	width: 16px
}

.portal-assistant-ticket-card-desc {
	color: #84868c;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-ticket-message .portal-assistant-ticket-card-title,
.portal-assistant-dialog-panel-fullscreen .portal-assistant-ticket-message>p {
	font-size: 16px;
	line-height: 26px
}

.icon-portal-assistant-loading {
	height: 40px;
	width: 40px
}

.icon-portal-assistant-loading img {
	display: block;
	height: 100%;
	width: 100%
}

.portal-assistant-message-loading {
	align-items: center;
	color: #151b26;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	gap: 4px;
	line-height: 24px
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-message-loading {
	font-size: 16px;
	line-height: 24px
}

.portal-assistant-example-code-message>p {
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 12px
}

.portal-assistant-example-code-message .portal-assistant-example-code-card {
	border: 1px solid #e8e9eb;
	border-radius: 8px;
	box-shadow: 0 2px 4px #0912210a;
	display: block;
	overflow: hidden
}

.portal-assistant-example-code-message .portal-assistant-example-code-card:hover .portal-assistant-example-code-name {
	color: #2468f2
}

.portal-assistant-example-code-content {
	align-items: center;
	display: flex;
	gap: 8px;
	padding: 15px
}

.portal-assistant-example-code-content>svg {
	height: 40px;
	width: 40px
}

.portal-assistant-example-code-name {
	align-items: center;
	color: #151b26;
	display: flex;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	gap: 8px;
	line-height: 24px;
	margin-bottom: 2px;
	transition: color .1s linear
}

.portal-assistant-example-code-name>svg {
	height: 16px;
	width: 16px
}

.portal-assistant-example-code-product {
	color: #84868c;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px;
	text-align: left
}

.portal-assistant-example-code-footer {
	align-items: center;
	background: #f7f7f9;
	display: flex;
	gap: 8px;
	padding: 5px 15px
}

.portal-assistant-example-code-footer .desc {
	color: #84868c;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 20px
}

.portal-assistant-example-code-footer .divider {
	background: #84868c;
	height: 10px;
	opacity: .5;
	width: 1px
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-example-code-name {
	font-size: 16px;
	line-height: 26px
}

.portal-assistant-guide-title {
	margin-bottom: 8px
}

.portal-assistant-guide-title,
.portal-assistant-markdown-content {
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px
}

.portal-assistant-markdown-content ::highlight(md-highlight) {
	background-color: #eff5fd
}

.portal-assistant-markdown-content li span,
.portal-assistant-markdown-content p span,
.portal-assistant-markdown-content span[style="font-size: 12px;"] {
	font-family: PingFangSC-Regular !important;
	font-size: 14px !important;
	line-height: 24px
}

.portal-assistant-markdown-content a,
.portal-assistant-markdown-content div,
.portal-assistant-markdown-content li,
.portal-assistant-markdown-content ol,
.portal-assistant-markdown-content p,
.portal-assistant-markdown-content sup {
	font-family: inherit;
	word-break: break-all
}

.portal-assistant-markdown-content img {
	display: block;
	height: auto;
	margin-top: 12px;
	max-width: 100%;
	width: auto
}

.portal-assistant-markdown-content img+img {
	margin-top: 8px
}

.portal-assistant-markdown-content :is(p, ul, ol):not(:first-child) {
	margin-top: 8px
}

.portal-assistant-markdown-content ol,
.portal-assistant-markdown-content ul {
	padding-left: 22px
}

.portal-assistant-markdown-content ol li:not(:first-child),
.portal-assistant-markdown-content ul li:not(:first-child) {
	margin-top: 16px
}

.portal-assistant-markdown-content ol li {
	list-style-type: decimal
}

.portal-assistant-markdown-content ul li {
	list-style-type: disc
}

.portal-assistant-markdown-content strong {
	font-family: PingFangSC-Medium;
	font-weight: 500
}

.portal-assistant-markdown-content a {
	color: #2468f2;
	transition: color .1s linear
}

.portal-assistant-markdown-content a:hover {
	color: #144bcc
}

.portal-assistant-markdown-content sup {
	background: #e8e9eb;
	border-radius: 8px;
	color: #151b26;
	cursor: pointer;
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 10px;
	font-weight: 500;
	height: 16px;
	line-height: 16px;
	margin-left: 4px;
	position: relative;
	text-align: center;
	top: 4px;
	transition: .1s linear;
	vertical-align: top;
	width: 16px
}

.portal-assistant-markdown-content sup:hover {
	background: #2468f2;
	color: #fff
}

.portal-assistant-markdown-content sup:active {
	background: #144bcc
}

.portal-assistant-markdown-content sup.reference-popover-active-sup {
	background: #144bcc;
	color: #fff
}

.portal-assistant-markdown-content p+table {
	margin-top: 12px
}

.portal-assistant-markdown-content table {
	border-collapse: collapse;
	border-radius: 8px
}

.portal-assistant-markdown-content table thead th {
	background: #f7f7f9
}

.portal-assistant-markdown-content table td,
.portal-assistant-markdown-content table th {
	border-right: 1px solid #e8e9eb;
	box-sizing: border-box;
	color: #151b26;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	min-width: 104px
}

.portal-assistant-markdown-content table td:last-child,
.portal-assistant-markdown-content table th:last-child {
	border-right: 0
}

.portal-assistant-markdown-content table tr {
	border-bottom: 1px solid #e8e9eb;
	border-top: 1px solid #e8e9eb
}

.portal-assistant-markdown-content table th {
	padding: 4px 12px;
	text-align: left;
	white-space: nowrap
}

.portal-assistant-markdown-content table td {
	padding: 8px 12px
}

.portal-assistant-markdown-content table thead tr:last-child,
.portal-assistant-markdown-content table>tr:first-child {
	border-radius: 0 0 8px 8px;
	border-top: 0
}

.portal-assistant-markdown-content table thead tr:last-child :is(td, th):first-child,
.portal-assistant-markdown-content table>tr:first-child :is(td, th):first-child {
	border-radius: 8px 0 0
}

.portal-assistant-markdown-content table thead tr:last-child :is(td, th):last-child,
.portal-assistant-markdown-content table>tr:first-child :is(td, th):last-child {
	border-radius: 0 8px 0 0
}

.portal-assistant-markdown-content table tbody tr:last-child,
.portal-assistant-markdown-content table>tr:last-child {
	border-bottom: 0;
	border-radius: 0 0 8px 8px
}

.portal-assistant-markdown-content table tbody tr:last-child td:first-child,
.portal-assistant-markdown-content table>tr:last-child td:first-child {
	border-radius: 0 0 0 8px
}

.portal-assistant-markdown-content table tbody tr:last-child td:last-child,
.portal-assistant-markdown-content table>tr:last-child td:last-child {
	border-radius: 0 0 8px
}

.portal-assistant-markdown-content .portal-assistant-message-table-wrapper {
	border: 1px solid #e8e9eb;
	border-radius: 8px;
	margin-top: 12px;
	max-width: 100%;
	width: fit-content
}

.portal-assistant-markdown-content .portal-assistant-message-table-wrapper+p {
	margin-top: 12px
}

.portal-assistant-markdown-content .portal-assistant-message-table-wrapper .os-scrollbar-horizontal {
	--os-size: 12px;
	--os-handle-bg: rgba(7, 12, 20, .15);
	--os-handle-border-radius: 3px;
	padding-bottom: 4px
}

.portal-assistant-markdown-content .portal-assistant-message-reference {
	display: none
}

.portal-assistant-markdown-content.portal-assistant-markdown-content-highlight p {
	position: relative;
	z-index: 10
}

.portal-assistant-markdown-content.portal-assistant-markdown-content-highlight p:after {
	background: #eff5fd;
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 100%;
	z-index: -1
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-markdown-content {
	font-size: 16px;
	line-height: 26px
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-markdown-content li span,
.portal-assistant-dialog-panel-fullscreen .portal-assistant-markdown-content p span,
.portal-assistant-dialog-panel-fullscreen .portal-assistant-markdown-content span[style="font-size: 12px;"] {
	font-size: 16px !important;
	line-height: 26px
}

.portal-assistant-message:hover .portal-assistant-message-operation {
	opacity: 1;
	visibility: visible
}

.portal-assistant-message-operation {
	align-items: center;
	display: flex;
	gap: 8px;
	margin-top: 8px;
	opacity: 0;
	transition: opacity .1s linear;
	visibility: hidden
}

.portal-assistant-message-operation.portal-assistant-message-operation-visible,
.portal-assistant-message-operation.portal-assistant-message-operation-visible-force {
	opacity: 1;
	visibility: visible
}

.portal-assistant-message-operation-divider {
	background: #0912211f;
	height: 12px;
	width: 1px
}

.portal-assistant-manual-stop-text {
	margin-top: 12px
}

.portal-assistant-manual-stop-text,
.portal-assistant-retry {
	color: #091221b3;
	font-family: PingFang SC;
	font-size: 12px;
	line-height: 20px
}

.portal-assistant-retry {
	align-items: center;
	display: inline-flex;
	gap: 4px;
	margin-top: 16px
}

.portal-assistant-retry svg {
	height: 16px;
	width: 16px
}

.portal-assistant-retry:hover {
	color: #2468f2
}

.portal-assistant-message-knowledge-title {
	color: #151b26;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 8px
}

.portal-assistant-dialog-panel-fullscreen .portal-assistant-message-knowledge-title {
	font-size: 16px;
	line-height: 26px
}

.portal-assistant-show-login-text {
	margin-top: 20px
}

.portal-assistant-show-login-text a {
	cursor: pointer
}

.custom-viewer .react-viewer-toolbar {
	align-items: center;
	background: #070c1480;
	border-radius: 8px;
	bottom: 24px;
	box-sizing: border-box;
	color: #fafafae6;
	display: flex;
	height: 52px !important;
	left: 50% !important;
	padding: 10px 16px !important;
	position: fixed;
	transform: translate(-50%)
}

.custom-viewer .react-viewer-mask {
	background: #000000b3 !important
}

.custom-viewer .react-viewer-canvas {
	overflow: inherit !important
}

.custom-viewer .react-viewer-canvas>img.drag {
	cursor: pointer !important
}

.custom-viewer .react-viewer-close.react-viewer-btn {
	align-items: center;
	background: #070c1480;
	border-radius: 8px !important;
	display: flex;
	justify-content: center;
	margin-right: 24px;
	margin-top: 24px
}

.custom-viewer .react-viewer-close.react-viewer-btn .react-viewer-icon.react-viewer-icon-close {
	left: 0 !important;
	top: 0 !important
}

.custom-viewer .react-viewer-close.react-viewer-btn:hover {
	background: #070c14b3
}

.custom-viewer .react-viewer-footer .react-viewer-btn {
	background-color: #0000 !important
}

.custom-viewer .react-viewer-footer .react-viewer-btn svg {
	height: 24px;
	padding: 4px;
	width: 24px
}

.custom-viewer .react-viewer-toolbar li {
	align-items: center;
	display: flex !important;
	height: auto !important;
	justify-content: center;
	line-height: 0px !important;
	margin-right: 4px !important;
	width: auto !important
}

.custom-viewer .react-viewer-toolbar li:last-child,
.custom-viewer .react-viewer-toolbar li:nth-child(3),
.custom-viewer li:nth-child(4) {
	margin-right: 0 !important
}

.custom-viewer [data-key=next] :hover,
.custom-viewer [data-key=prev] :hover,
.custom-viewer [data-key=zoomIn] :hover,
.custom-viewer [data-key=zoomOut] :hover {
	background: #070c144d;
	border-radius: 4px
}

.custom-viewer [data-key=pagination]:hover,
.custom-viewer [data-key=spliter]:hover {
	cursor: default !important
}

.custom-viewer .react-viewer-spliter {
	border-left: 1px solid hsla(0, 0%, 100%, .15);
	height: 20px;
	margin: 0 16px
}

.custom-viewer .react-viewer-canvas {
	transform: scale(var(--scale)) !important
}

.custom-viewer .react-viewer-pagination {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	min-width: 24px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.custom-viewer .react-viewer-image {
	transition: transform .1s ease-out
}

.custom-viewer .react-viewer-icon-close:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h16v16H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m12.95 3.05-9.9 9.9M12.95 12.95l-9.9-9.9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	content: "" !important;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px
}

.custom-viewer .custom-range {
	accent-color: #4caf50;
	-webkit-appearance: none;
	background: transparent;
	cursor: pointer;
	height: 2px;
	height: 10px;
	margin-bottom: 5px;
	outline: none;
	width: 80px
}

.custom-viewer .custom-range::-webkit-slider-runnable-track {
	background: linear-gradient(to right, #2468f2 0, #2468f2 var(--fill-percent, 50%), hsla(0, 0%, 100%, .15) var(--fill-percent, 50%), hsla(0, 0%, 100%, .15) 100%);
	border-radius: 4px;
	height: 2px;
	width: 100%
}

.custom-viewer .custom-range::-moz-range-track {
	background: #ddd;
	border-radius: 4px;
	height: 2px;
	width: 100%
}

.custom-viewer .custom-range::-moz-range-progress {
	background: #4caf50;
	border-radius: 4px;
	height: 2px
}

.custom-viewer .custom-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: #fff;
	border-radius: 50%;
	height: 10px;
	margin-top: -4px;
	transition: transform .2s;
	width: 10px
}

.custom-viewer .custom-range::-moz-range-thumb {
	background: #fff;
	border-radius: 50%;
	height: 10px;
	width: 10px
}

.custom-viewer .range-slider-labels {
	color: #666;
	display: flex;
	font-size: 14px;
	justify-content: space-between
}

.custom-viewer .range-value {
	color: #4caf50;
	font-weight: 700
}

.react-viewer-zoom-text {
	align-items: center;
	background: #070c14b3;
	border-radius: 8px;
	color: #fff;
	display: flex;
	height: 38px;
	justify-content: center;
	left: 50%;
	padding: 16px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%) !important;
	width: 64px;
	z-index: 9999999
}

.react-viewer-transition {
	-webkit-transition: opacity 0s linear !important;
	transition: opacity 0s linear !important
}

.viewer-toolbar-btn {
	background: none !important;
	border: none !important;
	color: #fff !important;
	cursor: pointer !important;
	display: flex !important;
	margin: 0 !important;
	outline: none !important;
	padding: 0 !important
}

.viewer-toolbar-btn--disabled,
.viewer-toolbar-btn:disabled {
	cursor: default !important;
	opacity: .4 !important
}

.portal-assistant-dialog-panel {
	height: 100%;
	padding: 20px 20px 0
}

.portal-assistant-dialog-panel .portal-assistant-scroll-top {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(79, 89, 102, .12);
	border-radius: 50%;
	bottom: 104px;
	box-shadow: 0 8px 42px #09122114;
	display: flex;
	height: 40px;
	justify-content: center;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: 40px;
	z-index: 10
}

.portal-assistant-dialog-panel .portal-assistant-scroll-top>svg {
	height: 20px;
	width: 20px
}

.portal-assistant-dialog-panel .portal-assistant-scroll-top:hover {
	color: #2468f2
}

.portal-assistant-dialog-panel.portal-assistant-dialog-panel-fullscreen {
	box-sizing: border-box;
	padding: 56px 0 0
}

.portal-assistant-dialog-panel.portal-assistant-dialog-panel-fullscreen .portal-assistant-dialog-panel-content {
	height: calc(100% - 112px)
}

.portal-assistant-dialog-panel-title {
	align-items: center;
	color: #151b26;
	display: flex;
	flex-direction: row;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 600;
	justify-content: space-between;
	padding-bottom: 20px
}

.portal-assistant-dialog-panel-title div:last-child {
	color: #2468f2;
	font-size: 12px
}

.portal-assistant-dialog-panel-content {
	height: calc(100% - 132px);
	overflow-y: auto
}

.portal-assistant-dialog-panel-content::-webkit-scrollbar {
	display: none
}

.portal-assistant-dialog-panel-content .portal-assistant-dialog-scroll-content {
	padding-bottom: 60px
}

.portal-assistant-dialog-panel-content .portal-assistant-dialog-scroll-content.ios {
	padding-bottom: 90px
}

.portal-assistant-dialog-panel-content .portal-assistant-dialog-scroll-content>:not(:first-child) {
	margin-top: 20px
}

.portal-assistant-fullscreen-panel .portal-assistant-dialog-scroll-content {
	margin: 0 auto;
	width: 800px
}

@media screen and (max-width:880px) {
	.portal-assistant-fullscreen-panel .portal-assistant-dialog-scroll-content {
		width: 100%
	}
}

.portal-assistant-toast-wrapper {
	box-sizing: border-box;
	height: fit-content;
	position: absolute;
	z-index: 10001
}

.portal-assistant-toast {
	position: relative
}

.portal-assistant-toast>span {
	background: #272a30;
	border-radius: 6px;
	box-shadow: 0 2px 8px #070c141f;
	color: #fff;
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 24px;
	padding: 8px;
	white-space: nowrap
}

.portal-assistant-toast .portal-assistant-toast-arrow {
	background: #272a30;
	border-radius: 2px;
	height: 7px;
	left: 50%;
	position: absolute;
	top: calc(100% - 4px);
	transform: translate(-50%) rotate(45deg);
	width: 7px
}

.portal-assistant-recorder-icon {
	align-items: center;
	bottom: 12px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	position: absolute;
	right: 64px
}

.portal-assistant-recorder-icon .portal-assistant-recorder-icon-button {
	align-items: center;
	border-radius: 4px;
	display: flex;
	height: 24px;
	justify-content: center;
	width: 24px
}

.portal-assistant-recorder-icon .portal-assistant-recorder-icon-button:hover {
	background: #070c140a
}

.portal-assistant-recorder-icon .portal-assistant-recorder-icon-asr {
	align-items: center;
	background: #0057ff1a;
	border-radius: 4px;
	display: flex;
	gap: 2.5px;
	height: 24px;
	justify-content: center;
	width: 24px
}

.portal-assistant-recorder-icon .portal-assistant-recorder-icon-asr .portal-assistant-recorder-icon-asr-bar {
	background: #06f;
	border-radius: 1px;
	height: 2px;
	opacity: 1;
	width: 2px
}

.portal-assistant-recorder-icon.portal-assistant-recorder-icon-mobile {
	right: 16px
}

.portal-assistant-mobile-screen-panel .portal-assistant-recorder-icon-button:hover {
	background: none
}

.portal-assistant-recorder-tooltips {
	background: #272a30;
	border-radius: 6px;
	bottom: calc(100% + 12px);
	box-shadow: 0 2px 8px #070c141f;
	color: #fff;
	cursor: default;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 24px;
	opacity: 0;
	padding: 8px;
	position: absolute;
	transform: scale(.9) translate(0) translateY(4px);
	transition: visibility 0s linear .1s, opacity .1s ease-out, transform .1s ease-out;
	visibility: visible;
	z-index: -10
}

.portal-assistant-recorder-tooltips.portal-assistant-recorder-input-tooltip {
	width: 210px
}

.portal-assistant-recorder-tooltips.portal-assistant-recorder-input-running {
	width: 68px
}

.portal-assistant-recorder-tooltips.portal-assistant-recorder-input-timeout {
	width: 204px
}

.portal-assistant-recorder-tooltips.portal-assistant-recorder-input-error {
	width: 140px
}

.portal-assistant-recorder-tooltips.portal-assistant-recorder-input-failed {
	width: 164px
}

.portal-assistant-recorder-tooltips:after {
	background: #272a30;
	border-radius: 2px;
	bottom: -3px;
	content: "";
	height: 7px;
	position: absolute;
	right: 50%;
	transform: translate(4px) rotate(45deg);
	width: 7px
}

.portal-assistant-recorder-tooltips.show-tip {
	opacity: 1;
	transform: scale(1) translate(0) translateY(0);
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
	visibility: visible;
	z-index: 1000
}

.portal-assistant-mobile-input-recorder {
	border-radius: 7px;
	box-shadow: 0 4px 12px #070c140f;
	padding: 12px 16px;
	position: relative;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	width: 100%
}

.portal-assistant-mobile-input-recorder .portal-assistant-mobile-input-keyboard {
	bottom: 12px;
	height: 24px;
	position: absolute;
	right: 16px
}

.portal-assistant-mobile-input-recorder .portal-assistant-mobile-recording-bar {
	align-items: center;
	display: flex;
	height: 22px;
	justify-content: center
}

.portal-assistant-mobile-input-recorder .recorder-mobile-input-bar {
	background: #fff;
	border-radius: 1px;
	height: 2px;
	margin: 0 2px;
	width: 2px
}

.portal-assistant-mobile-input-recorder.recording {
	background: #3867ea
}

.portal-assistant-mobile-input-recorder.cancel {
	background: #f33e3e
}

.portal-assistant-mobile-input-recorder .portal-assistant-recorder-text {
	align-items: flex-end;
	display: flex;
	font-family: PingFangSC-Semibold;
	font-size: 16px;
	gap: 8px;
	height: 24px;
	justify-content: center
}

.portal-assistant-mobile-input-recorder .portal-assistant-recorder-tip {
	bottom: 58px;
	color: #84868c;
	font-size: 13px;
	line-height: 20px;
	position: absolute
}

.portal-assistant-mobile-input-recorder .portal-assistant-recorder-tip.tip-cancel {
	color: #f33e3e
}

.portal-assistant-recorder-rotate {
	animation: rotate 1s linear infinite
}

@keyframes rotate {
	to {
		transform: rotate(0)
	}

	0% {
		transform: rotate(1turn)
	}
}

.portal-assistant-input-block {
	background: #fff;
	border-radius: 0 0 8px 8px;
	position: absolute
}

.portal-assistant-input-block.portal-assistant-input-block-side {
	bottom: 0;
	left: 0;
	padding: 20px 20px 32px;
	right: 0
}

.portal-assistant-input-block.portal-assistant-input-block-fullscreen {
	border-radius: 0;
	bottom: 0;
	margin: 0 calc(50% - 400px);
	padding: 32px 0;
	width: 800px
}

@media screen and (max-width:880px) {
	.portal-assistant-input-block.portal-assistant-input-block-fullscreen {
		margin: 0;
		width: calc(100% - 80px)
	}
}

@media screen and (max-width:600px) {
	.portal-assistant-input-block.portal-assistant-input-block-fullscreen {
		margin: 0;
		width: calc(100% - 40px)
	}
}

.portal-assistant-input-wrapper {
	border: 1px solid #2468f2;
	border-radius: 8px;
	position: relative
}

.portal-assistant-input-wrapper:has(.portal-assistant-input-textarea:not(:focus)) {
	border-color: #4f59661f
}

.portal-assistant-input-wrapper:hover {
	border-color: #2468f2 !important
}

.portal-assistant-input-wrapper.portal-assistant-input-border {
	border: 1px solid #e8e9eb
}

.portal-assistant-input-wrapper.portal-assistant-input-border:hover {
	border: 1px solid #e8e9eb !important
}

.portal-assistant-input-limit-warning {
	bottom: 14px;
	color: #f33e3e;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	left: 16px;
	line-height: 20px;
	position: absolute
}

.portal-assistant-input-icon-wrapper {
	bottom: 12px;
	position: absolute;
	right: 16px
}

.portal-assistant-input-icon-wrapper .portal-assistant-tooltip {
	bottom: calc(100% + 10px)
}

.portal-assistant-input-icon-wrapper .portal-assistant-input-send,
.portal-assistant-input-icon-wrapper .portal-assistant-input-send-disable,
.portal-assistant-input-icon-wrapper .portal-assistant-input-stop {
	cursor: pointer;
	display: block;
	height: 24px;
	width: 24px
}

.portal-assistant-input-icon-wrapper .portal-assistant-input-send .portal-assistant-input-icon-default,
.portal-assistant-input-icon-wrapper .portal-assistant-input-send-disable .portal-assistant-input-icon-default,
.portal-assistant-input-icon-wrapper .portal-assistant-input-stop .portal-assistant-input-icon-default {
	display: block
}

.portal-assistant-input-icon-wrapper .portal-assistant-input-send .portal-assistant-input-icon-hover,
.portal-assistant-input-icon-wrapper .portal-assistant-input-send-disable .portal-assistant-input-icon-hover,
.portal-assistant-input-icon-wrapper .portal-assistant-input-stop .portal-assistant-input-icon-hover {
	display: none
}

.portal-assistant-input-icon-wrapper .portal-assistant-input-send-disable {
	cursor: not-allowed
}

.portal-assistant-input-icon-wrapper .portal-assistant-input-send-disable:hover .portal-assistant-input-icon-default,
.portal-assistant-input-icon-wrapper .portal-assistant-input-send:hover .portal-assistant-input-icon-default,
.portal-assistant-input-icon-wrapper .portal-assistant-input-stop:hover .portal-assistant-input-icon-default {
	display: none
}

.portal-assistant-input-icon-wrapper .portal-assistant-input-send-disable:hover .portal-assistant-input-icon-hover,
.portal-assistant-input-icon-wrapper .portal-assistant-input-send:hover .portal-assistant-input-icon-hover,
.portal-assistant-input-icon-wrapper .portal-assistant-input-stop:hover .portal-assistant-input-icon-hover {
	display: block
}

.portal-assistant-input {
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 4px 12px #070c140f;
	display: flex;
	position: relative
}

.portal-assistant-input-textarea-wrapper {
	padding: 12px 16px;
	position: relative;
	width: 100%
}

.portal-assistant-input-textarea-wrapper.portal-assistant-input-textarea-wrapper-multiline {
	padding-bottom: 48px
}

.portal-assistant-input-textarea,
.portal-assistant-input-textarea-ruler {
	border: none;
	color: #151b26;
	display: block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 24px;
	outline: none;
	padding: 0;
	resize: none
}

.portal-assistant-input-textarea {
	width: 100%
}

.portal-assistant-input-textarea::placeholder {
	color: #84868c
}

.portal-assistant-input-textarea-ruler {
	left: 19px;
	position: absolute;
	right: 20px;
	top: 0;
	visibility: hidden
}

.portal-assistant-input-textarea-ruler:not(.portal-assistant-input-textarea-ruler-scroll)::-webkit-scrollbar {
	display: none
}

.portal-assistant-input-textarea-row-ruler {
	border: none;
	color: #091221;
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	height: 20px;
	left: 19px;
	line-height: 20px;
	padding: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	white-space: nowrap
}

.portal-assistant-input-divided {
	background: #e1e4ea;
	bottom: 15px;
	height: 18px;
	position: absolute;
	right: 52px;
	width: 1px
}

.portal-assistant-side-content-chat {
	display: none;
	visibility: hidden
}

.portal-assistant-side-content-chat.portal-assistant-side-content-chat-open {
	display: block;
	height: 100%;
	visibility: visible
}

.prompt {
	color: #b8babf;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	justify-content: center;
	line-height: 20px
}

.prompt p {
	bottom: 6px;
	position: absolute
}

.portal-assistant-side-panel {
	--portal-assistant-toolbar-width: 60px;
	--portal-assistant-content-width: 400px;
	border-radius: 8px 0 0 8px;
	bottom: 0;
	box-shadow: -4px 0 42px #09122114;
	display: flex;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: calc(var(--cloud-nav-height) + var(--cloud-header-operate-height));
	transition: .3s ease-out;
	width: 0
}

.portal-assistant-side-panel * {
	box-sizing: border-box
}

.portal-assistant-side-panel button {
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	transition: color .1s linear
}

.portal-assistant-side-panel.portal-assistant-side-panel-open {
	opacity: 1;
	pointer-events: auto;
	width: calc(var(--portal-assistant-resizable-width) + var(--portal-assistant-toolbar-width));
	z-index: 998
}

.portal-assistant-side-panel.portal-assistant-side-panel-open.portal-assistant-side-panel-resizing {
	width: auto
}

.portal-assistant-side-panel .portal-assistant-welcome-step-1,
.portal-assistant-side-panel .portal-assistant-welcome-step-2,
.portal-assistant-side-panel .portal-assistant-welcome-step-3,
.portal-assistant-side-panel .portal-assistant-welcome-step-4,
.portal-assistant-side-panel .portal-assistant-welcome-step-5,
.portal-assistant-side-panel .portal-assistant-welcome-step-6,
.portal-assistant-side-panel .portal-assistant-welcome-step-7 {
	opacity: 0;
	transform: translateY(20px);
	transition: all .3s ease-out .4s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open :is(.portal-assistant-welcome-step-1, .portal-assistant-welcome-step-2, .portal-assistant-welcome-step-3, .portal-assistant-welcome-step-4, .portal-assistant-welcome-step-5, .portal-assistant-welcome-step-6, .portal-assistant-welcome-step-7) {
	opacity: 1;
	transform: translateY(0)
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-welcome-step-2 {
	transition-delay: .44s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-welcome-step-3 {
	transition-delay: .48s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-welcome-step-4 {
	transition-delay: .52s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-welcome-step-5 {
	transition-delay: .56s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-welcome-step-6 {
	transition-delay: .6s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-welcome-step-7 {
	transition-delay: .64s
}

.portal-assistant-side-panel .portal-assistant-input-block {
	opacity: 0;
	transition: opacity .3s ease-out .48s
}

.portal-assistant-side-panel.portal-assistant-side-panel-open .portal-assistant-input-block {
	opacity: 1
}

.portal-assistant-side-panel ::-webkit-scrollbar {
	width: 6px
}

.portal-assistant-side-panel ::-webkit-scrollbar-track {
	background-color: transparent;
	background: transparent;
	cursor: default
}

.portal-assistant-side-panel ::-webkit-scrollbar-thumb {
	background-color: #dfe3ec;
	border-radius: 3px;
	cursor: default
}

.portal-assistant-side-content {
	background: #fff;
	border-radius: 8px 0 0 8px;
	flex-shrink: 0;
	height: 100%;
	position: relative
}

.portal-assistant-side-toolbar {
	background: #f1f6fd;
	padding: 14px 6px;
	width: var(--portal-assistant-toolbar-width)
}

.portal-assistant-side-toolbar .portal-assistant-side-toolbar-btns {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px
}

.portal-assistant-side-toolbar .portal-assistant-side-toolbar-btns button {
	border-radius: 4px;
	color: #091221b3;
	height: 20px;
	width: 20px
}

.portal-assistant-side-toolbar .portal-assistant-side-toolbar-btns button:hover {
	background: #070c140a
}

.portal-assistant-side-toolbar .portal-assistant-side-toolbar-btns svg {
	height: 100%;
	width: 100%
}

.portal-assistant-side-toolbar .portal-assistant-side-tool {
	align-items: center;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	padding: 8px 0 6px;
	width: 48px
}

.portal-assistant-side-toolbar .portal-assistant-side-tool.portal-assistant-side-tool-active {
	background: #fff
}

.portal-assistant-side-toolbar .portal-assistant-side-tool.portal-assistant-side-tool-active>span {
	color: #2468f2
}

.portal-assistant-side-toolbar .portal-assistant-side-tool>svg {
	margin-bottom: 2px
}

.portal-assistant-side-toolbar .portal-assistant-side-tool>span {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	transition: color .1s linear
}

.portal-assistant-side-toolbar .portal-assistant-side-tool+.portal-assistant-side-tool {
	margin-top: 6px
}

.portal-assistant-side-toolbar .portal-assistant-side-tool:hover>span,
.portal-assistant-side-toolbar .portal-assistant-side-tool:hover>svg {
	color: #2468f2
}

.assistant-scroll-forbid {
	overflow: hidden !important
}

.assistant-scroll-bar-hide {
	overflow: auto;
	scrollbar-width: none
}

.assistant-scroll-bar-hide::-webkit-scrollbar {
	display: none
}

.portal-assistant-fullscreen-panel {
	--portal-assistant-toolbar-width: 240px;
	background: #fff;
	display: flex;
	inset: 0;
	opacity: 0;
	overflow-x: auto;
	position: fixed;
	transition: opacity .3s ease-out;
	visibility: hidden;
	z-index: 10000
}

.portal-assistant-fullscreen-panel::-webkit-scrollbar {
	display: none
}

.portal-assistant-fullscreen-panel ::-webkit-scrollbar {
	width: 6px
}

.portal-assistant-fullscreen-panel ::-webkit-scrollbar-track {
	background-color: transparent;
	background: transparent;
	cursor: default
}

.portal-assistant-fullscreen-panel ::-webkit-scrollbar-thumb {
	background-color: #dfe3ec;
	border-radius: 3px;
	cursor: default
}

.portal-assistant-fullscreen-panel button {
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	transition: color .1s linear
}

.portal-assistant-fullscreen-panel:not(.portal-assistant-fullscreen-panel-open) * {
	visibility: hidden !important
}

.portal-assistant-fullscreen-panel.portal-assistant-fullscreen-panel-open {
	opacity: 1;
	visibility: visible
}

.portal-assistant-fullscreen-toolbar-wrapper {
	flex: 0 0 var(--portal-assistant-toolbar-width)
}

.portal-assistant-fullscreen-toolbar-switch {
	cursor: pointer;
	display: none;
	height: 24px;
	left: 24px;
	position: fixed;
	top: 16px;
	width: 24px;
	z-index: 11
}

.portal-assistant-fullscreen-toolbar {
	background: #f1f6fd;
	height: 100%;
	width: 100%
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-header {
	align-items: center;
	color: #091221;
	display: flex;
	font-family: PingFangSC-Semibold;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	padding: 20px 24px 26px
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-header .icon-portal-assistant-static {
	height: 28px;
	margin-right: 12px;
	width: 28px
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-tools {
	padding: 0 16px
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-tool {
	align-items: center;
	border-radius: 8px;
	color: #091221;
	display: flex;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	gap: 8px;
	height: 36px;
	line-height: 20px;
	padding-left: 14px;
	transition: color .1s linear;
	width: 100%
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-tool.portal-assistant-fullscreen-tool-active {
	background: #fff;
	color: #2468f2
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-tool+.portal-assistant-fullscreen-tool {
	margin-top: 4px
}

.portal-assistant-fullscreen-toolbar .portal-assistant-fullscreen-tool:hover {
	color: #2468f2
}

.portal-assistant-fullscreen-content {
	flex: 1;
	height: 100%;
	position: relative
}

.portal-assistant-fullscreen-toolbar-btns {
	display: flex;
	gap: 16px;
	position: fixed;
	right: 24px;
	top: 16px
}

.portal-assistant-fullscreen-toolbar-btns button {
	border-radius: 4px;
	height: 24px;
	width: 24px
}

.portal-assistant-fullscreen-toolbar-btns button svg {
	height: 100%;
	width: 100%
}

.portal-assistant-fullscreen-toolbar-btns button:hover {
	background: #070c140a
}

.portal-assistant-fullscreen-content-chat {
	display: none;
	visibility: hidden
}

.portal-assistant-fullscreen-content-chat.portal-assistant-fullscreen-content-chat-open {
	display: block;
	height: 100%;
	position: relative;
	visibility: visible
}

@media screen and (max-width:1199px) {
	.portal-assistant-fullscreen-toolbar-wrapper {
		flex: none;
		position: relative
	}

	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch {
		display: block
	}

	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch:hover {
		background: #070c140a;
		border-radius: 4px
	}

	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch+.portal-assistant-fullscreen-toolbar:hover,
	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch:hover+.portal-assistant-fullscreen-toolbar {
		height: unset;
		left: 24px;
		opacity: 1
	}

	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch+.portal-assistant-fullscreen-toolbar:hover:before,
	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch:hover+.portal-assistant-fullscreen-toolbar:before {
		content: "";
		height: 17px;
		left: 0;
		position: absolute;
		right: 0;
		top: -17px
	}

	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch+.portal-assistant-fullscreen-toolbar:hover:after,
	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar-switch:hover+.portal-assistant-fullscreen-toolbar:after {
		bottom: 0;
		content: "";
		left: -25px;
		position: absolute;
		top: -56px;
		width: 25px
	}

	.portal-assistant-fullscreen-toolbar-wrapper .portal-assistant-fullscreen-toolbar {
		background: #f1f6fd;
		border: 1px solid rgba(7, 12, 20, .04);
		border-radius: 12px;
		bottom: 56px;
		box-shadow: 0 8px 42px #09122114;
		display: block;
		height: unset;
		left: -244px;
		opacity: 0;
		position: absolute;
		top: 56px;
		transition: left .3s ease-out, opacity .3s ease-out;
		width: 240px;
		z-index: 11
	}
}

@media screen and (max-width:880px) {
	.portal-assistant-fullscreen-content>div:not(:has(.portal-assistant-iframe-wrapper)) {
		padding: 0 40px
	}
}

@media screen and (max-width:600px) {
	.portal-assistant-fullscreen-content>div:not(:has(.portal-assistant-iframe-wrapper)) {
		box-sizing: border-box;
		padding: 0 20px
	}
}

.portal-assistant-mobile-toolbar-right {
	align-items: center;
	display: flex;
	flex-direction: row
}

.portal-assistant-mobile-screen-panel {
	opacity: 0;
	transition: .3s ease-out;
	width: 100vw
}

.portal-assistant-mobile-screen-panel .portal-assistant-example-welcome {
	padding: 80px 0 0
}

.portal-assistant-mobile-screen-panel .portal-assistant-example-fullscreen-panel.example-panel-visible {
	padding-top: 52px
}

.portal-assistant-mobile-screen-panel .portal-assistant-iframe-wrapper .portal-assistant-iframe-title {
	display: none
}

.portal-assistant-mobile-screen-panel .portal-mobile-top-bar-wrapper {
	align-items: center;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	left: 0;
	padding: 14px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 22
}

.portal-assistant-mobile-screen-panel .portal-mobile-top-bar-wrapper .portal-assistant-mobile-toolbar-switch {
	height: 24px;
	width: 24px
}

.portal-assistant-mobile-screen-panel .portal-mobile-top-bar-wrapper .clearfont {
	margin-right: 16px
}

.portal-assistant-mobile-screen-panel .portal-mobile-top-bar-wrapper button {
	border-radius: 4px;
	color: #151b26;
	height: 24px;
	width: 24px
}

.portal-assistant-mobile-screen-panel .portal-mobile-top-bar-wrapper button svg {
	height: 100%;
	width: 100%
}

.portal-assistant-mobile-screen-panel .portal-mobile-top-bar-wrapper .portal-mobile-top-bar-title {
	color: #151b26;
	font-family: PingFangSC-Semibold;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px
}

.portal-assistant-mobile-screen-panel .portal-assistant-welcome-icon-wrapper {
	padding-top: 60px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu {
	background: transparent;
	bottom: 0;
	left: -244px;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: transform .3s ease-out, opacity .3s ease-out;
	z-index: 33
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .mobile-side-container {
	background: #f1f6fd;
	box-shadow: 4px 0 12px #09122114;
	box-sizing: border-box;
	height: 100%;
	padding: 16px 16px 0;
	width: 240px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .mobile-side-container .mobile-side-container-header {
	display: flex
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .mobile-side-container .mobile-side-container-header .mobile-side-container-header-text {
	color: #070c14;
	font-family: PingFangSC-Semibold;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-left: 8px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .mobile-side-container .portal-assistant-mobile-header {
	color: #070c14;
	display: flex;
	font-family: PingFangSC-Semibold;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .mobile-side-container .portal-assistant-mobile-header .icon-portal-assistant-static {
	height: 24px;
	margin-right: 8px;
	width: 24px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .portal-assistant-side-toolbar-mobile {
	background: #f1f6fd;
	padding: 16px 0
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .portal-assistant-side-toolbar-mobile .portal-assistant-fullscreen-tool {
	border-radius: 8px;
	color: #151b26;
	font-size: 14px;
	padding: 0 8px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .portal-assistant-side-toolbar-mobile button {
	align-items: center;
	display: flex;
	height: 40px;
	width: 100%
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .portal-assistant-side-toolbar-mobile button:first-child {
	margin-bottom: 4px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .portal-assistant-side-toolbar-mobile button>svg {
	height: 24px;
	margin-right: 8px;
	width: 24px
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .portal-assistant-side-toolbar-mobile .portal-assistant-fullscreen-tool-active {
	background: #fff;
	color: #2468f2
}

.portal-assistant-mobile-screen-panel .mobile-side-menu .mobile-side-menu-mask {
	height: 100vh;
	inset: 0;
	position: fixed;
	width: 100vw;
	z-index: -1
}

.portal-assistant-mobile-screen-panel .mobile-side-menu.show {
	opacity: 1;
	right: 0;
	transform: translate(244px)
}

.portal-assistant-mobile-screen-panel .portal-assistant-mobile-content-chat {
	display: none;
	visibility: hidden
}

.portal-assistant-mobile-screen-panel .portal-assistant-mobile-content-chat .portal-assistant-input-block-mobile {
	bottom: 0;
	left: 0;
	padding: 20px 16px 34px;
	right: 0
}

.portal-assistant-mobile-screen-panel .portal-assistant-mobile-content-chat.portal-assistant-mobile-content-chat-open {
	display: block;
	height: 100vh;
	overflow-y: scroll;
	padding: 0 0 104px;
	visibility: visible
}

.portal-assistant-mobile-screen-panel .portal-assistant-mobile-content-chat.portal-assistant-mobile-content-chat-open .portal-assistant-dialog-panel {
	padding-top: 52px
}

.portal-assistant-mobile-screen-panel .portal-assistant-mobile-content-chat.portal-assistant-mobile-content-chat-open .portal-assistant-dialog-panel-content {
	height: 100%
}

.portal-assistant-mobile-screen-panel .portal-assistant-fullscreen-content-mobile {
	height: -webkit-fill-available;
	overflow: hidden;
	width: -webkit-fill-available
}

.portal-assistant-mobile-screen-panel .portal-assistant-fullscreen-content-mobile .portal-assistant-recommend-wrapper {
	margin: 12px 16px
}

.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-1,
.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-2,
.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-3,
.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-4,
.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-5,
.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-6,
.portal-assistant-mobile-screen-panel .portal-assistant-welcome-step-7 {
	opacity: 0;
	transform: translateY(20px);
	transition: all .3s ease-out .4s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open :is(.portal-assistant-welcome-step-1, .portal-assistant-welcome-step-2, .portal-assistant-welcome-step-3, .portal-assistant-welcome-step-4, .portal-assistant-welcome-step-5, .portal-assistant-welcome-step-6, .portal-assistant-welcome-step-7) {
	opacity: 1;
	transform: translateY(0)
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-welcome-step-2 {
	transition-delay: .44s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-welcome-step-3 {
	transition-delay: .48s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-welcome-step-4 {
	transition-delay: .52s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-welcome-step-5 {
	transition-delay: .56s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-welcome-step-6 {
	transition-delay: .6s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-welcome-step-7 {
	transition-delay: .64s
}

.portal-assistant-mobile-screen-panel .portal-assistant-input-block {
	opacity: 0;
	transition: opacity .3s ease-out .48s
}

.portal-assistant-mobile-screen-panel.portal-assistant-fullscreen-panel-open .portal-assistant-input-block {
	opacity: 1
}

.portal-assistant-fullscreen-panel-open .portal-assistant-fullscreen-content-mobile .example-panel-visible {
	height: 100vh;
	padding: 0 !important;
	width: 100vw
}

.portal-assistant-fullscreen-panel-open .portal-assistant-fullscreen-content-mobile .example-panel-visible .portal-assistant-example-welcome {
	margin: 0;
	max-width: none;
	padding: 112px 16px 0;
	width: 100%
}

.portal-assistant-fullscreen-panel-open .portal-assistant-fullscreen-content-mobile .portal-assistant-login-btns {
	align-items: center;
	display: flex;
	gap: unset
}

.portal-assistant-fullscreen-panel-open .portal-assistant-fullscreen-content-mobile .portal-assistant-login-btns .portal-assistant-register-btn {
	margin-right: 20px
}

.portal-assistant-fullscreen-panel-open .portal-assistant-fullscreen-content-mobile iframe {
	padding: 52px 0 0
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc .portal-assistant-welcome-step-3 {
	transition-delay: .48s
}

.portal-assistant-side-panel-open .portal-welcome-recommend-container-pc .portal-assistant-welcome-step-4 {
	transition-delay: .52s
}

.portal-assistant-fixedbox-tooltip-mobile {
	align-items: center;
	cursor: default;
	display: flex;
	opacity: 0;
	position: absolute;
	right: 74px;
	top: 20px;
	transform: scale(.8) translate(16px) translateY(-50%);
	transform-origin: center right;
	transition: visibility 0s linear .3s, opacity .3s ease-in-out, transform .3s ease-in-out;
	visibility: hidden;
	z-index: 1000
}

.portal-assistant-fixedbox-tooltip-mobile .portal-assistant-fixedbox-tooltip-content-mobile {
	box-sizing: border-box
}

.portal-assistant-fixedbox-tooltip-mobile.show {
	display: flex;
	opacity: 1;
	transform: scale(1) translate(0) translateY(-50%);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	visibility: visible
}

.portal-assistant-fixedbox-tooltip-mobile.hide-fast {
	transition-duration: .1s
}

.portal-assistant-fixedbox-tooltip-mobile.portal-assistant-hover-tooltip-mobile .portal-assistant-fixedbox-tooltip-content-mobile {
	width: 162px
}

.portal-assistant-fixedbox-tooltip-mobile:after {
	background-color: #fff;
	border-radius: 2px;
	content: "";
	height: 11px;
	position: absolute;
	right: -4px;
	transform: rotate(45deg);
	transform-origin: center;
	width: 11px
}

.portal-assistant-fixedbox-tooltip-mobile {
	right: 56px
}

.portal-assistant-fixedbox-tooltip-content-mobile {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 42px #09122114;
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	padding: 8px 10px
}

.portal-assistant-hover-tooltip-mobile {
	top: 30px
}

.mobile-tooltip {
	right: 67px;
	top: 50%
}

.mobile-tooltip .mobile-tooltip-content {
	align-items: center;
	display: flex;
	font-size: 13px;
	line-height: 20px;
	width: 198px !important
}

.mobile-tooltip .mobile-tooltip-content .mobile-close-btn {
	align-items: center;
	display: flex;
	margin-left: 4px
}

#portal-assistant {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	position: relative
}

#portal-assistant button {
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0
}

.portal-assistant {
	border-radius: 8px
}

.portal-assistant .portal-assistant-content {
	padding: 16px 11px
}

.portal-assistant .icon-portal-assistant {
	margin-bottom: 4px
}

.portal-assistant .portal-assistant-name {
	font-size: 14px;
	line-height: 18px;
	width: 28px
}

.console-assistant {
	border-radius: 4px;
	box-shadow: 0 2px 8px #070c141f
}

.console-assistant .portal-assistant-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 10px 8px
}

.console-assistant .icon-portal-assistant {
	height: 20px;
	margin-bottom: 4px;
	width: 20px
}

.console-assistant .portal-assistant-name {
	font-size: 12px;
	line-height: 14px;
	width: 16px
}

.portal-assistant-content:hover .portal-assistant-name {
	color: #2468f2
}

.portal-assistant-content-mobile {
	border-radius: 25px;
	z-index: 999
}

.portal-assistant-content-mobile .portal-assistant-name {
	font-size: 13px;
	width: 26px
}

.portal-assistant-content-mobile .portal-assistant-content {
	padding: 16px 9px
}

#portal-assistant .agent-new-portal-assistant-content {
	box-sizing: border-box;
	height: 64px;
	width: 50px
}

#portal-assistant .agent-new-portal-assistant-content .portal-assistant-name {
	background: #fff;
	border-radius: 4px;
	bottom: 0;
	box-sizing: border-box;
	color: #151b26;
	font-family: PingFangSC-Medium;
	font-size: 11px;
	font-weight: 500;
	height: 20px;
	left: 50%;
	letter-spacing: 0;
	line-height: 20px;
	position: absolute;
	text-align: center;
	transform: translate(-50%);
	width: 50px
}

#portal-assistant.portal-assistant-content-pc:hover .portal-assistant-name {
	color: #2468f2
}

#portal-assistant.portal-assistant-content-pc .icon-portal-assistant,
#portal-assistant.portal-assistant-content-pc .portal-assistant-name {
	box-shadow: 0 8px 42px #09122114
}

#portal-assistant .icon-portal-assistant {
	border: 1px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	height: 50px;
	margin-bottom: 0;
	width: 100%
}

#portal-assistant .icon-portal-assistant img {
	border-radius: 50%
}

#portal-assistant.portal-assistant-content-mobile .agent-new-portal-assistant-content {
	height: 56px;
	width: 44px
}

#portal-assistant.portal-assistant-content-mobile .agent-new-portal-assistant-content .icon-portal-assistant {
	box-shadow: 0 3px 8px 1px #070c1414;
	height: 44px;
	width: 100%
}

#portal-assistant.portal-assistant-content-mobile .portal-assistant-name {
	box-shadow: 0 3px 8px 1px #070c1414
}

#portal-assistant.console-assistant {
	box-shadow: none
}

#portal-assistant.console-assistant .portal-assistant-name {
	display: none
}

#portal-assistant.console-assistant.portal-assistant-content-mobile .agent-new-portal-assistant-content {
	height: 36px;
	width: 36px
}

#portal-assistant.console-assistant.portal-assistant-content-mobile .agent-new-portal-assistant-content .icon-portal-assistant {
	box-shadow: 0 2px 8px #070c141f;
	height: 100%;
	width: 100%
}

#portal-assistant.console-assistant.portal-assistant-content-pc .agent-new-portal-assistant-content {
	height: 36px;
	width: 36px
}

#portal-assistant.console-assistant.portal-assistant-content-pc .agent-new-portal-assistant-content .icon-portal-assistant {
	box-shadow: 0 2px 8px #070c141f;
	height: 100%;
	width: 100%
}

#portal-assistant.console-assistant .portal-assistant-welcome-tooltip {
	top: -10px
}

#portal-assistant.console-assistant .portal-assistant-hover-tooltip {
	top: 0
}

.cloud-fixed-box-doc-assistant {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	cursor: pointer;
	margin-bottom: 8px;
	padding: 16px 13px
}

.cloud-fixed-box-doc-assistant i {
	background: url(../images/index/icon_doc_assistant_b8a6cf9.png) 50%/cover;
	display: block;
	height: 24px;
	margin-bottom: 4px;
	width: 24px
}

.cloud-fixed-box-doc-assistant div {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	text-align: center;
	width: 24px
}

.cloud-fixed-box-doc-assistant.active div,
.cloud-fixed-box-doc-assistant:hover div {
	color: #2468f2
}

.cloud-fixed-box-pc {
	bottom: 60px;
	position: fixed;
	right: 8px;
	z-index: 998
}

.cloud-fixed-box-pc .contact-us-wrapper:hover .contact-us {
	opacity: .8
}

.cloud-fixed-box-pc .contact-us-wrapper .contact-us-panel{
	display: none;
}
.cloud-fixed-box-pc .contact-us-wrapper:hover .contact-us-panel{
	display: block;
}

.cloud-fixed-box-pc .contact-us {
	align-items: center;
	background-image: linear-gradient(200deg, #29acfe, #2468f2 89%);
	border-radius: 8px;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	display: flex;
	flex-direction: column;
	padding: 20px 0;
	transition: opacity .3s ease-out;
	width: 50px
}

.cloud-fixed-box-pc .contact-us .icon-contact-us {
	color: #fff;
	height: 20px;
	margin-bottom: 4px;
	width: 20px
}

.cloud-fixed-box-pc .contact-us>div {
	display: flex;
	flex-direction: column;
	height: 72px;
	justify-content: space-between
}

.cloud-fixed-box-pc .contact-us>div>span {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 18px;
	text-align: center
}

.cloud-fixed-box-pc .contact-us:before {
	content: "";
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	width: 12px
}

.cloud-fixed-box-pc .contact-us-panel {
	background: #fff;
	border-radius: 8px;
	bottom: 0;
	box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08);
	padding: 24px;
	position: absolute;
	right: calc(100% + 16px);
	white-space: nowrap
}

.cloud-fixed-box-pc .contact-us-panel li {
	position: relative
}

.cloud-fixed-box-pc .contact-us-panel li:not(:last-child) {
	margin-bottom: 20px
}

.cloud-fixed-box-pc .contact-us-panel-link,
.cloud-fixed-box-pc .contact-us-panel-not-link {
	color: #091221;
	display: flex
}

.cloud-fixed-box-pc .contact-us-panel-link svg,
.cloud-fixed-box-pc .contact-us-panel-not-link svg {
	flex-shrink: 0;
	height: 20px;
	margin-right: 8px;
	margin-top: 2px;
	width: 20px
}

.cloud-fixed-box-pc .contact-us-panel-link .contact-us-panel-title,
.cloud-fixed-box-pc .contact-us-panel-link svg {
	transition: color .3s ease-out
}

.cloud-fixed-box-pc .contact-us-panel-link:hover :is(.contact-us-panel-title, svg) {
	color: #2468f2
}

.cloud-fixed-box-pc .contact-us-panel-not-link .contact-us-panel-desc {
	color: #2468f2
}

.cloud-fixed-box-pc .contact-us-panel-title {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 4px
}

.cloud-fixed-box-pc .contact-us-panel-desc {
	color: rgba(9, 18, 33, .7);
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	width: 128px
}

.cloud-fixed-box-pc #portal-assistant {
	margin-bottom: 8px
}

@keyframes move-up {
	0% {
		bottom: 154px;
		opacity: 0
	}

	to {
		bottom: 164px;
		opacity: 1
	}
}

.cloud-fixed-wap-box .cloud-fixed-box-icon {
	background: #2468f2;
	border-radius: 50%;
	bottom: 100px;
	box-shadow: 0 3px 8px 1px rgba(7, 12, 20, .08);
	box-sizing: border-box;
	height: 44px;
	padding: 14px;
	position: fixed;
	right: 12.5px;
	width: 44px;
	z-index: 999
}

.cloud-fixed-wap-box .cloud-fixed-box-icon:after,
.cloud-fixed-wap-box .cloud-fixed-box-icon:before {
	background-image: url(../images/index/custom_297ceaf.png);
	background-position: -23.5px 0;
	background-size: auto 21.5px;
	content: "";
	display: block;
	height: 21.5px;
	left: 11.25px;
	opacity: 1;
	position: absolute;
	top: 11.25px;
	transition: opacity .2s .3s;
	width: 21.5px
}

.cloud-fixed-wap-box .cloud-fixed-box-icon:after {
	background-position: 0 0;
	opacity: 0;
	transform: rotate(-90deg);
	transition: opacity .3s, transform .3s
}

.cloud-fixed-wap-box .cloud-fixed-box-icon.active:before {
	opacity: 0;
	transition: opacity .2s
}

.cloud-fixed-wap-box .cloud-fixed-box-icon.active:after {
	opacity: 1;
	transform: rotate(0);
	transition: opacity .2s .3s, transform .2s .3s
}

.cloud-fixed-wap-box .cloud-fixed-box-icon.active .cloud-fixed-box-content {
	animation: move-up .3s ease forwards;
	display: block
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content {
	background: #fff;
	border-radius: 4px;
	bottom: 164px;
	box-shadow: 0 3px 8px 1px rgba(7, 12, 20, .08);
	box-sizing: border-box;
	display: none;
	height: 100px;
	position: fixed;
	right: 12.5px;
	width: 253px;
	z-index: 999
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li {
	box-sizing: border-box;
	left: 0;
	padding: 12px 24px;
	position: absolute;
	width: 100%
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li.cloud-contact-us-tel {
	top: 12px
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li.cloud-contact-us-tel .cloud-contact-us-icon {
	background-position: -51.333333px 0
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li.cloud-contact-us-tel p.cloud-contact-us-con {
	color: #2468f2
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li.cloud-contact-us-message {
	top: 88px
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li.cloud-contact-us-message .cloud-contact-us-icon {
	background-position: -77px 0
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-fixed-box-content li:hover {
	background: #f8fafc
}

.cloud-fixed-wap-box .cloud-fixed-box-icon .cloud-contact-us-icon {
	background-image: url(../images/index/custom_297ceaf.png);
	background-size: auto 24px;
	float: left;
	height: 24px;
	margin-top: 1px;
	width: 24px
}

.cloud-fixed-wap-box .cloud-fixed-box-icon p {
	margin: 0 0 0 36px
}

.cloud-fixed-wap-box .cloud-fixed-box-icon p.cloud-contact-us-tit {
	color: #222;
	font-family: PingFangSC-Medium;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	margin-bottom: 8px
}

.cloud-fixed-wap-box .cloud-fixed-box-icon p.cloud-contact-us-con {
	color: rgba(34, 34, 34, .7);
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	text-align: justify
}

#portal-assistant.portal-assistant-content-mobile {
	bottom: 152px;
	position: fixed;
	right: 12.5px;
	z-index: 10
}

.fixed-bottom-marketing-pos {
	align-items: center;
	animation: fixed-bottom_show .3s ease-in-out;
	background: url(../images/index/bg_04567e6.png) no-repeat 50%/cover;
	bottom: 0;
	box-sizing: border-box;
	display: flex;
	height: 94px;
	left: 0;
	padding: 0 32px 0 10px;
	position: fixed;
	width: 100%;
	z-index: 999
}

@media screen and (max-width:750px) {
	.fixed-bottom-marketing-pos {
		display: none
	}
}

.fixed-bottom-marketing-pos .fixed-bottom__title {
	flex-shrink: 0;
	margin-right: 36px
}

.fixed-bottom-marketing-pos .fixed-bottom__title h3 {
	color: #fff;
	font-family: PingFangSC-Semibold;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px
}

.fixed-bottom-marketing-pos .fixed-bottom__title p {
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-top: 2px
}

.fixed-bottom-marketing-pos .fixed-bottom__content {
	align-items: center;
	display: flex;
	gap: 16px;
	width: 100%
}

.fixed-bottom-marketing-pos .fixed-bottom__content li {
	align-items: center;
	background: no-repeat 0/cover;
	border-radius: 4px;
	display: flex;
	height: 62px;
	justify-content: space-between;
	overflow: hidden;
	width: 33%
}

.fixed-bottom-marketing-pos .fixed-bottom__content li:first-child {
	background-image: url(../images/index/bg-contact-us_39f7442.png)
}

.fixed-bottom-marketing-pos .fixed-bottom__content li:nth-child(2) {
	background-image: url(../images/index/bg-customer-service_3484436.png)
}

.fixed-bottom-marketing-pos .fixed-bottom__content li:nth-child(3) {
	background-image: url(../images/index/bg-reserve-expert_6fa1d4d.png)
}

.fixed-bottom-marketing-pos .fixed-bottom__content li>div {
	margin-left: 56px;
	position: relative
}

.fixed-bottom-marketing-pos .fixed-bottom__content li>div:before {
	content: "";
	height: 30px;
	left: -42px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	width: 30px
}

.fixed-bottom-marketing-pos .fixed-bottom__content li>div .fixed-bottom_item-tit {
	color: #091221;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px
}

.fixed-bottom-marketing-pos .fixed-bottom__content li>div .fixed-bottom_item-desc {
	color: #091221;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	opacity: .86;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fixed-bottom-marketing-pos .fixed-bottom__content li .fixed-bottom_online-consult-btn,
.fixed-bottom-marketing-pos .fixed-bottom__content li .fixed-bottom_reserve-expert-btn {
	border-radius: 6px;
	color: #fff;
	flex-shrink: 0;
	font-family: PingFangSC-Semibold;
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	line-height: 38px;
	margin-right: 12px;
	text-align: center;
	transition: opacity .3s ease-in-out;
	width: 80px
}

.fixed-bottom-marketing-pos .fixed-bottom__content li .fixed-bottom_online-consult-btn:hover,
.fixed-bottom-marketing-pos .fixed-bottom__content li .fixed-bottom_reserve-expert-btn:hover {
	opacity: .9
}

.fixed-bottom-marketing-pos .fixed-bottom__content li .fixed-bottom_online-consult-btn {
	background-image: linear-gradient(90deg, #3362ff, #3395ff)
}

.fixed-bottom-marketing-pos .fixed-bottom__content li .fixed-bottom_reserve-expert-btn {
	background-image: linear-gradient(77deg, #fa7a30, rgba(243, 159, 34, .8) 87%)
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_contact-us {
	align-items: center;
	display: flex;
	margin-right: 12px
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_contact-us:before {
	background: url(../images/index/icon-contact-us_de07027.png) no-repeat 50%/cover
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_contact-us .fixed-bottom_contact-us-tit {
	color: #091221;
	flex-shrink: 0;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_contact-us .fixed-bottom_phone {
	color: #187ce8;
	font-family: PingFangSC-Semibold;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	margin-left: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_customer-service {
	width: 50%
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_customer-service:before {
	background: url(../images/index/icon-customer_0e82e46.png) no-repeat 50%/cover
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_reserve-expert {
	width: 50%
}

.fixed-bottom-marketing-pos .fixed-bottom__content .fixed-bottom_reserve-expert:before {
	background: url(../images/index/icon-reserve-expert_8da899c.png) no-repeat 50%/cover
}

.fixed-bottom-marketing-pos .fixed-bottom_close {
	background: url(../images/index/close_19d6bb6.png) no-repeat 50%/cover;
	cursor: pointer;
	height: 12px;
	position: absolute;
	right: 10px;
	top: 6px;
	user-select: none;
	width: 12px
}

@keyframes fixed-bottom_show {
	0% {
		bottom: -94px;
		opacity: 0
	}

	to {
		bottom: 0;
		opacity: 1
	}
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB, arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
	font-weight: 400
}

a {
	outline: none !important;
	text-decoration: none
}

dd,
dl,
dt,
h1,
h2,
h3,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

.footer-pc-container {
	background-color: #151b26;
	min-width: 1200px;
	width: 100%
}

.footer-pc-container a {
	color: #fff
}

.footer-pc-container a:hover {
	color: #3d81ff;
	text-decoration: none
}

.footer-pc-container .footer-pc {
	border-bottom: 1px solid hsla(0, 0%, 100%, .16);
	color: #fff;
	font-family: PingFangSC-Regular;
	margin: 0 auto;
	max-width: 1635px;
	width: calc(100% - 140px)
}

.footer-pc-container .footer-pc:last-child {
	border-bottom: 0
}

.footer-pc-container .footer-pc .footer-header {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 100%
}

.footer-pc-container .footer-pc .footer-header>a {
	align-items: center;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex: 1;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	font-weight: 500;
	height: 80px;
	line-height: 28px;
	padding-left: 40px;
	position: relative;
	transition: all .3s ease-out
}

.footer-pc-container .footer-pc .footer-header.visible>a:before {
	background-image: url(../images/index/header-default_d8ba309.png);
	background-position: 0 0;
	background-size: auto 32px;
	content: "";
	height: 32px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease-out;
	width: 32px
}

.footer-pc-container .footer-pc .footer-header.visible>a:nth-child(2):before {
	background-position: -32px 0
}

.footer-pc-container .footer-pc .footer-header.visible>a:nth-child(3):before {
	background-position: -64px 0
}

.footer-pc-container .footer-pc .footer-header.visible>a:nth-child(4):before {
	background-position: -96px 0
}

.footer-pc-container .footer-pc .footer-header.visible>a:hover {
	color: #3d81ff
}

.footer-pc-container .footer-pc .footer-header.visible>a:hover:before {
	background-image: url(../images/index/header-hover_62595f5.png)
}

.footer-pc-container .footer-pc .main-links {
	*zoom: 1;
	display: flex;
	margin: 0 auto;
	padding: 24px 0;
	position: relative;
	width: 100%
}

.footer-pc-container .footer-pc .main-links:after,
.footer-pc-container .footer-pc .main-links:before {
	content: "";
	display: table
}

.footer-pc-container .footer-pc .main-links:after {
	clear: both
}

.footer-pc-container .footer-pc .main-links .contact-link {
	flex: 1;
	position: relative
}

.footer-pc-container .footer-pc .main-links .contact-link:after {
	background-color: hsla(0, 0%, 100%, .16);
	content: "";
	height: 100%;
	position: absolute;
	right: 20%;
	top: 0;
	width: 1px
}

.footer-pc-container .footer-pc .main-links .contact-link dt {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	margin-bottom: 12px
}

.footer-pc-container .footer-pc .main-links .contact-link dt+dd {
	margin-bottom: 24px
}

.footer-pc-container .footer-pc .main-links .contact-link dt+dd>:first-child {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 20px;
	font-weight: 500;
	height: 28px;
	line-height: 28px
}

.footer-pc-container .footer-pc .main-links .contact-link dd {
	margin-bottom: 8px
}

.footer-pc-container .footer-pc .main-links .contact-link dd>a,
.footer-pc-container .footer-pc .main-links .contact-link dd>span {
	color: hsla(0, 0%, 100%, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 24px;
	line-height: 24px
}

.footer-pc-container .footer-pc .main-links .contact-link dd>a:hover {
	color: #3d81ff
}

.footer-pc-container .footer-pc .main-links .left-link {
	box-sizing: border-box;
	display: flex;
	flex: 3;
	justify-content: space-around
}

.footer-pc-container .footer-pc .main-links .left-link dl {
	box-sizing: border-box;
	flex: 1;
	padding-left: 24px
}

.footer-pc-container .footer-pc .main-links .left-link dl:first-child {
	padding-left: 0
}

.footer-pc-container .footer-pc .main-links .left-link dl dt {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	margin-bottom: 12px
}

.footer-pc-container .footer-pc .main-links .left-link dl dd {
	margin-bottom: 8px
}

.footer-pc-container .footer-pc .main-links .left-link dl dd>a {
	color: hsla(0, 0%, 100%, .7);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 24px;
	line-height: 24px
}

.footer-pc-container .footer-pc .main-links .left-link dl dd>a:hover {
	color: #3d81ff
}

.footer-pc-container .footer-pc .main-links .left-link dl dd:last-child {
	margin-bottom: 0
}

.footer-pc-container .footer-pc .main-links .left-link dl dd.hide {
	display: none
}

.footer-pc-container .footer-pc .main-links .right-qrcode {
	bottom: 24px;
	left: 0;
	position: absolute;
	width: 234px
}

.footer-pc-container .footer-pc .main-links .right-qrcode .title {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container .public {
	border: 1px solid #fff;
	border-radius: 18px;
	box-sizing: border-box;
	float: left;
	font-size: 0;
	height: 36px;
	margin-right: 20px;
	position: relative;
	width: 36px
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container .public .qr-code-hover {
	background-image: url(../images/index/tri-border-bg_fdb3fc0.png);
	background-size: 136px 142px;
	border-radius: 4px;
	display: none;
	height: 142px;
	left: 50%;
	position: absolute;
	top: -150px;
	transform: translateX(-50%) rotate(180deg);
	width: 136px;
	z-index: 1
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container .public .qr-code-hover>img {
	height: 128px;
	margin: 10px 4px 4px;
	transform: rotate(180deg);
	width: 128px
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container .public:hover {
	border: 1px solid #3d81ff
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container .public:hover .qr-code-hover {
	animation: iconHoverRotate .4s;
	display: block
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container .public:hover:after {
	background-image: url(../images/index/contact-hover_0ab6c41.png)
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container.visible .public:after {
	background: no-repeat url(../images/index/contact-default_80c298e.png);
	background-position: -24px 0;
	background-size: auto 24px;
	content: "";
	height: 24px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 24px
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container.visible .public:nth-child(2):after {
	background-position: -48px 0
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container.visible .public:last-child {
	margin-right: 0
}

.footer-pc-container .footer-pc .main-links .right-qrcode .qr-code-container.visible .public:last-child:after {
	background-position: 0 0
}

.footer-pc-container .footer-pc .other-links {
	margin: 0 auto;
	padding: 24px 0 16px;
	width: 100%
}

.footer-pc-container .footer-pc .other-links .other-link-item {
	overflow: hidden;
	position: relative;
	transition: all .3s ease-out
}

.footer-pc-container .footer-pc .other-links .other-link-item .parent-title {
	color: hsla(0, 0%, 100%, .4);
	float: left;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	text-align: left;
	white-space: nowrap
}

.footer-pc-container .footer-pc .other-links .other-link-item ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 7%;
	position: relative
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li {
	align-items: center;
	display: flex;
	margin-bottom: 8px
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li>a {
	color: hsla(0, 0%, 100%, .4);
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li>a:hover {
	color: #3d81ff
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+1),
.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+2),
.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+3),
.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+4) {
	width: 7.6%
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+5) {
	width: 8.9%
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+6),
.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+7) {
	width: 10.5%
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+8),
.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+9) {
	width: 11.7%
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li:nth-child(10n+10) {
	width: 13%
}

.footer-pc-container .footer-pc .other-links .other-link-item ul li.hide {
	display: none
}

.footer-pc-container .footer-pc .other-links .other-link-item .toggle-icon {
	background: no-repeat url(../images/index/toggle-icon_c167d12.png);
	background-position: 0 0;
	background-size: auto 16px;
	cursor: pointer;
	height: 16px;
	position: absolute;
	right: 0;
	top: 4px;
	width: 16px
}

.footer-pc-container .footer-pc .other-links .other-link-item .toggle-icon:hover {
	background-position: -32px 0
}

.footer-pc-container .footer-pc .other-links .other-link-item:first-child {
	height: 32px
}

.footer-pc-container .footer-pc .other-links .other-link-item.active {
	height: 128px
}

.footer-pc-container .footer-pc .other-links .other-link-item.active .toggle-icon {
	background-position: -16px 0
}

.footer-pc-container .footer-pc .other-links .other-link-item.active .toggle-icon:hover {
	background-position: -48px 0
}

.footer-pc-container .footer-pc .copy-right {
	margin: 0 auto;
	padding: 24px 0;
	width: 100%
}

.footer-pc-container .footer-pc .copy-right>p {
	font-size: 0
}

.footer-pc-container .footer-pc .copy-right>p>a,
.footer-pc-container .footer-pc .copy-right>p>span {
	color: hsla(0, 0%, 100%, .4);
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.footer-pc-container .footer-pc .copy-right>p a:hover {
	color: #3d81ff
}

.footer-pc-container .footer-pc .copy-right .space {
	margin-right: 16px
}

@keyframes iconHoverRotate {
	0% {
		opacity: 0;
		top: -140px
	}

	to {
		opacity: 1;
		top: -150px
	}
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB, arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
	font-weight: 400
}

a {
	outline: none !important;
	text-decoration: none
}

dd,
dl,
dt,
h1,
h2,
h3,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

footer.cloud-footer.isMobile {
	background: #151b26;
	box-sizing: border-box;
	padding: 0 16px 20px;
	width: 100%
}

footer.cloud-footer.isMobile .footer-header {
	border-bottom: 1px solid hsla(0, 0%, 100%, .08);
	display: flex;
	justify-content: space-between;
	padding: 16px 0
}

footer.cloud-footer.isMobile .footer-header>a {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-width: 40px;
	position: relative
}

footer.cloud-footer.isMobile .footer-header>a>span {
	color: hsla(0, 0%, 100%, .7);
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}

footer.cloud-footer.isMobile .footer-header>a>i {
	align-self: center;
	background-image: url(../images/index/wap-footer-header_6f19f3e.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 40px;
	height: 40px;
	margin-bottom: 2px;
	overflow: hidden;
	width: 40px
}

footer.cloud-footer.isMobile .footer-header>a:first-child {
	flex-grow: 0
}

footer.cloud-footer.isMobile .footer-header>a:nth-child(2) i {
	background-position: -40px 0
}

footer.cloud-footer.isMobile .footer-header>a:nth-child(3) i {
	background-position: -80px 0
}

footer.cloud-footer.isMobile .footer-header>a:nth-child(4) {
	flex-grow: 0
}

footer.cloud-footer.isMobile .footer-header>a:nth-child(4) i {
	background-position: -120px 0
}

footer.cloud-footer.isMobile .group dl {
	border-bottom: 1px solid hsla(0, 0%, 100%, .08);
	box-sizing: border-box;
	padding: 10px 0;
	position: relative;
	width: 100%
}

footer.cloud-footer.isMobile .group dt {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px
}

footer.cloud-footer.isMobile .group dt:after {
	background: url(../images/index/icon_close_a1ce687.png) no-repeat 50%/cover;
	background-color: unset;
	background-size: 14px 14px;
	content: "";
	height: 14px;
	position: absolute;
	right: 0;
	top: 15px;
	transition: transform .3s ease-out;
	width: 14px
}

footer.cloud-footer.isMobile .group dt+dd {
	display: none
}

footer.cloud-footer.isMobile .group dt.show+dd {
	display: block
}

footer.cloud-footer.isMobile .group dt.show:after {
	transform: rotate(-180deg)
}

footer.cloud-footer.isMobile .group dd {
	margin-top: 6px
}

footer.cloud-footer.isMobile .group .links {
	font-size: 0
}

footer.cloud-footer.isMobile .group .links li {
	display: inline-block;
	padding: 7px 0;
	width: 33.33%
}

footer.cloud-footer.isMobile .group .links li.hide {
	display: none
}

footer.cloud-footer.isMobile .group .links a,
footer.cloud-footer.isMobile .group .links span {
	color: hsla(0, 0%, 100%, .9);
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 22px;
	line-height: 22px;
	max-width: 100%;
	opacity: .7;
	overflow: hidden;
	text-align: justify;
	text-overflow: ellipsis;
	white-space: nowrap
}

footer.cloud-footer.isMobile .contact-us {
	margin: 20px 0
}

footer.cloud-footer.isMobile .contact-us>div {
	display: flex;
	justify-content: space-between;
	overflow: hidden
}

footer.cloud-footer.isMobile .contact-us>div p.contact-title {
	color: hsla(0, 0%, 100%, .4);
	flex-shrink: 0;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	height: 22px;
	line-height: 22px;
	margin-right: 14px;
	text-align: justify
}

footer.cloud-footer.isMobile .contact-us>div .contact-box {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 70px)
}

footer.cloud-footer.isMobile .contact-us>div .contact-box .contact-item {
	color: hsla(0, 0%, 100%, .9);
	min-width: 30px;
	overflow: hidden;
	padding-left: 24px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap
}

footer.cloud-footer.isMobile .contact-us>div .contact-box .contact-item>i {
	background-image: url(../images/index/wap-contact-icon_6175777.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
	height: 20px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px
}

footer.cloud-footer.isMobile .contact-us>div .contact-box .contact-item>span {
	color: hsla(0, 0%, 100%, .9);
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	opacity: .7;
	text-align: justify
}

footer.cloud-footer.isMobile .contact-us>div .contact-box .contact-item.app i {
	background-position: 0 0
}

footer.cloud-footer.isMobile .contact-us>div .contact-box .contact-item.wechat i {
	background-position: -20px 0
}

footer.cloud-footer.isMobile .contact-us>div .contact-box .contact-item.weibo i {
	background-position: -40px 0
}

footer.cloud-footer.isMobile .contact-us>a.contact-tel {
	align-items: center;
	border: 1px solid hsla(0, 0%, 100%, .2);
	border-radius: 2px;
	display: flex;
	height: 44px;
	justify-content: center;
	margin-top: 20px
}

footer.cloud-footer.isMobile .contact-us>a.contact-tel>span {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px
}

footer.cloud-footer.isMobile .footer-tips {
	border: none;
	font-size: 0;
	height: auto;
	margin-bottom: 4px
}

footer.cloud-footer.isMobile .footer-tips>a,
footer.cloud-footer.isMobile .footer-tips>span {
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	font-weight: 400;
	height: 21px;
	line-height: 21px;
	margin-right: 16px;
	opacity: .4;
	text-align: left
}

footer.cloud-footer.isMobile .footer-tips>a.no-space,
footer.cloud-footer.isMobile .footer-tips>span.no-space {
	margin-right: 0
}

footer.cloud-footer.isMobile .site {
	display: none
}

footer.cloud-footer.isMobile .wx-mask-wrapper {
	background-color: rgba(0, 0, 0, .9);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000
}

footer.cloud-footer.isMobile .wx-mask-wrapper .wx-content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

footer.cloud-footer.isMobile .wx-mask-wrapper .wx-content>img {
	height: 260px;
	width: 260px
}

footer.cloud-footer.isMobile .wx-mask-wrapper .wx-content>p {
	color: #fff;
	font-family: PingFangSC-Medium;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	margin-top: 20px;
	text-align: center
}

footer.cloud-footer.isMobile .wx-mask-wrapper.active {
	display: block
}

@media screen and (min-width:600px) {
	footer.cloud-footer.isMobile {
		padding: 0 32px 20px
	}
}

@media screen and (min-width:992px) {
	footer.cloud-footer.isMobile {
		padding: 0 55px 20px
	}
}

@media (max-width:374px) {
	footer.cloud-footer.isMobile .group .links li {
		width: 50%
	}
}