.TextMessage_text_message_3cujc pre {
	white-space: pre-wrap;
	border-radius: 5px;
	background-color: #f5f2f0;
	padding: 8px;
	color: #000
}

.TextMessage_text_message_3cujc pre code {
	display: block;
	max-width: 100%;
	max-height: 200px;
	overflow: auto
}

.TextMessage_text_message_3cujc img {
	max-width: 200px
}

.lazy-load-img-wrapper img.lozad {
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover
}

.ValidImager_wrap_2Zb5O {
	width: 100%;
	max-width: 150px
}

.ImageMessage_wrap_1ZfS5 {
	position: relative;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 12px;
	border: 2px solid #f2f6fd
}

.ImageMessage_wrap_1ZfS5 img {
	display: block;
	max-height: 150px;
	max-width: 150px;
	width: auto;
	height: auto;
	border-radius: inherit
}

.ImageMessage_wrap_1ZfS5.ImageMessage_loading_1kpr1 img {
	filter: blur(1px);
	width: 100px
}

.ImageMessage_wrap_1ZfS5.ImageMessage_loading_1kpr1 .ImageMessage_loading_wrap_3W96k {
	display: block
}

.ImageMessage_temp_img_2Of22 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius: inherit
}

@-webkit-keyframes ImageMessage_rotate-ani_3csYl {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes ImageMessage_rotate-ani_3csYl {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.ImageMessage_loading_wrap_3W96k {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.ImageMessage_loading_icon_22Imu {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 3px solid #f3f3f3;
	border-top: 3px solid red;
	border-radius: 50%;
	-webkit-animation: ImageMessage_rotate-ani_3csYl .8s linear infinite;
	animation: ImageMessage_rotate-ani_3csYl .8s linear infinite
}

@-webkit-keyframes Loading_rotateAni_3qrEw {
	0% {
		-webkit-transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes Loading_rotateAni_3qrEw {
	0% {
		-webkit-transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

.Loading_loading_36LER {
	-webkit-animation: Loading_rotateAni_3qrEw 2s linear infinite;
	animation: Loading_rotateAni_3qrEw 2s linear infinite
}

.FileMessage_file_s-JsL {
	display: flex;
	align-items: center;
	background-color: inherit;
	color: inherit;
	padding: 5px 10px 5px 5px;
	border-radius: 10px;
	text-decoration: none
}

.FileMessage_media_file_3wGbS {
	padding: 5px 10px 0 0
}

.FileMessage_file__download_icon_3UP8F {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: inherit
}

.FileMessage_file__uploading_3ZJV4 {
	padding: 5px 10px
}

.FileMessage_file__uploading_3ZJV4 i {
	margin-right: 5px
}

.FileMessage_file__uploading_3ZJV4 span {
	text-decoration: none
}

.UnknowMessage_wrap_9rDJe {
	color: #808695
}

.AudioMessage_wrap_vgVmT {
	cursor: pointer;
	min-width: 60px;
	display: inline-block;
	line-height: 16px;
	white-space: nowrap
}

.AudioMessage_wrap_playing_2QMo_ i {
	color: #3348ff
}

.AudioMessage_wrap_vgVmT i {
	vertical-align: middle;
	font-weight: 700
}

.AudioMessage_wrap_vgVmT em {
	font-style: normal;
	margin-left: 5px;
	vertical-align: middle
}

.Star_star_2MMn2 {
	position: relative;
	width: 150px;
	display: inline-block;
	height: 26px;
	overflow: hidden;
	font-size: 0
}

.Star_star_2MMn2 i {
	width: 20px;
	padding-right: 10px;
	color: #ccc
}

.Star_star__selected_1PFQl {
	position: absolute;
	left: 0;
	top: 0;
	height: 26px;
	overflow: hidden;
	width: 0
}

.Star_star__selected_1PFQl i {
	color: #f9e216;
	padding-right: 10px
}

.ScoreTpl_score_2SHR0 {
	padding: 12px 20px;
	text-align: center
}

.ScoreTpl_score__star_2gkDJ {
	text-align: center
}

.ScoreTpl_score__btns_23UA2 {
	text-align: right;
	margin-top: 10px
}

.ScoreTpl_score__btns_23UA2 button {
	background: #0045b0;
	color: #fff;
	border: none;
	height: 26px;
	min-width: 50px;
	max-width: 70%;
	border-radius: 12px
}

.ScoreTpl_score_2SHR0 textarea {
	border-radius: 12px;
	border: 0;
	padding: 5px;
	line-height: 20px;
	resize: none;
	min-width: 170px;
	width: cacl(70%)
}

.ScoreTpl_score__error_2BqLv {
	color: #ed4014
}

.ScoreTpl_score__success_1xI1L i {
	color: #19be6b;
	vertical-align: middle
}

.PromotionalCard_card__item_3Th3v {
	border-radius: 0;
	padding: 12px 20px
}

.PromotionalCard_card__content_3vRsy {
	display: flex;
	width: 260px;
	height: 150px;
	background: #fff;
	border-radius: 13px
}

.PromotionalCard_card__content__left_38_RZ {
	flex: 1;
	border-right: 1px solid rgba(43, 85, 216, .1);
	padding: 10px 6px
}

.PromotionalCard_card__content__right_jwF4W {
	flex: 1
}

.PromotionalCard_card__content__image_2tuiq {
	height: 100%;
	width: 100%
}

.PromotionalCard_card__content__image_2tuiq>div {
	height: 100%
}

.PromotionalCard_card__content__image_2tuiq img {
	width: 100%;
	height: 100% !important;
	border-radius: 0 13px 13px 0;
	-o-object-fit: cover;
	object-fit: cover
}

.PromotionalCard_card__content__discount_wrtEH {
	height: 100px;
	position: relative
}

.PromotionalCard_card__content__discount_num_dH5eg {
	font-size: 70px
}

.PromotionalCard_card__content__discount_percent_1o5r9 {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 40px;
	font-weight: 700
}

.PromotionalCard_card__content__discount_text_nL5a3 {
	position: absolute;
	right: 10px;
	top: 60px;
	font-size: 14px;
	font-weight: 700
}

.PromotionalCard_card__content__text_2s-SO {
	word-break: break-word;
	white-space: pre-wrap;
	max-height: 32px;
	line-height: 16px;
	overflow: hidden;
	text-align: center;
	font-weight: 700
}

.PromotionalCard_card__content__input_Y1lEH {
	margin-top: 16px
}

.PromotionalCard_card__content__input_error_3DGik {
	position: relative
}

.PromotionalCard_card__content__input_error_3DGik input {
	border-color: red
}

.PromotionalCard_card__content__input_error_3DGik p {
	color: red;
	position: absolute;
	left: 0;
	bottom: -15px;
	text-indent: 10px;
	font-size: 12px
}

.PromotionalCard_card__content__email_218M1 {
	border-radius: 16px;
	height: 26px;
	line-height: 26px;
	border: 1px solid rgba(0, 0, 0, .3);
	outline: none;
	display: block;
	width: 260px;
	padding: 0 15px
}

.PromotionalCard_card__content__btn_1-Jyk {
	margin: 0;
	margin-top: 15px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 16px;
	position: relative;
	font-weight: 700;
	display: block;
	width: 260px;
	border: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

@-webkit-keyframes PromotionalCard_shake_xvhqy {

	10%,
	90% {
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(3px, 0, 0)
	}

	30%,
	70% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(6px, 0, 0)
	}

	50% {
		transform: translate3d(-6px, 0, 0)
	}
}

@keyframes PromotionalCard_shake_xvhqy {

	10%,
	90% {
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(3px, 0, 0)
	}

	30%,
	70% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(6px, 0, 0)
	}

	50% {
		transform: translate3d(-6px, 0, 0)
	}
}

.PromotionalCard_shake_xvhqy {
	-webkit-animation: PromotionalCard_shake_xvhqy .8s ease-in-out;
	animation: PromotionalCard_shake_xvhqy .8s ease-in-out
}

.mobile .PromotionalCard_card__content_3vRsy {
	width: 280px;
	height: 160px
}

.mobile .PromotionalCard_card__content__discount_wrtEH {
	height: 100px;
	position: relative
}

.mobile .PromotionalCard_card__content__discount_num_dH5eg {
	font-size: 74px
}

.mobile .PromotionalCard_card__content__email_218M1 {
	width: 100%
}

.VideoMessage_wrap_3vC3O {
	position: relative;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 12px;
	border: 2px solid #f2f6fd
}

.VideoMessage_wrap_3vC3O video {
	display: block;
	width: 250px;
	max-height: 150px;
	border-radius: inherit
}

.VideoMessage_wrap_3vC3O.VideoMessage_loading_3ILWX .VideoMessage_loading_wrap_365Wk {
	display: block
}

.VideoMessage_wrap_file_2AL9k {
	border-radius: 0;
	border: none
}

@-webkit-keyframes VideoMessage_rotate-ani_1ZhbL {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes VideoMessage_rotate-ani_1ZhbL {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.VideoMessage_loading_wrap_365Wk {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.VideoMessage_loading_icon_YYUyd {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 3px solid #f3f3f3;
	border-top: 3px solid red;
	border-radius: 50%;
	-webkit-animation: VideoMessage_rotate-ani_1ZhbL .8s linear infinite;
	animation: VideoMessage_rotate-ani_1ZhbL .8s linear infinite
}

.index_tpl_1pLbQ {
	padding: 12px 20px;
	letter-spacing: 0;
	max-width: 600px;
	width: 100%;
}
/* 手机端 */
@media screen and (min-width: 10px) and (max-width: 1000px) {
.index_tpl_1pLbQ {
	width: 85%;
}
}

.index_tpl_1pLbQ>:last-child {
	margin-bottom: 0
}

.index_tpl__text_2s7Oy {
	white-space: pre-wrap;
	word-break: break-word;
	margin-bottom: 10px;
	line-height: 1.4
}

.index_tpl__img_2cx5- {
	width: 100%
}

.index_tpl__img_2cx5- img {
	display: block;
	max-width: 100%;
	min-width: 100px;
	width: auto;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px
}

.index_tpl__btn_group_3oAdt {
	min-width: 22vh
}

.index_tpl__btn_group_3oAdt button {
	display: block;
	width: 100%;
	margin: 0;
	border-radius: 30px;
	background: #fff;
	color: #252525;
	z-index: 1;
	position: relative;
	white-space: normal;
	height: auto;
	min-height: 30px;
	line-height: 14px;
	margin-top: 10px;
	border: 0;
	font-size: 14px
}

.index_tpl_oneimg_pYMLN {
	padding: 0;
	border-radius: 12px;
	border: 2px solid #f2f6fd
}

.index_tpl_oneimg_pYMLN .index_tpl__img_2cx5- img {
	border-radius: inherit
}

.index_unknow_2y3RB {
	display: block
}

.index_tpl__video_2-9g5 {
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 12px;
	border: 2px solid #f2f6fd
}

.index_tpl__video_2-9g5 video {
	display: block;
	width: 200px;
	max-height: 150px;
	border-radius: inherit
}

.AiReplyMessage_wrap_3Hah0 {
	position: relative;
	min-width: 100px
}

.AiReplyMessage_wrap_3Hah0:after {
	content: " ";
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0
}

.AiReplyMessage_wrap_3Hah0:hover .AiReplyMessage_reply__time_3ew4M {
	display: block
}

.AiReplyMessage_reply_text_2_2ya {
	float: left;
	border-radius: 12px 12px 12px 3px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	color: #252525;
	background: rgba(84, 152, 243, .08);
	line-height: 1.4;
	padding: 16px 20px;
	word-break: break-word;
	position: relative
}

.AiReplyMessage_reply_postback_3gfpp {
	position: relative;
	color: rgba(37, 37, 37, .8);
	border-radius: 12px 12px 0 12px;
	line-height: 1.4;
	padding: 10px;
	word-break: break-word;
	white-space: pre-wrap;
	float: right
}

.AiReplyMessage_question_list_3Ihcu {
	float: right;
	display: block;
	width: 100%;
	list-style: none;
	text-align: right;
	margin-top: 20px
}

.AiReplyMessage_question_list__item_1bTuv {
	cursor: pointer;
	padding: 8px 10px;
	display: inline-block;
	margin: 5px 0 5px 5px;
	color: #252525;
	border-radius: 20px;
	border: 1px solid transparent
}

.AiReplyMessage_question_list__item_1bTuv:hover {
	border-color: #252525
}

.AiReplyMessage_reply_inner_2Yt8d {
	position: relative;
	float: left;
	border-radius: 12px 12px 12px 0;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	color: #252525;
	background: rgba(84, 152, 243, .08);
	padding: 10px
}

.AiReplyMessage_reply_inner__text_R4Qlz {
	background: #f0f2f7;
	line-height: 1.4;
	word-break: break-word;
	white-space: pre-wrap
}

.AiReplyMessage_reply_inner_2Yt8d img {
	display: block;
	max-width: 200px;
	width: auto;
	height: auto;
	margin-top: 5px;
	-o-object-fit: contain;
	object-fit: contain
}

.AiReplyMessage_reply__time_3ew4M {
	font-size: 12px;
	background-color: transparent;
	transform: scale(.9);
	transform-origin: left center;
	color: #999;
	position: absolute;
	bottom: -20px;
	left: 0;
	display: none
}

.AiReplyMessage_reply__time_right_1ghlH {
	right: -10px;
	left: auto;
	bottom: -15px
}

.AiReplyMessage_reply_inner__file_2qKro {
	display: flex;
	align-items: center;
	color: inherit;
	padding: 5px 10px 5px 5px;
	border-radius: 10px;
	text-decoration: none
}

.AiReplyMessage_reply_inner__file_2qKro span {
	margin-left: 8px
}

.AiReplyMessage_reply_content_img_1WZUT,
.AiReplyMessage_reply_content_img_1WZUT>div,
.AiReplyMessage_reply_content_img_1WZUT img {
	width: 100%
}

.Introduction_wrap__AGke {
	background: #f2f6fd;
	border-radius: 8px;
	position: relative
}

.Introduction_icon_tfPwt {
	background: #5498f3;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: -15px;
	margin-left: -20px;
	text-align: center
}

.Introduction_icon_tfPwt i {
	line-height: 40px;
	color: #fff
}

.Introduction_intro__detail__text_2Nso8 {
	height: 20px;
	left: 40px;
	top: 364px;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px
}

.Introduction_intro__text_1q0u_ {
	color: rgba(37, 37, 37, .39)
}

.Introduction_intro__item_3rn_w {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #fff;
	color: rgba(37, 37, 37, .39);
	margin-top: 10px;
	border-radius: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.Introduction_intro__item__icon_kUEyI {
	color: #00b85d;
	transform: scale(.6)
}

.Introduction_message__list_3RqdN {
	overflow: hidden;
	padding: 30px 20px 10px 20px;
	list-style: none
}

.Introduction_message__list_more_3uNfO {
	height: 72px;
	transition: height .3s
}

.Introduction_message__list_more_show_3SXp9 {
	height: auto
}

.Introduction_message__item_3ChJA {
	margin-bottom: 12px;
	font-size: 14px;
	color: #252525
}

.Introduction_message__item_3ChJA p {
	line-height: 20px
}

.Introduction_message__item__title_17sa9 {
	color: #999
}

.Introduction_control_3VqTn {
	border-top: 1px solid #d2dbff;
	height: 40px;
	background: #f2f6fd;
	color: #2e4fed;
	line-height: 40px;
	padding: 0 20px;
	cursor: pointer;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.Introduction_control_3VqTn i {
	color: #d2dbff;
	float: right;
	transition: all .3s
}

.Introduction_control_more_35IlM i {
	transform: rotate(180deg)
}

.ProductMessage_card__item_1mKMH {
	border-radius: 0;
	background: rgba(84, 152, 243, .08);
	border-radius: 20px 20px 0 20px;
	line-height: 1;
	font-size: 12px;
	width: 220px
}

.ProductMessage_card__content_isGR- {
	display: flex;
	width: 220px
}

.ProductMessage_card__content__left_24m4F {
	width: 90px;
	height: 80px
}

.ProductMessage_card__content__right_UtTbA {
	flex: 1;
	padding: 0 10px
}

.ProductMessage_card__content__image_3j9PQ {
	width: 100%;
	height: 80px
}

.ProductMessage_card__content__image_3j9PQ>div {
	width: 100%;
	height: 100%
}

.ProductMessage_card__content__image_3j9PQ img {
	width: 100%;
	height: 100% !important
}

.ProductMessage_card__content__btn_1jmdc {
	margin: 0;
	margin-top: 5px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 16px;
	position: relative;
	font-weight: 700;
	display: block;
	border: none;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #fff;
	text-decoration: none;
	background: #0045b0;
	color: #fff
}

.ProductMessage_card__product__name_-064C {
	height: 32px;
	line-height: 16px;
	overflow: hidden;
	color: #0045b0;
	margin-top: 5px;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word
}

.ProductMessage_card__product__price_2tcvI {
	line-height: 20px
}

.ProductMessage_card__product__price_2tcvI em {
	font-style: normal;
	font-weight: 700;
	color: #ed4014
}

.ProductMessage_card__product__price_2tcvI s {
	color: #808695
}

.QuickReplyMessage_wrap_284-P {
	position: relative;
	min-width: 100px;
	letter-spacing: 0
}

.QuickReplyMessage_wrap_284-P:after {
	content: " ";
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0
}

.QuickReplyMessage_wrap_284-P:hover .QuickReplyMessage_reply__time_2Pc8t {
	display: block
}

.QuickReplyMessage_reply_text_QlOKF {
	float: left;
	position: relative;
	min-width: 80px
}

.QuickReplyMessage_reply_text__content_3o8KI {
	border-radius: 12px 12px 12px 3px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	color: #252525;
	background: rgba(84, 152, 243, .08);
	line-height: 1.4;
	padding: 16px 20px;
	display: inline-block;
	white-space: pre-wrap;
	word-break: break-word
}

.QuickReplyMessage_reply_postback_305OT {
	position: relative;
	color: rgba(37, 37, 37, .8);
	border-radius: 12px 12px 0 12px;
	line-height: 1.4;
	padding: 10px;
	word-break: break-word;
	white-space: pre-wrap;
	float: right
}

.QuickReplyMessage_question_list_3i136 {
	float: right;
	display: block;
	width: 100%;
	list-style: none;
	text-align: right;
	margin-top: 16px
}

.QuickReplyMessage_question_list__item_2f97K {
	cursor: pointer;
	padding: 8px 10px;
	display: inline-block;
	margin: 5px 0 5px 5px;
	color: #252525;
	border-radius: 20px;
	border: 1px solid transparent
}

.QuickReplyMessage_question_list__item_2f97K:hover {
	border-color: #252525
}

.QuickReplyMessage_reply_inner_2lTyn {
	position: relative;
	float: left;
	border-radius: 12px 12px 12px 0;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	color: #252525;
	background: rgba(84, 152, 243, .08);
	padding: 10px
}

.QuickReplyMessage_reply_inner__text_t0tXq {
	background: #f0f2f7;
	line-height: 1.4;
	word-break: break-word;
	white-space: pre-wrap
}

.QuickReplyMessage_reply_inner_2lTyn img {
	display: block;
	max-width: 200px;
	width: auto;
	height: auto;
	margin-top: 5px;
	-o-object-fit: contain;
	object-fit: contain
}

.QuickReplyMessage_reply__time_2Pc8t {
	font-size: 12px;
	background-color: transparent;
	transform: scale(.9);
	transform-origin: left center;
	color: #999;
	position: absolute;
	bottom: -20px;
	left: 0;
	display: none
}

.QuickReplyMessage_reply__time_right_3nOEo {
	right: -10px;
	left: auto;
	bottom: -15px
}

.MediaTextMessage_media_text_3w_Yk {
	max-width: 100%
}

.MediaTextMessage_media_text_caption_1YTA9 video {
	max-width: 220px
}

.MediaTextMessage_media_text_caption_1YTA9 {
	padding: 8px 8px 0
}

.MediaTextMessage_media_text_caption_preview_1aIX7 {
	max-width: 100px;
	padding: 10px 0
}

.MediaTextMessage_media_text_caption_preview_1aIX7 img {
	width: 100px
}

.MediaTextMessage_media_text_caption_preview_video_1TG0l {
	max-width: 150px
}

.MediaTextMessage_media_text_caption_preview_video_1TG0l video {
	max-width: 150px;
	max-height: 150px
}

.MediaTextMessage_media_text_caption_preview_1aIX7 {
	width: 100%
}

.MediaTextMessage_media_text_caption_preview_1aIX7>span {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.MediaTextMessage_popup__btns_3GfFU {
	padding: 10px 0
}

.MediaTextMessage_popup__btns_3GfFU li {
	list-style: none;
	cursor: pointer;
	margin: 5px 0;
	color: #0045b0;
	font-size: 16px
}

.MediaTextMessage_popup__btns_3GfFU li:hover {
	text-decoration: underline
}

.MediaTextMessage_popup__input_1sPYf {
	cursor: pointer;
	color: #808695;
	font-size: 16px;
	margin-top: 5px
}

.SameProductMessage_same_product_3f9Wy {
	border-radius: 0;
	width: 220px
}

.SameProductMessage_same_product__title_1JyB0 {
	margin-bottom: 8px
}

.SameProductMessage_same_product__content_MaOsf {
	list-style: none;
	background-color: #fff;
	border-radius: 8px;
	padding: 8px;
	font-size: 12px
}

.SameProductMessage_same_product__content_item_lC2HK {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e5e5e5
}

.SameProductMessage_same_product__content_item_lC2HK:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.SameProductMessage_same_product__content_item_image_2Uy7U {
	width: 80px;
	max-height: 100px;
	margin-right: 16px
}

.SameProductMessage_same_product__content_item_image_2Uy7U>div {
	width: 100%;
	height: 100%
}

.SameProductMessage_same_product__content_item_image_2Uy7U img {
	width: 100%;
	height: 100% !important
}

.SameProductMessage_same_product__content_item_info_2mOJZ {
	flex: 1
}

.SameProductMessage_same_product__content_item_info_2mOJZ h3 {
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.SameProductMessage_same_product__content_item_info_original_price_-jDVc {
	margin: 4px 0
}

.SameProductMessage_same_product__content_item_info_original_price_-jDVc span {
	text-decoration: line-through;
	color: #808695
}

.SameProductMessage_same_product__content_item_info_price_19ZCW {
	width: 100%
}

.SameProductMessage_same_product__content_item_info_price_19ZCW span {
	color: #ed4014;
	font-weight: 700;
	margin-right: 20px
}

.SameProductMessage_same_product__content_item_info_price_19ZCW a {
	background-color: #3178fd;
	color: #fff !important;
	padding: 4px 8px;
	border-radius: 10px;
	text-decoration: none;
	max-width: 50%;
	white-space: nowrap
}

.index_bubble_35xAi {
	position: relative;
	margin: 16px 0
}

.index_bubble__like_RHl13 {
	margin-bottom: 50px
}

.index_bubble_35xAi:after {
	content: " ";
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0
}

.index_bubble_35xAi:hover .index_bubble__date_tUja2 {
	display: block
}

.index_bubble__ai_guide_1vPRn .index_bubble__avatar_3c_MR {
	bottom: auto;
	top: 0;
	padding: 12px 0
}

.index_bubble__ai_guide_1vPRn .index_bubble__content_ai_3uw7a {
	max-width: 85%;
	width: 85%
}

.index_bubble__date_tUja2 {
	display: none
}

.index_bubble__content_1x7Bv {
	position: relative;
	line-height: 1.4;
	padding: 12px 20px;
	word-break: break-word;
	max-width: 85%;
	font-size: 14px;
	letter-spacing: 0
}

.index_bubble__content_img_231qm {
	padding: 0;
	background: none !important;
	border-radius: 0;
	line-height: 1
}

.index_bubble__content_file_2Ns2L {
	padding: 0;
	border-radius: 12px
}

.index_bubble__content_video_9IqVF {
	padding: 0;
	background: none !important;
	border-radius: 0;
	line-height: 1
}

.index_bubble__content_1x7Bv span {
	white-space: pre-wrap;
	word-break: break-word
}

.index_bubble__content_1x7Bv a {
	color: inherit
}

.index_bubble__content_right_k75k4 {
	float: right;
	clear: right;
	color: rgba(37, 37, 37, .8);
	border-radius: 12px 12px 3px 12px;
	min-width: 16px
}

.index_bubble__content_left_27Hys {
	float: left;
	border-radius: 12px 12px 12px 3px;
	margin-left: 50px;
	background: rgba(84, 152, 243, .08);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	color: #252525;
	min-width: 16px
}

.index_bubble__content_tpl_2ltqp {
	padding: 0
}

.index_bubble__content_tpl_promotionalCard_A3Zkk {
	max-width: 90%;
	padding: 10px 6px
}

.index_bubble__content_ai_3uw7a {
	background-color: transparent !important;
	padding: 0;
	box-shadow: none
}

.index_bubble__content_product_2i9d1,
.index_bubble__content_same_style_3mWDg {
	max-width: 85%
}

.index_bubble__introduction_1hLuK {
	margin-top: 30px
}

.index_bubble__content_introduction_2-KwF {
	padding: 0;
	border-radius: 8px;
	max-width: 100%;
	float: none
}

.index_bubble__like__con_3XzPE {
	font-size: 14px;
	background-color: transparent;
	position: absolute;
	left: 50px;
	bottom: -38px;
	display: flex;
	align-items: center
}

.index_bubble__like__con__tips_3adLA {
	color: #252525
}

.index_bubble__like__con__btn_3NXdZ {
	display: flex;
	margin-left: 10px;
	background: #fff;
	box-shadow: 0 1px 12px rgba(60, 69, 118, .1);
	border-radius: 30px;
	width: 48px;
	line-height: 22px;
	padding: 6px 9px;
	text-align: center
}

.index_bubble__like__con__btn_3NXdZ span {
	cursor: pointer
}

.index_bubble__like__con__btn_3NXdZ span:first-child {
	padding-right: 5px;
	border-right: 1px solid #ecf0f8;
	margin-right: 5px
}

.index_bubble__like__con__btn_3NXdZ i {
	color: #2e4fed
}

.index_bubble__like__con_3XzPE+.index_bubble__time_25WZB {
	bottom: -48px
}

.index_bubble__time_25WZB {
	font-size: 12px;
	background-color: transparent;
	transform: scale(.9);
	transform-origin: left center;
	color: #999;
	position: absolute;
	bottom: -15px
}

.index_bubble__time_left_16S81 {
	left: 50px
}

.index_bubble__time_right_21NCf {
	transform-origin: right center;
	right: 0
}

.index_bubble__btn_retry_3vnuN {
	margin: 0 5px
}

.index_bubble__avatar_3c_MR {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	clear: left;
	position: relative;
	background: #fff;
	color: #0d1626;
	border-radius: 50%;
	position: absolute;
	left: 0;
	bottom: 0
}

.index_bubble__avatar_img_3qCgQ {
	max-height: 100%;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%
}

.index_bubble__avatar_def_2yvAI {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #5498f3;
	opacity: .4
}

.index_bubble__avatar_def_img_2ulY4 {
	background: none;
	opacity: 1
}

.index_bubble__avatar_def_2yvAI i {
	color: #fff
}

.index_bubble__avatar_def_2yvAI img {
	width: 100%
}

.index_bubble__quote_cNVXf {
	border-left: 2px solid rgba(37, 37, 37, .2);
	color: rgba(37, 37, 37, .4) !important;
	margin-bottom: 6px;
	padding-left: 8px
}

.index_bubble__quote_cNVXf img {
	max-height: 45px
}

.index_bubble__quote_cNVXf .tpl_file {
	margin-left: -5px
}

.index_bubble__quote_cNVXf .tpl_file>a {
	padding: 0
}

.index_bubble__quote_cNVXf .tpl_text {
	white-space: pre-wrap;
	word-break: break-word
}

.index_bubble__content__liked_2IzTR {
	position: absolute;
	right: -6px;
	bottom: -6px;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	box-shadow: 0 1px 12px rgba(60, 69, 118, .1);
	border-radius: 14px;
	background: #fff
}

.index_bubble__content__liked__like_fE-Jg {
	color: #2e4fed
}

.index_bubble__content__liked__unlike_2E652 {
	color: #c7c8cb
}

.index_error_3xzaO {
	color: #ed4014
}

.index_withdraw__message_1BpLS {
	text-align: center;
	color: #aaa;
	margin: 16px 0
}

.index_notice_EQfrd {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
	z-index: 3;
	text-align: center;
	display: none
}

.index_notice_EQfrd.index_show_qnKtX {
	display: block
}

.index_notice__content_1DdmZ {
	display: inline-block;
	padding: 10px 15px;
	background: #000;
	color: #fff;
	border-radius: 15px;
	max-width: 70%;
	min-width: 40%
}

.index_Upload_1OTGb {
	display: inline-block;
	position: relative;
	cursor: pointer
}

.index_Upload__file_3ZOvw {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	cursor: pointer
}

.index_wrap__inner_23Edq {
	overflow-y: auto;
	height: 100%
}

.index_wrap_3iiPm li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block
}

.index_wrap_3iiPm li button {
	font-size: 26px;
	padding: 6px;
	cursor: pointer;
	position: relative;
	display: inline-block;
	border: none;
	background: #fff;
	width: 46px;
	height: 46px;
	transition: transform .5s
}

.index_wrap_3iiPm li button:hover {
	transform: scale(1.3)
}

.view_wrap_3gxx- {
	margin: 0;
	position: relative;
	/* height: 100vh; */
	max-width: 400px;
}

.view_wrap_left_1tafY {
	margin: 0 auto 0 0
}

.view_wrap_right_eE7zQ {
	margin: 0 auto
}

.wrap_en-US .view_chat__footer__btns_3sAV7,
.wrap_ru-RU .view_chat__footer__btns_3sAV7,
.wrap_vi-VN .view_chat__footer__btns_3sAV7 {
	margin-right: -15px
}

.view_exclusiveLinkWrap_28rN2 {
	max-width: 800px
}

.view_chat_TFjrs {
	max-height: calc(100% - 60px);
	height: 100%;
	width: 100%;
	max-width: 800px;
	/* position: absolute; */
	/* z-index: 2; */
	/* bottom: 20px; */
	/* right: 20px; */
	/* left: auto; */
	border-radius: 12px;
	pointer-events: auto;
	box-shadow: 0 4px 20px rgba(60, 69, 118, .2);
	display: flex;
	flex-direction: column;
	background: #fff
}

.view_chat_showChannel_3pPab .view_chat__header_gm4yy {
	height: 68px
}

.view_chat__header_gm4yy {
	height: 44px;
	background: #ccc;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 18px 20px;
	position: relative;
	flex: 0 0 auto;
	z-index: 3;
	box-shadow: 0 4px 10px rgba(85, 106, 160, .2)
}

.view_chat__header__channel_1_E-i {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 34px;
	width: 100%;
	padding: 0 10px
}

.view_chat__avatar_bI_XW {
	height: 44px;
	width: 44px;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	position: relative;
	vertical-align: middle
}

.view_chat__avatar_define_X0rGW {
	background-color: inherit
}

.view_chat__avatar__img_1oi2C {
	max-height: 100%;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%
}

.view_chat__avatar__icon_3Z4Aj {
	color: #5498f3;
	opacity: .5
}

.view_chat__title_1Qa-1 {
	vertical-align: middle;
	display: inline-block;
	width: calc(100% - 90px);
	text-overflow: ellipsis;
	overflow: hidden;
	height: 44px;
	margin-left: 12px;
	font-size: 14px;
	position: relative
}

.view_chat__title__con_3iXda,
.view_chat__title__sub_2ef1g {
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 22px;
	position: absolute;
	left: 0;
	max-width: 100%
}

.view_chat__title__con_3iXda {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	top: 0
}

.view_chat__title__sub_2ef1g {
	font-weight: 300;
	line-height: 18px;
	bottom: -5px
}

.view_chat__close_r4sNG {
	position: absolute;
	right: 12px;
	top: 22px;
	width: 36px;
	height: 36px;
	color: #fff;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	line-height: 36px
}

.view_chat__close_r4sNG:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.view_chat__board_2V67y {
	position: absolute;
	width: calc(100% - 80px);
	left: 10px;
	top: 8px;
	filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .25));
	z-index: 3;
	padding: 10px 30px;
	line-height: 1.5;
	border-radius: 10px;
	color: #fff;
	word-wrap: break-word
}

.view_chat__board_2V67y a {
	color: inherit
}

.view_chat__board__close_3rFY- {
	right: 8px;
	transform: scale(.8);
	cursor: pointer
}

.view_chat__board__close_3rFY-,
.view_chat__board__speaker_3-l4V {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px
}

.view_chat__board__speaker_3-l4V {
	left: 6px;
	color: #ff716e
}

.view_chat__conversation_1g3d- {
	padding: 0 20px;
	overflow: hidden auto;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 60px;
	flex: 0 1 auto;
	background: #fff;
	z-index: 2;
	position: relative;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.view_chat__conversation_collectionGuide_2fCLY {
	margin-bottom: 70px
}

.view_chat__input_JKgsE {
	position: relative;
	background: #fff;
	z-index: 3;
	flex: 0 0 auto;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.view_chat__input_hide_3nFMP .view_chat__input__channel_2QAwB,
.view_chat__input_hide_3nFMP .view_chat__input__collection_1hn6i {
	border-radius: 12px;
	position: relative
}

.view_chat__emoji_2-Z-a {
	position: absolute;
	bottom: 120%;
	left: 16px;
	height: 210px;
	width: 298px;
	background: #fff;
	box-shadow: 0 4px 20px 0 #6c81a7;
	border-radius: 21px;
	padding: 15px
}

.view_chat__textarea_1DMUR {
	position: relative;
	z-index: 5;
	background: #fff;
	border-radius: 12px
}

.view_chat__upload_PGJfH:hover i {
	color: #0045b0
}

.view_chat__upload_PGJfH:hover button:before {
	background-color: rgba(111, 132, 232, .15);
	transform: scale(1)
}

.view_chat__textarea_input_361yy {
	padding: 0 20px;
	border-top: 1px solid #f3f7ff;
	padding-top: 12px;
	position: relative;
	min-height: 20px
}

.view_chat__textarea_input_361yy textarea {
	width: 100%;
	border: none;
	outline: none;
	padding: 10px 0;
	border-radius: 0;
	resize: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
	overflow-x: hidden;
	font-size: 14px
}

.view_chat__footer_3lCVJ {
	display: flex;
	margin-top: 17px;
	padding: 0 20px 10px 20px
}

.view_chat__footer__btns_3sAV7 {
	flex: 1;
	text-align: left;
	font-size: 0
}

.view_chat__footer__btns_3sAV7 button {
	margin-left: 0;
	position: relative;
	background-color: transparent
}

.view_chat__footer__btns_3sAV7 button:hover i {
	color: #0045b0
}

.view_chat__footer__btns_3sAV7 button:hover:before {
	background-color: rgba(0, 69, 176, .15);
	transform: scale(1)
}

.view_chat__footer__btns_3sAV7 button:before {
	content: " ";
	position: absolute;
	background: #8596ec;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	z-index: -1;
	transition: all .16s ease-in-out 0s;
	transform: scale(0);
	top: calc(50% - 18px);
	left: calc(50% - 18px)
}

.view_chat__footer__btns_3sAV7 .view_active_32rrd {
	color: #0045b0
}

.view_chat__footer__btns_3sAV7 i {
	color: #83878c;
	position: relative;
	z-index: 2
}

.view_chat__footer__btns__item_1k09z {
	margin-right: 22px;
	float: left;
	position: relative;
	z-index: 1
}

.view_chat__footer__btns__item_1k09z button {
	margin-right: 0
}

.view_chat__footer__btns__item_1k09z input {
	z-index: 2
}

.view_chat__footer__btns__item_1k09z:last-child {
	margin-right: 0
}

.view_chat__footer_www_35F3E {
	text-align: right;
	line-height: 30px
}

.view_chat__footer_www_35F3E a {
	text-decoration: none;
	color: #0c0c0c
}

.view_chat__footer_www_35F3E em {
	font-style: normal;
	vertical-align: middle
}

.view_chat__footer_www_35F3E span {
	color: #b6bfcf;
	transform: scale(.6);
	display: inline-block;
	line-height: 26px;
	margin-right: -10px
}

.view_chat__footer__btn_2YKvh {
	width: 60px;
	line-height: 32px;
	border: none;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	border-radius: 40px;
	margin-left: 5px
}

.view_chat__footer__btn_2YKvh i {
	transition: transform .3s ease-in
}

.view_chat__footer__btn_2YKvh:hover i {
	transform: scale(1.4)
}

.view_chat__brand_1U7wu {
	position: absolute;
	bottom: -30px;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 8px 0;
	background: #fff;
	border-radius: 12px
}

.view_chat__brand_1U7wu a {
	text-decoration: none;
	color: #aaa;
	font-size: 12px
}

.view_chat__brand_1U7wu em {
	font-style: normal;
	vertical-align: middle
}

.view_chat__brand_1U7wu span {
	display: inline-block;
	line-height: 14px;
	vertical-align: middle;
	color: #7c7c7c
}

.view_chat__error_tips_3_IbY {
	position: absolute;
	top: -50px;
	left: 10px;
	padding: 10px 15px;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 15px;
	max-width: 100%
}

.view_chat__error_tips_3_IbY i {
	color: #ed4014;
	vertical-align: middle
}

.view_chat__brand_out_1dTsO {
	position: absolute;
	bottom: -5px
}

.logo {
	background: url(../img/logo2.4cb8e51c.png) no-repeat;
	background-size: 100%;
	width: 80px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px
}

.view_img_preview_2Hp1r {
	display: inline-block;
	max-width: 100%;
	max-height: 70%;
	height: auto
}

.view_btn_wrap_3SJom {
	position: absolute;
	z-index: 1;
	bottom: 10px;
	max-width: 360px
}

.view_btn_wrap_3SJom .view_btn_channel_8uXuX {
	margin-bottom: 25px
}

.view_btn_channel_8uXuX {
	margin-bottom: 12px;
	margin-top: -10px;
	min-height: 60px;
	min-width: 60px;
	position: relative;
	z-index: 2
}

.view_btn_channel_8uXuX>div {
	display: inline-block
}

.view_btn_channel_8uXuX:last-child {
	margin-bottom: 10px
}

.view_btn_channel_medium_19DOo {
	min-height: 48px;
	min-width: 48px
}

.view_btn_channel_small_1Gvm6 {
	min-height: 36px;
	min-width: 36px
}

.view_btn_channel_chat_1xJ4F {
	position: static
}

.view_btn_channel_8uXuX .view_btn_chat_pglag {
	position: relative;
	z-index: 4
}

.view_btn_column_1XvKU .view_btn_channel_8uXuX:last-child {
	margin-bottom: 25px
}

.view_btn_column_single_284Vr .view_btn_channel_8uXuX:last-child {
	margin-bottom: 20px
}

.view_shake_34cF2 {
	-webkit-animation: view_shake_34cF2 .8s ease-in-out;
	animation: view_shake_34cF2 .8s ease-in-out
}

@-webkit-keyframes view_shake_34cF2 {

	10%,
	90% {
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(3px, 0, 0)
	}

	30%,
	70% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(6px, 0, 0)
	}

	50% {
		transform: translate3d(-6px, 0, 0)
	}
}

@keyframes view_shake_34cF2 {

	10%,
	90% {
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(3px, 0, 0)
	}

	30%,
	70% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(6px, 0, 0)
	}

	50% {
		transform: translate3d(-6px, 0, 0)
	}
}

.view_mobile_3qbYd {
	-webkit-tap-highlight-color: #000
}

.view_mobile_3qbYd.view_open_2WyTB {
	background-color: rgba(0, 0, 0, .2)
}

.view_mobile_3qbYd.view_wrap_3gxx- {
	max-width: 100%
}

.view_mobile_3qbYd.view_fullScreen_2j8Q4 .view_chat_TFjrs {
	height: 100%;
	max-height: 100%;
	top: 0;
	border-radius: 0
}

.view_mobile_3qbYd.view_fullScreen_2j8Q4 .view_chat__header_gm4yy {
	border-radius: 0
}

.view_mobile_3qbYd .view_chat_TFjrs {
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	height: 85%;
	box-shadow: none
}

.view_mobile_3qbYd .view_chat__input_JKgsE {
	border-radius: 0
}

.view_mobile_3qbYd .view_chat__conversation_1g3d- {
	max-height: none;
	flex: 1 1 auto;
	overflow-y: scroll;
	font-size: 14px
}

.view_mobile_3qbYd .view_chat__textarea_1DMUR textarea {
	font-size: 16px
}

.view_exclusiveMobileHeader_3wh0v {
	border-radius: 0
}

.wrap_brand .view_chat__input_JKgsE {
	margin-bottom: 34px;
	background: #fff
}

.view_demo_3N-Kl .view_chat_TFjrs {
	top: 35px;
	bottom: 0;
	height: 70%
}

.view_demo_3N-Kl .view_chat__footer_3lCVJ {
	padding: 0 10px 14px 10px
}

.view_demo_3N-Kl .view_btn_wrap_3SJom {
	bottom: 20px !important
}

.view_hideCloseIcon_3AM5K.view_mobile_3qbYd .view_chat_TFjrs {
	bottom: 0
}

.view_hideCloseIcon_3AM5K .view_chat_TFjrs {
	bottom: 90px
}

.view_hideCloseIcon_3AM5K .view_chat__title_1Qa-1 {
	width: calc(100% - 70px)
}

.view_video_preview_3AcH1 {
	width: 150px;
	max-height: 100px;
	margin: 20px;
	border: 2px solid #d7d7d7;
	border-radius: 10px
}

.view_attachment_preview_10jsW {
	display: flex;
	align-items: flex-start;
	background-color: #f0f0f0;
	padding: 10px;
	border: 2px solid #d7d7d7;
	border-radius: 10px;
	margin: 20px
}

.view_attachment_preview_10jsW span {
	text-align: left;
	word-break: break-all;
	margin: 0 10px
}

.view_chat__disable_reply_1kMZT {
	border-top: 1px solid #f3f7ff;
	min-height: 80px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	box-sizing: border-box
}

.view_chat__disable_reply_1kMZT span {
	color: #aaa;
	font-size: 14px;
	text-align: center;
	word-wrap: break-word
}

.view_chat__board_marquee_EmYkq {
	width: 100%;
	overflow: hidden;
	white-space: nowrap
}

.view_chat__board_marquee_EmYkq a,
.view_chat__board_marquee_EmYkq p {
	display: inline-block;
	-webkit-animation: view_marquee_2Rstd 30s linear infinite;
	animation: view_marquee_2Rstd 30s linear infinite
}

@-webkit-keyframes view_marquee_2Rstd {
	0% {
		transform: translateX(0)
	}

	10% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

@keyframes view_marquee_2Rstd {
	0% {
		transform: translateX(0)
	}

	10% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

.view_account_info_trigger_2MssI {
	margin-left: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.view_account_info_trigger_2MssI:hover {
	color: #0045b0
}

.view_account_info_content_3JM-t {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	align-items: center
}

.view_account_info_content_3JM-t:first-child {
	margin-right: 8px
}

.view_account_info_content_item_3hifP {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	align-items: center
}

.view_account_info_content_item_3hifP:first-child {
	margin-right: 8px
}

.view_account_info_report_aknZF {
	margin: 8px 8px 0 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #0045b0 !important
}

.view_account_info_report_aknZF:hover {
	color: #0045b0
}

.view_account_info_content_item_text_3576H {
	font-weight: 700
}

.view_chat_helpdesk_2WJpl {
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
	position: relative
}

.view_chat_helpdesk_2WJpl span {
	padding: 4px 16px;
	display: inline-block;
	cursor: pointer;
	border-radius: 16px;
	transition: all .3s ease-in-out;
	border: 1px solid transparent
}

.view_chat_helpdesk_2WJpl span i {
	margin-right: 2px
}

.view_chat_page_type_active_2MJSw {
	background-color: hsla(0, 0%, 100%, .2)
}

.view_chat_page_type_active_border_2B82Y {
	border: 1px solid rgba(0, 0, 0, .2) !important
}

.view_chat_showChannel_helpdesk_1ZPLB .view_chat__header_gm4yy {
	height: 108px;
	max-height: 108px
}

.view_chat_select_helpdesk_2IEhB {
	margin-bottom: 0
}

.view_chat__header_helpdesk_2njyc {
	padding: 12px 20px;
	height: auto;
	max-height: 78px
}

.view_chat__close_helpdesk_c4nBb {
	position: absolute;
	right: 0;
	top: 2px;
	width: 24px;
	height: 24px;
	color: #fff;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	line-height: 24px
}

.view_chat__close_helpdesk_c4nBb:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.view_chat__helpdesk_content_wrapper_2TCM6 {
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 99;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.view_chat__conversation_input_wrap_wf8jH {
	height: 200px;
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: space-between
}

.view_chat__helpdesk_content_2dC7K {
	width: 100%;
	height: 100%;
	position: relative
}

.view_chat__helpdesk_content_2dC7K iframe {
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.view_chat__conversation_helpdesk_90EOY {
	height: 450px;
	max-height: 450px
}

.view_helpdesk_loader_4Hkd5 {
	width: 40px;
	position: absolute;
	top: 50%;
	left: calc(50% - 20px);
	aspect-ratio: 1;
	border-radius: 50%;
	border: 4px solid #0045b0;
	-webkit-animation: view_loading-1_340dK .8s linear infinite alternate, view_loading-2_2-WSv 1.6s linear infinite;
	animation: view_loading-1_340dK .8s linear infinite alternate, view_loading-2_2-WSv 1.6s linear infinite
}

@-webkit-keyframes view_loading-1_340dK {
	0% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0)
	}

	12.5% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0)
	}

	25% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
	}

	50% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
	}

	62.5% {
		-webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
	}

	75% {
		-webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%)
	}

	to {
		-webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%)
	}
}

@keyframes view_loading-1_340dK {
	0% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0)
	}

	12.5% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0)
	}

	25% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
	}

	50% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
	}

	62.5% {
		-webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
	}

	75% {
		-webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%)
	}

	to {
		-webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%);
		clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%)
	}
}

@-webkit-keyframes view_loading-2_2-WSv {
	0% {
		transform: scaleY(1) rotate(0deg)
	}

	49.99% {
		transform: scaleY(1) rotate(135deg)
	}

	50% {
		transform: scaleY(-1) rotate(0deg)
	}

	to {
		transform: scaleY(-1) rotate(-135deg)
	}
}

@keyframes view_loading-2_2-WSv {
	0% {
		transform: scaleY(1) rotate(0deg)
	}

	49.99% {
		transform: scaleY(1) rotate(135deg)
	}

	50% {
		transform: scaleY(-1) rotate(0deg)
	}

	to {
		transform: scaleY(-1) rotate(-135deg)
	}
}

.view_account_info_risk_2Ls64 {
	width: 200px;
	white-space: normal;
	text-align: left;
	font-size: 12px;
	color: #808695;
	margin: 6px 0
}

.view_account_info_operate_1y7ty {
	text-align: left
}

.view_btn_channel_custom_3aXZw {
	position: static
}

.index_modal_1R4U- {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 12px;
	left: 0;
	top: 0;
	z-index: 4
}

.index_modal__cover_2Lozf {
	background: #000;
	opacity: .5;
	width: 100%;
	height: 100%;
	border-radius: 12px
}

.index_modal__body_32HH9 {
	max-height: 80%;
	overflow: hidden;
	width: 85%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	background: #fff;
	border-radius: 5px;
	padding-bottom: 40px;
	text-align: center
}

.index_modal__content_3gPiC {
	padding: 5px 8px;
	max-height: calc(80vh - 44px);
	overflow: auto
}

.index_modal__footer_ZN2QD {
	border-top: 1px solid #ccc;
	padding: 5px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.index_modal__footer_ZN2QD button {
	background: #fff;
	padding: 0 25px;
	margin: 0 15px
}

.index_modal__btn_ok_3wuG5 {
	color: #fff
}

.index_popup_3mWj9 {
	border-radius: 16px;
	max-width: 330px;
	overflow-wrap: break-word;
	overflow: hidden auto;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	z-index: 3;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .2);
	background: #fff;
	padding: 0 20px;
	min-height: 104px;
	min-width: 150px;
	text-align: left;
	position: absolute;
	bottom: 0;
	right: 0
}

.index_popup_3mWj9>div {
	display: inline-block;
	max-width: 100%
}

.index_popup_left_NQNmi {
	left: 0;
	right: auto
}

.index_popup_left_NQNmi .index_popup__comp_1Lh3z {
	margin-left: 60px;
	margin-right: 0
}

.index_popup_left_NQNmi .index_popup__comp_medium_3qhmg {
	margin-left: 48px
}

.index_popup_left_NQNmi .index_popup__comp_small_m9CFN {
	margin-left: 36px
}

.index_popup_left_NQNmi .index_popup__close_11H7B {
	left: 14px;
	right: none
}

.index_popup_card_1XkQ1 {
	padding: 0
}

.index_popup_card_1XkQ1 .index_popup__comp_1Lh3z {
	margin: 0
}

.index_popup_card_1XkQ1 .index_popup__close_11H7B {
	color: hsla(0, 0%, 100%, .68)
}

.index_popup_card_1XkQ1.popup_left .index_popup__close_11H7B {
	color: #000
}

.index_popup__comp_1Lh3z {
	margin-right: 60px;
	margin-left: 0
}

.index_popup__comp_medium_3qhmg {
	margin-right: 48px
}

.index_popup__comp_small_m9CFN {
	margin-right: 36px
}

.index_popup__content_3hWTL {
	padding: 10px 0;
	position: relative;
	overflow-wrap: break-word;
	overflow: hidden auto;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: pre-line;
	font-size: 16px;
	border-bottom: 2px solid #f3f7ff
}

.index_popup__content_3hWTL img {
	display: block;
	max-width: 120px;
	max-height: 100px;
	width: auto;
	height: auto
}

.index_popup__content_3hWTL img,
.index_popup__content_3hWTL p {
	margin-top: 5px
}

.index_popup__content_3hWTL video {
	max-width: 150px;
	max-height: 150px;
	width: 150px;
	height: auto
}

.index_popup__close_11H7B {
	position: absolute;
	right: 14px;
	top: 10px;
	cursor: pointer;
	z-index: 2
}

.index_popup__btns_1k_zZ {
	padding: 10px 0
}

.index_popup__btns_1k_zZ li {
	list-style: none;
	cursor: pointer;
	margin: 5px 0;
	color: #0045b0;
	font-size: 16px
}

.index_popup__btns_1k_zZ li:hover {
	text-decoration: underline
}

.index_popup__input_1tHSU {
	cursor: pointer;
	color: #808695;
	font-size: 16px;
	margin-top: 5px
}

.index_file__download_icon_3Tn-C {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle
}

.index_file__name_10z0o {
	text-decoration: underline;
	color: #0045b0;
	vertical-align: middle;
	cursor: pointer
}

.index_tp__prodcut__text_1RFuz {
	font-size: 12px
}

.PromotionalCard_card__item_WHxcD {
	border-radius: 0;
	padding: 0;
	font-family: Roboto
}

.PromotionalCard_card__content_3zU_G {
	display: flex;
	width: 300px;
	height: 200px;
	background: #fff;
	border-radius: 16px
}

.PromotionalCard_card__content__left_1h1D4 {
	flex: 1;
	border-right: 1px solid rgba(43, 85, 216, .1);
	padding: 10px 10px 20px 20px;
	max-width: 130px
}

.PromotionalCard_card__content__left_nolimit_3mLId .PromotionalCard_card__content__text_2Lh2p {
	margin: 15px 0 18px 0;
	height: auto;
	max-height: 40px;
	white-space: normal
}

.PromotionalCard_card__content__right_2f-Rt {
	flex: 1
}

.PromotionalCard_card__content__image_5xmUi {
	width: 100%;
	height: 100%;
	border-radius: 0 16px 16px 0;
	-o-object-fit: cover;
	object-fit: cover
}

.popup_left .PromotionalCard_card__content__left_1h1D4 {
	padding: 0 10px 20px 20px
}

.PromotionalCard_card__content__discount_37FUE {
	height: 78px;
	position: relative;
	font-weight: 700
}

.PromotionalCard_card__content__discount_num_3B06v {
	font-size: 66px
}

.PromotionalCard_card__content__discount_percent_7nC7g {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 40px
}

.PromotionalCard_card__content__discount_text_3mcYo {
	position: absolute;
	right: 10px;
	top: 56px;
	font-size: 16px
}

.PromotionalCard_card__content__text_2Lh2p {
	word-break: break-word;
	white-space: pre-wrap;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis
}

.PromotionalCard_card__content__btn_1hkI8 {
	margin: 0;
	margin-top: 10px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	position: relative;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.PromotionalCard_card__content__count_3B01I {
	margin-top: 6px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #000
}

.PromotionalCard_card__content__count_3B01I strong {
	font-size: 18px;
	color: #000
}

.PromotionalCard_card__content__count_3B01I span {
	color: #000;
	font-weight: 700
}

.Imager_size_33WUI {
	width: 100%;
	height: 100%
}

.Imager_image_3g8WI {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #f7f7f7;
	text-align: center
}

.Imager_image__error_2UQuu,
.Imager_image__placeholder_2anbd {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	background: #f7f7f7;
	color: #515a6e;
	vertical-align: middle
}

.Imager_image__inner_2de5c {
	width: 100%;
	height: 100%;
	vertical-align: top
}

.Imager_image__inner__center_1_5ZM {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block
}

.ProductMessage_card__item_3eucO {
	border-radius: 0;
	padding: 10px 0;
	border-radius: 20px 20px 0 20px;
	line-height: 1;
	font-size: 12px;
	width: 220px;
	margin-right: 0
}

.ProductMessage_card__content_1Lxo5 {
	display: flex;
	width: 220px
}

.ProductMessage_card__content__left_2PGSo {
	width: 90px;
	height: 80px
}

.ProductMessage_card__content__right_3Q5RY {
	flex: 1;
	padding: 0 10px
}

.ProductMessage_card__content__image_1HYCw {
	width: 100%;
	height: 80px
}

.ProductMessage_card__content__btn_3yN_A {
	margin: 0;
	margin-top: 5px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 16px;
	position: relative;
	font-weight: 700;
	display: block;
	width: 160px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #fff;
	text-decoration: none;
	background: #0045b0;
	color: #fff
}

.ProductMessage_card__product__name_2cR2_ {
	height: 32px;
	line-height: 16px;
	overflow: hidden;
	color: #0045b0;
	margin-top: 5px;
	text-overflow: ellipsis;
	display: -webkit-box;
	white-space: pre-wrap;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.ProductMessage_card__product__price_TxwNC {
	line-height: 20px
}

.ProductMessage_card__product__price_TxwNC em {
	font-style: normal;
	font-weight: 700;
	color: #ed4014
}

.ProductMessage_card__product__price_TxwNC s {
	color: #808695
}

.HumanService_human_f0MvY {
	position: absolute;
	top: -32px;
	left: 0;
	color: #fff;
	text-align: center;
	width: 100%
}

.HumanService_human__btn_3RuTI,
.HumanService_human__msg_2cHgV {
	padding: 6px 10px;
	border-radius: 17px;
	-webkit-backdrop-filter: blur(1.5px);
	backdrop-filter: blur(1.5px);
	background-color: rgba(0, 0, 0, .5);
	display: inline-block
}

.HumanService_human__btn_3RuTI:hover,
.HumanService_human__msg_2cHgV:hover {
	opacity: 1
}

.HumanService_human__btn_3RuTI {
	cursor: pointer
}

.Typing_typing__wrap_3FYVz {
	position: relative;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 26px;
	width: 32px;
	padding: 5px 10px;
	border-radius: 12px;
	margin-left: 50px;
	background: rgba(84, 152, 243, .08);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	color: #252525
}

.Typing_typing_18Sjw {
	text-align: left
}

.Typing_typing_18Sjw span {
	height: 4px;
	width: 4px;
	margin: 11px 1px 0 1px;
	background-color: #000;
	display: inline-block;
	border-radius: 50%;
	opacity: .4;
	-webkit-animation: Typing_blink_-iQ0k 1.3s linear infinite;
	animation: Typing_blink_-iQ0k 1.3s linear infinite
}

.Typing_typing_18Sjw span:first-child {
	margin-left: 4px
}

.Typing_typing_18Sjw span:nth-child(2) {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.Typing_typing_18Sjw span:nth-child(3) {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

@-webkit-keyframes Typing_blink_-iQ0k {

	0%,
	60%,
	to {
		transform: none
	}

	30% {
		transform: translateY(-5px)
	}
}

@keyframes Typing_blink_-iQ0k {

	0%,
	60%,
	to {
		transform: none
	}

	30% {
		transform: translateY(-5px)
	}
}

.Select_select_1O1MO {
	position: relative;
	cursor: pointer;
	background-color: #f2f6fd;
	border-radius: 8px;
	height: 40px;
	padding: 0 20px 0 10px
}

.Select_select_label_WgQHd {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.Select_select_label_selected_2kDvG {
	color: #000;
	max-width: 60%;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 8px
}

.Select_select_label_placeholder_2J6sr,
.Select_select_label_selected_2kDvG {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.Select_select_label_placeholder_2J6sr {
	color: #7f7f80;
	font-size: 14px;
	max-width: 100%;
	display: inline-block
}

.Select_select_options_3lIw8 {
	position: absolute;
	top: 120%;
	left: 0;
	right: 0;
	background-color: #f2f6fd;
	z-index: 1;
	list-style: none;
	border-radius: 8px;
	transition: all .5s ease;
	max-height: 100px;
	overflow: auto;
	box-shadow: 1px 3px 10px rgba(0, 0, 0, .2)
}

.Select_select_options_3lIw8 li {
	padding: 10px;
	cursor: pointer
}

@media (hover:hover) and (pointer:fine) {
	.Select_select_options_3lIw8 li:hover {
		background-color: #d5ddfb;
		transition: background-color .5s
	}
}

.Select_select_label_selected_other_2FF9- {
	padding: 0 4px
}

.Select_select_label_wrap_M8xjY {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.Select_select_label_content_By72c {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%
}

.Select_select_icon_2JvOV {
	color: #7f7f80;
	transition: transform .5s
}

.Select_select_icon_expand_1im0- {
	transform: rotate(180deg)
}

.Option_option_3Aic0 {
	color: #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left
}

.Option_selected_3fRx9 {
	color: #0045b0
}

.Option_selected_3fRx9:after {
	position: absolute;
	content: "\e629";
	font-family: iconfont;
	right: 5px;
	color: #0045b0;
	font-size: 8px
}

.index_collection_1yn98 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 4;
	background: #fff;
	border-radius: 12px;
	overflow: auto
}

.index_collection__close_1RUSL {
	cursor: pointer;
	position: absolute;
	right: 24px;
	top: 24px;
	color: #cbcbcb;
	padding: 2px
}

.index_collection__form_T_tfP {
	width: 100%;
	margin-top: 65px;
	display: flex;
	flex-direction: column;
	text-align: center;
	height: calc(100% - 65px)
}

.index_collection__form__con_55a1e {
	background: #fff;
	padding: 15px 40px;
	padding-top: 42px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	flex: 1
}

.index_collection__form__item_13y2L {
	margin-bottom: 22px;
	position: relative
}

.index_collection__form__item__status_wrong_7wEFj .index_collection__form__input_3cLQE {
	border-color: red
}

.index_collection__form__item__error_1JGTF {
	position: absolute;
	bottom: -18px;
	left: 0;
	color: red;
	padding-left: 18px
}

.index_collection__form__input_3cLQE {
	background: #f2f6fd;
	border-radius: 8px;
	height: 40px;
	display: flex;
	padding: 0 10px
}

.index_collection__form__input_3cLQE input {
	border: none;
	outline: none;
	line-height: 40px;
	flex: 0 0 20px;
	font-size: 14px;
	background: #f2f6fd;
	flex: 1
}

.index_collection__form__input_3cLQE img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: block;
	margin-top: 12px
}

.index_collection__form_T_tfP button {
	background: #0045b0;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
	border-radius: 40px;
	color: #fff;
	outline: none;
	border: none;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	cursor: pointer
}

.index_collection__form__avator_24qFV {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%
}

.index_collection__form__avator_24qFV i {
	line-height: 60px;
	color: #5498f3;
	opacity: .5
}

.index_collection__form__avator_24qFV img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%
}

.index_collection__form__avator_img_AcNZk {
	background-color: transparent
}

.index_collection__form__title_29lhJ {
	margin-bottom: 30px;
	font-size: 16px;
	padding: 0 15px;
	word-break: break-word;
	line-height: 1.5
}

.index_collection__icon_12HQm {
	margin-right: 5px
}

.index_shake_1A3la {
	-webkit-animation: index_shake_1A3la .8s ease-in-out;
	animation: index_shake_1A3la .8s ease-in-out
}

@-webkit-keyframes index_shake_1A3la {

	10%,
	90% {
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(3px, 0, 0)
	}

	30%,
	70% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(6px, 0, 0)
	}

	50% {
		transform: translate3d(-6px, 0, 0)
	}
}

@keyframes index_shake_1A3la {

	10%,
	90% {
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(3px, 0, 0)
	}

	30%,
	70% {
		transform: translate3d(-6px, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(6px, 0, 0)
	}

	50% {
		transform: translate3d(-6px, 0, 0)
	}
}

.index_collection_custom__icon_2S9eZ {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: block
}

.index_collection_phone_area_3IaiR {
	max-width: 25%;
	width: 50px;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid rgba(0, 0, 0, .16)
}

.index_collection_phone_area_select_3HKcD {
	width: 100%;
	padding: 0
}

.index_collection_phone_area_select_3HKcD>ul {
	width: 240px;
	max-height: 150px
}

.Chat_icon__wrap_3840H {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #ccc;
	color: #fff
}

.Chat_icon__wrap_3840H:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(46, 79, 237, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Chat_icon__wrap_3840H i {
	transition: transform .5s;
	position: absolute;
	left: 6px;
	top: -1px;
	transform: scale(.85)
}

.Chat_icon__wrap_3840H img {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0
}

.Chat_icon__wrap_3840H .Chat_btn__in_30NKI {
	display: none
}

.Chat_icon__wrap_3840H:hover .Chat_btn__in_30NKI {
	display: block
}

.Chat_icon__wrap_3840H:hover .Chat_btn__out_EXYLJ {
	display: none
}

.Chat_icon__wrap_3840H:hover:after {
	transform: scale(1)
}

.Chat_icon__wrap_3840H .Chat_unread_1o7NV {
	position: absolute;
	right: 10px;
	top: 8px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: red;
	color: #fff;
	text-align: center
}

.Chat_icon__wrap_medium_x1Yap {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Chat_icon__wrap_medium_x1Yap i {
	left: 7px;
	top: -1px
}

.Chat_icon__wrap_medium_x1Yap img {
	width: 48px;
	height: 48px
}

.Chat_icon__wrap_medium_x1Yap:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Chat_icon__wrap_medium_x1Yap .Chat_unread_1o7NV {
	right: 0;
	top: 0;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px
}

.Chat_icon__wrap_small_38unz {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Chat_icon__wrap_small_38unz i {
	left: 5px;
	top: -1px
}

.Chat_icon__wrap_small_38unz img {
	width: 36px;
	height: 36px
}

.Chat_icon__wrap_small_38unz:after {
	width: 42px;
	height: 42px;
	left: -3px;
	top: -3px
}

.Chat_icon__wrap_small_38unz .Chat_unread_1o7NV {
	right: 0;
	top: 0;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px
}

.Chat_icon__wrap_side_1woF2 {
	width: 30px;
	height: 30px;
	line-height: 30px
}

.Chat_icon__wrap_side_1woF2 i {
	left: 5px;
	top: -1px;
	transform: scale(1)
}

.Chat_icon__wrap_side_1woF2:after {
	width: 36px;
	height: 36px;
	left: -3px;
	top: -3px
}

.Chat_icon__wrap_side_1woF2 .Chat_unread_1o7NV {
	right: 0;
	top: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	line-height: 10px
}

.Chat_icon__wrap_define_hBu8- {
	color: #fff;
	border-radius: 0;
	filter: none;
	background: transparent !important;
	box-shadow: none
}

.Chat_icon__wrap_define_hBu8-:after {
	display: none
}

.Chat_icon__wrap_define_hBu8-:hover .Chat_btn__out_EXYLJ {
	transform: scale(0)
}

.Chat_icon__wrap_define_hBu8- .Chat_unread_1o7NV {
	right: 0;
	top: 0
}

.Chat_icon__wrap_3840H .Chat_btn__down_1ym23 {
	left: 50%;
	margin-left: -11px
}

.Chat_icon__wrap_old_mzs7M i {
	transition: transform .5s;
	position: absolute;
	left: 10px;
	top: 0
}

.Chat_icon__wrap_old_mzs7M .Chat_btn__in_30NKI {
	transform: scale(0)
}

.Chat_icon__wrap_old_mzs7M:hover .Chat_btn__in_30NKI,
.Chat_icon__wrap_old_mzs7M:hover:after {
	transform: scale(1)
}

.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_medium_x1Yap i {
	left: 10px
}

.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_side_1woF2 i,
.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_small_38unz i {
	left: 7px
}

.Chat_icon__wrap_old_mzs7M .Chat_btn__down_1ym23 {
	left: 50%;
	margin-left: -11px
}

.Chat_icon__wrap_shadow_14Bbe {
	box-shadow: 0 4px 20px rgba(60, 69, 118, .2)
}

.Line_wrap_2ZVen {
	position: relative
}

.Line_icon__wrap_2laFr {
	position: relative;
	border-radius: 50%;
	cursor: pointer
}

.Line_icon__wrap_2laFr:hover:after {
	transform: scale(1)
}

.Line_icon__wrap_2laFr:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(6, 199, 85, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Line_icon__wrap_medium_2B26V:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Line_icon__wrap_medium_2B26V .Line_icon_6S1Ge {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Line_icon__wrap_small_1yEyJ .Line_icon_6S1Ge {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Line_icon__wrap_small_1yEyJ:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Line_icon_6S1Ge {
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #00c300;
	border-radius: 50%;
	display: block;
	filter: drop-shadow(0 2px 8px rgba(6, 199, 85, .44));
	text-align: center;
	position: relative;
	z-index: 2
}

.Line_icon_6S1Ge>i {
	color: #fff;
	margin-top: 1px
}

.Line_frame_343K1 {
	background: #fff;
	box-shadow: 0 4px 20px 2px rgba(0, 0, 0, .2);
	border-radius: 12px;
	display: flex;
	flex-direction: column
}

.Line_frame__header_-7k9H {
	background-color: #00c300;
	height: 46px;
	display: flex;
	border-radius: 12px 12px 0 0;
	text-align: center;
	align-items: center;
	color: #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .25)
}

.Line_frame__header__icon_21MmW {
	width: 40px;
	height: 40px;
	margin: 0 5px 0 20px
}

.Line_frame__header__title_3l8kJ {
	text-align: left;
	font-size: 14px;
	font-weight: 700
}

.Line_frame__header__close_2P-U6 {
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 16px
}

.Line_frame__body_1Kgj9 {
	overflow: hidden;
	border-radius: 0 0 12px 12px;
	position: relative;
	flex: 1
}

.Line_frame__body_1Kgj9 iframe {
	border: none;
	overflow: hidden;
	margin-top: -60px;
	width: 360px;
	height: 80vh;
	max-height: 500px;
	overflow: auto
}

.Line_frame__body__demo_WEz7r {
	width: 320px;
	height: 80vh;
	max-height: 350px;
	overflow: auto
}

.Line_frame__body__demo_WEz7r img {
	display: block;
	width: 100%
}

.Line_frame__body__qr_Gy8rG {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.Line_frame__body__qr__con_3ajhq {
	background: #fff;
	width: 180px;
	height: 180px;
	border-radius: 12px;
	padding: 30px;
	text-align: center;
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -120px;
	margin-left: -120px
}

.Line_frame__body__qr__con_3ajhq p {
	font-size: 14px;
	font-weight: 700
}

.Line_frame__body__qr__con_3ajhq img {
	margin-bottom: 5px;
	width: 150px;
	height: 150px;
	display: inline-block
}

.Line_frame__body__qr__close_Q-5jU {
	position: absolute;
	right: 10px;
	top: 5px
}

.Line_frame__body__qr__close_Q-5jU i {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #515a6e;
	cursor: pointer
}

.Line_frame__body__qr__cover_3iq0l {
	position: absolute;
	inset: 0;
	outline-offset: -5px;
	background-color: rgba(0, 0, 0, .35);
	will-change: opacity;
	z-index: 1
}

.Messenger_icon__wrap_2aKWn {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #0a7cff;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(10, 124, 255, .44))
}

.Messenger_icon__wrap_2aKWn:hover:after {
	transform: scale(1)
}

.Messenger_icon__wrap_2aKWn:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(10, 124, 255, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Messenger_icon__wrap_medium_U8Js1 {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Messenger_icon__wrap_medium_U8Js1:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Messenger_icon__wrap_small_n9qWM {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Messenger_icon__wrap_small_n9qWM:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Whatsapp_icon__wrap_38xRx {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #4dc247;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(77, 194, 71, .44))
}

.Whatsapp_icon__wrap_38xRx>i {
	color: #fff
}

.Whatsapp_icon__wrap_38xRx:hover:after {
	transform: scale(1)
}

.Whatsapp_icon__wrap_38xRx:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(77, 194, 71, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Whatsapp_icon__wrap_medium_1E5Sw {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Whatsapp_icon__wrap_medium_1E5Sw:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Whatsapp_icon__wrap_small_uQHnT {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Whatsapp_icon__wrap_small_uQHnT:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Email_icon__wrap_RK-rh {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #ff485f;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(255, 72, 95, .44))
}

.Email_icon__wrap_RK-rh:hover:after {
	transform: scale(1)
}

.Email_icon__wrap_RK-rh:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(255, 72, 95, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Email_icon__wrap_medium_2eXF1 {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Email_icon__wrap_medium_2eXF1:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Email_icon__wrap_small_2pnjn {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Email_icon__wrap_small_2pnjn:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Telegram_icon__wrap_2_EPz {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #26a6e7;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(38, 166, 231, .44))
}

.Telegram_icon__wrap_2_EPz>i {
	color: #fff;
	margin-left: -2px
}

.Telegram_icon__wrap_2_EPz:hover:after {
	transform: scale(1)
}

.Telegram_icon__wrap_2_EPz:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(77, 194, 71, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Telegram_icon__wrap_medium_2OBxi {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Telegram_icon__wrap_medium_2OBxi:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Telegram_icon__wrap_small_2GuU7 {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Telegram_icon__wrap_small_2GuU7:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Instagram_icon__wrap_Mbzur {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #ff005e;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(255, 0, 94, .44))
}

.Instagram_icon__wrap_Mbzur>i {
	color: #fff
}

.Instagram_icon__wrap_Mbzur:hover:after {
	transform: scale(1)
}

.Instagram_icon__wrap_Mbzur:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(77, 194, 71, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Instagram_icon__wrap_medium_j9iW2 {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Instagram_icon__wrap_medium_j9iW2:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Instagram_icon__wrap_small_2e46G {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Instagram_icon__wrap_small_2e46G:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Weixin_icon__wrap_Drf07 {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #3caf34;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(60, 175, 52, .44))
}

.Weixin_icon__wrap_Drf07>i {
	color: #fff
}

.Weixin_icon__wrap_Drf07:hover:after {
	transform: scale(1)
}

.Weixin_icon__wrap_Drf07:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(77, 194, 71, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Weixin_icon__wrap_medium_2j4J6 {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Weixin_icon__wrap_medium_2j4J6:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Weixin_icon__wrap_small_2DFz5 {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Weixin_icon__wrap_small_2DFz5:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Expand_icon__wrap_cgiMe {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #ccc;
	color: #fff;
	box-shadow: 0 4px 20px rgba(60, 69, 118, .2)
}

.Expand_icon__wrap_cgiMe:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(46, 79, 237, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Expand_icon__wrap_cgiMe i {
	transition: transform .5s;
	left: 6px;
	top: -1px;
	transform: scale(.85)
}

.Expand_icon__wrap_cgiMe img {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0
}

.Expand_icon__wrap_cgiMe .Expand_btn__in_SYKgO {
	display: none
}

.Expand_icon__wrap_cgiMe:hover .Expand_btn__in_SYKgO {
	display: block
}

.Expand_icon__wrap_cgiMe:hover .Expand_btn__out_1PcDx {
	display: none
}

.Expand_icon__wrap_cgiMe:hover:after {
	transform: scale(1)
}

.Expand_icon__wrap_cgiMe .Expand_unread_3slBN {
	position: absolute;
	right: 10px;
	top: 8px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: red;
	color: #fff;
	text-align: center
}

.Expand_icon__wrap_medium_XscJu {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Expand_icon__wrap_medium_XscJu i {
	left: 7px;
	top: -1px
}

.Expand_icon__wrap_medium_XscJu img {
	width: 48px;
	height: 48px
}

.Expand_icon__wrap_medium_XscJu:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Expand_icon__wrap_medium_XscJu .Expand_unread_3slBN {
	right: 0;
	top: 0;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px
}

.Expand_icon__wrap_small_1ksnj {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Expand_icon__wrap_small_1ksnj i {
	left: 5px;
	top: -1px
}

.Expand_icon__wrap_small_1ksnj img {
	width: 36px;
	height: 36px
}

.Expand_icon__wrap_small_1ksnj:after {
	width: 42px;
	height: 42px;
	left: -3px;
	top: -3px
}

.Expand_icon__wrap_small_1ksnj .Expand_unread_3slBN {
	right: 0;
	top: 0;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px
}

.Expand_icon__wrap_side_1vhRW {
	width: 30px;
	height: 30px;
	line-height: 30px
}

.Expand_icon__wrap_side_1vhRW i {
	left: 5px;
	top: -1px;
	transform: scale(1)
}

.Expand_icon__wrap_side_1vhRW:after {
	width: 36px;
	height: 36px;
	left: -3px;
	top: -3px
}

.Expand_icon__wrap_side_1vhRW .Expand_unread_3slBN {
	right: 0;
	top: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	line-height: 10px
}

.Expand_icon__wrap_define_1yR3c {
	color: #fff;
	border-radius: 0;
	filter: none;
	background: transparent !important;
	box-shadow: none
}

.Expand_icon__wrap_define_1yR3c:after {
	display: none
}

.Expand_icon__wrap_define_1yR3c:hover .Expand_btn__out_1PcDx {
	transform: scale(0)
}

.Expand_icon__wrap_define_1yR3c .Expand_unread_3slBN {
	right: 0;
	top: 0
}

.mobile .Expand_icon__wrap_cgiMe:after {
	background: none !important
}

.TikTok_icon__wrap_1H9Hw {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #000;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .44))
}

.TikTok_icon__wrap_1H9Hw>i {
	color: #fff
}

.TikTok_icon__wrap_1H9Hw:hover:after {
	transform: scale(1)
}

.TikTok_icon__wrap_1H9Hw:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(27, 51, 26, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.TikTok_icon__wrap_medium_1V628 {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.TikTok_icon__wrap_medium_1V628:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.TikTok_icon__wrap_small_3wwVA {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.TikTok_icon__wrap_small_3wwVA:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.VKontakte_icon__wrap_1wLBr {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #1976d2;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(25, 118, 210, .44))
}

.VKontakte_icon__wrap_1wLBr>i {
	color: #fff
}

.VKontakte_icon__wrap_1wLBr:hover:after {
	transform: scale(1)
}

.VKontakte_icon__wrap_1wLBr:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(54, 113, 175, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.VKontakte_icon__wrap_medium_11xRR {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.VKontakte_icon__wrap_medium_11xRR:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.VKontakte_icon__wrap_small_2SaZX {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.VKontakte_icon__wrap_small_2SaZX:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.Zalo_icon__wrap_3ZJ1J {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: #1976d2;
	color: #fff;
	filter: drop-shadow(0 2px 8px rgba(25, 118, 210, .3))
}

.Zalo_icon__wrap_3ZJ1J img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.Zalo_icon__wrap_3ZJ1J:hover:after {
	transform: scale(1)
}

.Zalo_icon__wrap_3ZJ1J:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(27, 51, 26, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.Zalo_icon__wrap_medium_2kv4B {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.Zalo_icon__wrap_medium_2kv4B:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.Zalo_icon__wrap_small_3bT3b {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.Zalo_icon__wrap_small_3bT3b:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.CustomEntry_icon__wrap_2aA1f {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	background: transparent;
	color: #fff
}

.CustomEntry_icon__wrap_2aA1f>img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.CustomEntry_icon__wrap_2aA1f:hover:after {
	transform: scale(1)
}

.CustomEntry_icon__wrap_2aA1f:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	left: -10px;
	top: -10px;
	background: rgba(27, 51, 26, .12);
	border-radius: 50%;
	transform: scale(0);
	transition: .3s;
	z-index: 1
}

.CustomEntry_icon__wrap_medium_jvI29 {
	width: 48px;
	height: 48px;
	line-height: 48px
}

.CustomEntry_icon__wrap_medium_jvI29:after {
	width: 58px;
	height: 58px;
	left: -5px;
	top: -5px
}

.CustomEntry_icon__wrap_small_2xuvU {
	width: 36px;
	height: 36px;
	line-height: 36px
}

.CustomEntry_icon__wrap_small_2xuvU:after {
	width: 44px;
	height: 44px;
	left: -4px;
	top: -4px
}

.CustomEntry_custom_entry_1K0FV {
	position: relative
}

.CustomEntry_custom_entry__content_sAKQS {
	position: absolute;
	top: 50%;
	right: 80px
}

.CustomEntry_custom_entry__content_image_3pKg6 {
	transform: translateY(-50%)
}

.CustomEntry_custom_entry__content_left_1JImK {
	left: 80px
}

.CustomEntry_custom_entry__content_medium_3TaCT {
	right: 66px
}

.CustomEntry_custom_entry__content_medium_left_3oFWR {
	left: 66px
}

.CustomEntry_custom_entry__content_small_3qq9f {
	right: 54px
}

.CustomEntry_custom_entry__content_small_left_20m-- {
	left: 54px
}

.CustomEntry_custom_entry__content_text_3o24B {
	max-width: 220px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	word-break: break-all;
	padding: 8px;
	background-color: rgba(84, 152, 243, .08);
	border-radius: 8px;
	text-align: left
}

.CustomEntry_custom_entry__content_img_16jwc {
	max-width: 200px;
	max-height: 200px;
	border-radius: 8px
}

.index_wrap_2x0GD {
	cursor: pointer;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	height: 100vh
}

.index_wrap_2x0GD .index_normal_3-8_M {
	background: rgba(46, 79, 237, .75);
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 0;
	padding: 20px 0 30px;
	width: 30px;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	border-bottom-left-radius: 25px;
	border-top-left-radius: 8px
}

.index_wrap_2x0GD .index_normal_3-8_M>span {
	max-height: 265px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}

.index_wrap_2x0GD .index_btn_8AbIK {
	width: 35px;
	height: 35px;
	line-height: 35px;
	min-width: auto;
	min-height: auto
}

.index_wrap_2x0GD .index_btn_8AbIK i {
	left: 8px
}

.index_wrap_2x0GD .index_btn_8AbIK:after {
	width: 50px;
	height: 50px;
	left: -6px;
	top: -6px
}

.index_wrap_2x0GD .index_btn_unread_3YKuK {
	right: 3px;
	top: -2px;
	width: 10px;
	height: 10px
}

.index_wrap_2x0GD .index_chat__icon_1qlfO {
	right: 10px !important;
	bottom: 5px;
	background: #2e4fed;
	position: absolute
}

.index_wrap_2x0GD .index_chat__icon_single_3b4ea {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important
}

.index_wrap_left_3TVBe {
	justify-content: flex-start
}

.index_wrap_left_3TVBe .index_normal_3-8_M {
	right: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 8px
}

.index_wrap_demo_3tg3m>div {
	width: 70px;
	position: absolute;
	right: 0;
	left: auto
}

.index_wrap_demo_3tg3m.index_wrap_left_3TVBe>div {
	left: 0;
	right: auto
}

.index_wrap_demo_3tg3m.index_wrap_left_3TVBe .index_normal_3-8_M {
	right: 40px
}

.index_channel__list_3kOOH {
	text-align: center;
	min-width: 65px
}

.index_channel__list_3kOOH .index_channel__btn_1sHVK {
	right: 0 !important;
	left: 0 !important
}

.index_channel__list_3kOOH .index_close_Ke7KF {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 2px solid #999;
	background: #fff
}

.index_channel__list_3kOOH .index_close_Ke7KF i {
	color: #999
}

.index_channel__list_single_2wWBi {
	display: flex;
	flex-direction: column;
	padding: 0
}

.index_normal_space_3PipG {
	letter-spacing: 2px
}

.MiniChannel_icon__list_T1Kbz {
	list-style: none;
	line-height: 22px;
	vertical-align: middle
}

.MiniChannel_icon__list_T1Kbz li {
	display: inline-block;
	margin-right: 16px;
	cursor: pointer
}

.MiniChannel_icon__list_T1Kbz li img {
	width: 22px;
	vertical-align: middle;
	display: inline-block
}

.MiniChannel_icon__list_T1Kbz li i {
	display: none
}

.MiniChannel_icon__list_small_39JjX {
	line-height: 1;
	background: linear-gradient(90.06deg, rgba(0, 0, 0, .1) .05%, transparent 99.95%)
}

.MiniChannel_icon__list_small_39JjX li {
	margin-right: 8px;
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;
	padding: 5px;
	margin-top: 4px
}

.MiniChannel_icon__list_small_39JjX li img {
	display: none
}

.MiniChannel_icon__list_small_39JjX li i {
	display: block;
	color: #fff
}

.mobile .MiniChannel_icon__list_small_39JjX li {
	margin-right: 16px
}

.MiniChannel_email_2cryC i,
.MiniChannel_line_3yRam i {
	color: #06c755
}

.MiniChannel_messenger_2GYgF i {
	color: #0084ff
}

.MiniChannel_whatsapp_2akdm i {
	color: #25d366
}

.MiniChannel_telegram_2rqQ5 i {
	color: #26a6e7
}

.MiniChannel_custom_1_3f-HC i,
.MiniChannel_custom_2_3ffAj i,
.MiniChannel_custom_3_32cfD i,
.MiniChannel_instagram_3wgg- i,
.MiniChannel_tiktok_1rA4h i,
.MiniChannel_vkontakte_1G2j1 i,
.MiniChannel_zalo_30wki i {
	color: #ff005e
}

.MiniChannel_custom_img_2CZdT {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	vertical-align: sub !important;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.MutilChat_wrap_2RtHV {
	position: absolute;
	top: 40px;
	left: 0;
	padding: 10px 20px;
	border-top: 2px solid #f3f7ff;
	width: calc(100% - 40px);
	z-index: 4;
	background: #fff;
	transition: top .3s
}

.MutilChat_tips_2jpOd {
	color: #808695;
	line-height: 22px;
	font-size: 14px;
	margin-right: 10px
}

.MutilChat_list_Ry46l,
.MutilChat_tips_2jpOd {
	display: inline-block;
	vertical-align: middle
}

.ChannelGuide_wrap_1Npve {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px 20px;
	border-top: 2px solid #f3f7ff;
	width: calc(100% - 40px);
	height: 78px;
	z-index: 6;
	background: #fff;
	text-align: center;
	border-radius: 0 0 12px 12px
}

.ChannelGuide_wrap_1Npve ul {
	margin-top: 5px
}

.ChannelGuide_wrap_1Npve a {
	display: inline-block;
	margin: 0 auto;
	margin-top: 8px
}

.ChannelGuide_wrap_1Npve .ChannelGuide_www_2vV_H a {
	text-decoration: none;
	color: #ccc
}

.ChannelGuide_wrap_1Npve .ChannelGuide_www_2vV_H span {
	color: #b6bfcf;
	display: inline-block;
	vertical-align: middle
}

.ChannelGuide_tips_1GjTy {
	color: #808695;
	line-height: 24px;
	font-size: 14px
}

.CollectionGuide_wrap_2uT8B {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 20px 10px 20px;
	width: calc(100% - 40px);
	z-index: 6;
	background: #fff;
	text-align: center;
	border-radius: 0 0 12px 12px
}

.CollectionGuide_wrap_2uT8B p {
	line-height: 14px;
	margin-bottom: 6px;
	height: 28px;
	font-size: 14px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_btn_2XDZS {
	border: none;
	margin: 0;
	width: 100%;
	height: 40px;
	font-size: 14px;
	letter-spacing: .5px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f {
	margin-top: 10px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f a {
	text-decoration: none;
	color: #ccc
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f span {
	color: #b6bfcf;
	display: inline-block;
	vertical-align: middle
}

.CollectionGuide_icon_1Jwgk {
	background: #5498f3;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -20px
}

.CollectionGuide_icon_1Jwgk i {
	line-height: 40px;
	color: #fff
}

.CollectionGuide_info_d3cDe {
	height: 72px;
	margin: 0 auto;
	padding: 20px;
	padding-top: 30px;
	background: #f2f6fd;
	border-radius: 8px;
	position: relative
}

.CollectionGuide_tips_2AoES {
	color: #808695;
	line-height: 24px;
	font-size: 14px
}

.Report_wrap_13Mf0 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	z-index: 9;
	border-radius: 15px;
	border: 1px solid #d7d7d7;
	font-size: 14px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .2)
}

.Report_wide_1TzhA {
	width: 500px;
	box-sizing: border-box
}

.Report_mobilewide_3hcrg {
	width: 90%;
	max-height: 80%
}

.Report_wrap_content_header_4jGHD {
	display: flex
}

.Report_window_name_3_Hws {
	max-width: 70%
}

.Report_wrap_title_uJr-I {
	text-align: center;
	margin: 20px 0 10px
}

.Report_wrap_content_2uOS6 {
	display: flex;
	flex-direction: column;
	margin: 15px
}

.Report_wrap_textarea_1D6PA {
	position: relative
}

.Report_wrap_content_text_iT-WY {
	display: flex;
	align-items: flex-start;
	margin: 20px 0
}

.Report_broadside_1CC_J {
	margin: 0 20px;
	max-width: 80px;
	white-space: normal;
	word-wrap: break-word
}

.Report_broadside_mobile_2DYuI {
	margin: 0 10px 0 0
}

.Report_report_content_3Ety_ {
	padding: 10px 10px 20px;
	border-radius: 10px;
	resize: none;
	line-height: 1.5;
	border: 1px solid #d7d7d7;
	font-size: 14px;
	width: 320px;
	height: 200px
}

.Report_report_content_mobile_3sIV1 {
	max-width: 60vw;
	max-height: 30vh
}

.Report_report_content_chat_eL3Pp {
	width: 85%;
	height: 120px
}

.Report_report_content_3Ety_::-moz-placeholder {
	color: #d7d7d7
}

.Report_report_content_3Ety_:-ms-input-placeholder {
	color: #d7d7d7
}

.Report_report_content_3Ety_::placeholder {
	color: #d7d7d7
}

.Report_text_count_3LGdN {
	position: absolute;
	right: 25px;
	bottom: 5px;
	width: 60px;
	height: 15px;
	z-index: 2;
	background-color: #fff;
	color: #7f7f7f;
	text-align: center
}

.Report_text_tips_B5AYA {
	color: #7f7f7f;
	max-width: 320px;
	font-size: 12px;
	margin-top: 5px
}

.Report_text_tips_mobile_1N3AN {
	max-width: 60vw
}

.Report_wrap_footer_hD1H- {
	display: flex;
	justify-content: center
}

.Report_btn_3PnEl {
	margin: 0 5px;
	min-width: 90px;
	min-height: 35px;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
	cursor: pointer;
	font-size: 14px
}

.Report_btn_cancel_2RyaO {
	background-color: #fff
}

.Report_btn_submit_RwuXr {
	background-color: #aaa;
	color: #fff
}

.Report_btn_primary_CttrH {
	background-color: #2e4fed
}

.index_poptip_wrapper_LP_wy {
	display: inline-block
}

.index_poptip_content_2Fiqh {
	position: absolute;
	top: -100%;
	left: 50%;
	z-index: 10;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .15);
	padding: 10px;
	border-radius: 10px;
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease, visibility 1s ease;
	transition: transform .5s ease;
	transform: translateX(0)
}

.index_poptip_content_show_K-X4k {
	opacity: 1;
	visibility: visible;
	-webkit-animation: index_slideInFromRight_16oj6 .5s ease-out forwards;
	animation: index_slideInFromRight_16oj6 .5s ease-out forwards
}

.index_poptip_content_hide_3J-oU {
	-webkit-animation: index_slideOutToRight_2YyGz .5s ease-out forwards;
	animation: index_slideOutToRight_2YyGz .5s ease-out forwards
}

.index_poptip_top_3vVRf {
	transform: translateY(-100%)
}

.index_poptip_trigger_fLAc_ {
	cursor: pointer
}

@-webkit-keyframes index_slideInFromRight_16oj6 {
	0% {
		transform: translateX(0);
		opacity: 0
	}

	to {
		transform: translateX(-50%);
		opacity: 1
	}
}

@keyframes index_slideInFromRight_16oj6 {
	0% {
		transform: translateX(0);
		opacity: 0
	}

	to {
		transform: translateX(-50%);
		opacity: 1
	}
}

@-webkit-keyframes index_slideOutToRight_2YyGz {
	0% {
		transform: translateX(-50%);
		opacity: 1
	}

	to {
		transform: translateX(0);
		opacity: 0
	}
}

@keyframes index_slideOutToRight_2YyGz {
	0% {
		transform: translateX(-50%);
		opacity: 1
	}

	to {
		transform: translateX(0);
		opacity: 0
	}
}

.ViewCustomContent_custom_entry__content_3uQYi {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	padding: 8px;
	background-color: #f2f7fe;
	border-radius: 8px;
	box-shadow: 0 4px 14px 4px rgba(0, 0, 0, .2)
}

.ViewCustomContent_custom_entry__content_text_34sHN {
	max-width: 220px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	word-break: break-all
}

.ViewCustomContent_custom_entry__content_img_1zjiq {
	cursor: pointer;
	max-width: 250px;
	max-height: 250px;
	border-radius: 8px
}

.ServiceTyping_typing_2pQyh {
	position: absolute;
	top: -32px;
	left: 0;
	color: #fff;
	text-align: center;
	width: 100%
}

.ServiceTyping_typing__msg_1AYMa {
	padding: 6px 10px;
	border-radius: 17px;
	-webkit-backdrop-filter: blur(1.5px);
	backdrop-filter: blur(1.5px);
	background-color: rgba(0, 0, 0, .4);
	opacity: .85;
	display: inline-block
}

.fade,
.ServiceTyping_typing__msg_1AYMa:hover {
	opacity: 1
}

.fade-enter-active,
.fade-leave-active,
.fadeLeft-enter-active,
.fadeLeft-leave-active {
	transition: opacity .3s, transform .3s
}

.fade-enter {
	opacity: 0;
	transform: translate(30px)
}

.fadeLeft-enter {
	opacity: 0;
	transform: translate(-30px)
}

.fade-enter-to,
.fadeLeft-enter-to {
	opacity: 1;
	transform: translate(0)
}

.fade-leave,
.fadeLeft-leave {
	opacity: 1
}

.fade-leave-to {
	transform: translate(30px);
	opacity: 0
}

.fadeLeft-leave-to {
	transform: translate(-30px);
	opacity: 0
}

.fadein-enter-active {
	-webkit-animation: fadein .5s;
	animation: fadein .5s
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.noIcon {
	opacity: 1;
	transition: width .2s ease 0s, height .2s ease 0s, transform .3s cubic-bezier(0, 1.2, 1, 1) 0s, opacity .1s ease-out 0s
}

.noIcon-leave {
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden
}

/* 头部样式 */
.header-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 12px 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 10;
}

.header-back {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 8px;
	border-radius: 50%;
	/* transition: background-color 0.2s ease; */
}

.header-back:hover {
	/* background-color: rgba(0, 0, 0, 0.05); */
}

.header-back img {
	width: 10px;
	/* height: 16px; */
}

.header-title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: center;
	flex: 1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 60px;
}

.header-controls {
	display: flex;
	align-items: center;
}

.control-toggle {
	display: flex;
	/* background: #f5f5f5; */
	border-radius: 20px;
	padding: 4px 0px;
	/* gap: 2px; */
	border: 1px solid #e0e0e0;
}

.toggle-option {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	width: 40px;
}

.toggle-option img {
	width: 14px;
	height: 14px;
	/* opacity: 0.6; */
	/* transition: opacity 0.2s ease; */
}

.toggle-option.active {
	/* background: #000; */
}

.toggle-option.active img {
	opacity: 1;
	/* filter: brightness(0) invert(1); */
}

.toggle-option:hover:not(.active) {
	/* background: rgba(0, 0, 0, 0.1); */
}

.toggle-option:hover:not(.active) img {
	/* opacity: 0.8; */
}
 .control-toggle .toggle-option:nth-child(1) {
 	border-right: 1px solid #e0e0e0;
 	margin-left: 2px;
 }

/* 聊天功能样式 */
.chat-messages-container {
	max-height: 300px;
	overflow-y: auto;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: #f9f9f9;
}

.chat-messages-container div {
	margin-bottom: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	word-wrap: break-word;
}

.chat-messages-container div:last-child {
	margin-bottom: 0;
}

.chat-input-field {
	width: 100%;
	border: none;
	outline: none;
	padding: 10px 0;
	border-radius: 0;
	resize: none;
	margin: 0;
	line-height: 20px;
	overflow-x: hidden;
	font-size: 14px;
	background: transparent;
}

/* 聊天消息气泡样式优化 */
#chatBubbleContainer {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
	margin-top: 20px;
}

/* 新添加的聊天消息气泡样式 */
.chat-message-bubble {
	position: relative;
	clear: both;
	margin: 16px 0 !important;
}

/* 确保消息内容正确对齐 */
.chat-message-bubble .index_bubble__content_right_k75k4 {
	float: right;
	clear: right;
	margin-right: 0;
	margin-left: 50px;
	background: #18acff;
	color: #fff;
}

.chat-message-bubble .index_bubble__content_left_27Hys {
	float: left;
	clear: left;
	/* margin-left: 0; */
	margin-right: 50px;
}

/* 快捷消息按钮样式 */
.quick-message-btn {
	cursor: pointer;
	transition: all 0.2s ease;
}

.quick-message-btn:hover {
	background: rgba(24, 172, 255, 0.1) !important;
	transform: translateY(-1px);
}

/* 加载页面样式 */
.loading-page {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loading-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.loading-content {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
}

.loading-gif {
	width: 60px;
	height: 60px;
}

.progress-container {
	position: fixed;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	z-index: 3;
}

.progress-bar {
	width: 100%;
	height: 5px;
	background: #1a237e; /* 深蓝色背景 */
	border-radius: 3px;
	overflow: hidden;
}

.progress-fill {
	height: 100%;
	background: #ffd700; /* 金黄色 */
	width: 0%;
	transition: width 0.3s ease;
	border-radius: 3px;
}

.main-page {
	position: relative;
	z-index: 1;
}

/* 账号信息Tip窗口样式 */
.index_poptip_wrapper_LP_wy {
	position: relative;
}

.account-info-tip {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	padding: 12px 16px;
	margin-bottom: 8px;
	min-width: 300px;
	max-width: 400px;
	z-index: 1000;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.account-info-tip.show {
	display: block;
	opacity: 1;
}

.tip-content {
	font-size: 12px;
	line-height: 1.4;
	color: #333;
}

.tip-line {
	margin-bottom: 8px;
	text-align: left;
}

.tip-line:last-child {
	margin-bottom: 0;
}

.tip-arrow {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
}

.tip-arrow::before {
	content: '';
	position: absolute;
	top: -9px;
	left: -9px;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #e0e0e0;
}