@font-face {
	font-family: xgpc-msg-center;
	src: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/ad95d37b4c7429a6984c.eot?#iefix) format("eot"), url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/aa0ce6262bde14f7c18a.woff2) format("woff2"), url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/5dc8cedf299f0a929cb0.woff) format("woff"), url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/36bd9224b09621c2061a.ttf) format("truetype"), url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/6ad038f6c4bdbcfb8d22.svg#xgpc-msg-center) format("svg");
}
@font-face {
	font-family: ByteNumber-Light;
	src: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/2d6c598a6f00b07b4a51.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: ByteNumber-Medium;
	src: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/47b9dea42bf518319d57.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: ByteNumber-Bold;
	src: url(https://lf3-cdn-tos.bdxiguastatic.com/obj/ixigua-static/xigua_fe/xigua_web_message_center/assets/64af42fbe872e4da55a6.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
.ant-select {
	list-style: none; margin: 0px; padding: 0px; outline: 0px; color: rgba(0, 0, 0, 0.65); line-height: 1.5; font-size: 14px; display: inline-block; position: relative; box-sizing: border-box; font-feature-settings: "tnum" 1; -webkit-box-sizing: border-box; -webkit-font-feature-settings: "tnum";
}
.ant-select ul {
	list-style: none; margin: 0px; padding: 0px;
}
.ant-select ol {
	list-style: none; margin: 0px; padding: 0px;
}
.ant-select > ul > li > a {
	padding: 0px; background-color: rgb(255, 255, 255);
}
.ant-select-arrow {
	transform-origin: 50% 50%; top: 50%; text-align: center; right: 11px; color: rgba(0, 0, 0, 0.25); text-transform: none; line-height: 1; font-size: 12px; font-style: normal; margin-top: -6px; vertical-align: -0.12em; display: inline-block; position: absolute; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 50% 50%;
}
.ant-select-arrow > * {
	line-height: 1;
}
.ant-select-arrow svg {
	display: inline-block;
}
.ant-select-arrow::before {
	display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
	display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
	transition:transform 0.3s, transform 0.3s; -webkit-transition: -webkit-transform .3s;
}
.ant-select-selection {
	border-width: 1.02px 1px 1px; border-style: solid; border-color: rgb(217, 217, 217); border-radius: 4px; transition:0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-image: none; display: block; box-sizing: border-box; -ms-user-select: none; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.ant-select-selection:hover {
	border-color: rgb(64, 169, 255); border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection {
	border-color: rgb(64, 169, 255); outline: 0px; border-right-width: 1px !important; box-shadow: 0px 0px 0px 2px rgba(24,144,255,0.2); -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
}
.ant-select-selection:focus {
	border-color: rgb(64, 169, 255); outline: 0px; border-right-width: 1px !important; box-shadow: 0px 0px 0px 2px rgba(24,144,255,0.2); -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
}
.ant-select-selection:active {
	border-color: rgb(64, 169, 255); outline: 0px; border-right-width: 1px !important; box-shadow: 0px 0px 0px 2px rgba(24,144,255,0.2); -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
}
.ant-select-selection__clear {
	background: rgb(255, 255, 255); transition:color 0.3s, opacity 0.15s; top: 50%; width: 12px; height: 12px; text-align: center; right: 11px; color: rgba(0, 0, 0, 0.25); text-transform: none; line-height: 12px; font-size: 12px; font-style: normal; margin-top: -6px; display: inline-block; position: absolute; z-index: 1; cursor: pointer; opacity: 0; text-rendering: auto; -webkit-transition: color .3s ease, opacity .15s ease;
}
.ant-select-selection__clear::before {
	display: block;
}
.ant-select-selection__clear:hover {
	color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
	opacity: 1;
}
.ant-select-selection-selected-value {
	overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100%;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
	padding-right: 0px;
}
.ant-select-disabled {
	color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
	background: rgb(245, 245, 245); cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover {
	border-color: rgb(217, 217, 217); box-shadow: none; -webkit-box-shadow: none;
}
.ant-select-disabled .ant-select-selection:focus {
	border-color: rgb(217, 217, 217); box-shadow: none; -webkit-box-shadow: none;
}
.ant-select-disabled .ant-select-selection:active {
	border-color: rgb(217, 217, 217); box-shadow: none; -webkit-box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
	display: none; visibility: hidden; pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
	background: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.33); padding-right: 10px;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
	display: none;
}
.ant-select-selection--single {
	height: 32px; position: relative; cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
	margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
	margin-right: 11px;
}
.ant-select-selection__rendered {
	line-height: 30px; margin-right: 11px; margin-left: 11px; display: block; position: relative;
}
.ant-select-selection__rendered::after {
	width: 0px; display: inline-block; visibility: hidden; content: "."; pointer-events: none;
}
.ant-select-lg {
	font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
	height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
	line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
	min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
	height: 32px; line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear {
	top: 20px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
	top: 20px;
}
.ant-select-sm .ant-select-selection--single {
	height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
	line-height: 22px; margin-left: 7px;
}
.ant-select-sm .ant-select-selection--multiple {
	min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
	height: 16px; line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear {
	top: 12px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
	top: 12px;
}
.ant-select-sm .ant-select-selection__clear {
	right: 8px;
}
.ant-select-sm .ant-select-arrow {
	right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
	color: rgba(0, 0, 0, 0.25); cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
	color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
	display: inline-block; position: relative;
}
.ant-select-selection__placeholder {
	left: 0px; top: 50%; height: 20px; text-align: left; right: 9px; color: rgb(191, 191, 191); line-height: 20px; overflow: hidden; margin-top: -10px; white-space: nowrap; position: absolute; -ms-text-overflow: ellipsis; max-width: 100%;
}
.ant-select-search__field__placeholder {
	left: 0px; top: 50%; height: 20px; text-align: left; right: 9px; color: rgb(191, 191, 191); line-height: 20px; overflow: hidden; margin-top: -10px; white-space: nowrap; position: absolute; -ms-text-overflow: ellipsis; max-width: 100%;
}
.ant-select-search__field__placeholder {
	left: 12px;
}
.ant-select-search__field__mirror {
	left: 0px; top: 0px; white-space: pre; position: absolute; opacity: 0; pointer-events: none;
}
.ant-select-search--inline {
	width: 100%; height: 100%; position: absolute;
}
.ant-select-search--inline .ant-select-search__field__wrap {
	width: 100%; height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
	background: none; border-width: 0px; outline: 0px; border-radius: 4px; width: 100%; height: 100%; line-height: 1; font-size: 100%;
}
.ant-select-search--inline > i {
	float: right;
}
.ant-select-selection--multiple {
	padding-bottom: 3px; cursor: text; -ms-zoom: 1; min-height: 32px;
}
.ant-select-selection--multiple::before {
	display: table; content: "";
}
.ant-select-selection--multiple::after {
	display: table; content: "";
}
.ant-select-selection--multiple::after {
	clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
	padding: 0px; width: auto; float: left; position: static; max-width: 100%;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
	width: 0.75em; max-width: 100%;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
	height: auto; margin-bottom: -3px; margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
	margin-left: 6px;
}
.ant-select-selection--multiple > ul > li {
	height: 24px; line-height: 22px; margin-top: 3px;
}
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
	height: 24px; line-height: 22px; margin-top: 3px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
	padding: 0px 20px 0px 10px; border-radius: 2px; border: 1px solid rgb(232, 232, 232); transition:padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-image: none; color: rgba(0, 0, 0, 0.65); overflow: hidden; margin-right: 4px; float: left; position: relative; cursor: default; max-width: 99%; background-color: rgb(250, 250, 250); -webkit-transition: padding .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
	padding: 0px 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
	transition:margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); overflow: hidden; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100%; -webkit-transition: margin .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
	transition:0.3s; text-align: center; right: 4px; color: rgba(0, 0, 0, 0.45); text-transform: none; line-height: inherit; font-size: 12px; font-style: normal; font-weight: bold; vertical-align: -0.12em; display: inline-block; position: absolute; cursor: pointer; transform: scale(0.833333) rotate(0deg); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .3s; -webkit-transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
	line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
	display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
	display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
	display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
	font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
	color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear {
	top: 16px;
}
.ant-select-selection--multiple .ant-select-arrow {
	top: 16px;
}
.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value {
	padding-right: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered {
	margin-right: 20px;
}
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
	margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
	transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
	border-color: rgb(64, 169, 255); outline: 0px; border-right-width: 1px !important; box-shadow: 0px 0px 0px 2px rgba(24,144,255,0.2); -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
}
.ant-select-combobox .ant-select-arrow {
	display: none;
}
.ant-select-combobox .ant-select-search--inline {
	width: 100%; height: 100%; float: none;
}
.ant-select-combobox .ant-select-search__field__wrap {
	width: 100%; height: 100%;
}
.ant-select-combobox .ant-select-search__field {
	transition:0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height; width: 100%; height: 100%; position: relative; z-index: 1; box-shadow: none; -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; -webkit-box-shadow: none;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
	margin-right: 20px;
}
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
	margin-right: 20px;
}
.ant-select-dropdown {
	list-style: none; margin: 0px; padding: 0px; border-radius: 4px; left: -9999px; top: -9999px; color: rgba(0, 0, 0, 0.65); line-height: 1.5; font-size: 14px; position: absolute; z-index: 1050; box-sizing: border-box; box-shadow: 0px 2px 8px rgba(0,0,0,0.15); font-feature-settings: "tnum" 1; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -webkit-font-feature-settings: "tnum"; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
	animation-name: antSlideUpIn; -webkit-animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
	animation-name: antSlideUpIn; -webkit-animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft {
	animation-name: antSlideDownIn; -webkit-animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
	animation-name: antSlideDownIn; -webkit-animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
	animation-name: antSlideUpOut; -webkit-animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
	animation-name: antSlideDownOut; -webkit-animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
	display: none;
}
.ant-select-dropdown-menu {
	list-style: none; overflow: auto; padding-left: 0px; margin-bottom: 0px; max-height: 250px;
}
.ant-select-dropdown-menu-item-group-list {
	margin: 0px; padding: 0px;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
	padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
	padding: 0px 12px; height: 32px; color: rgba(0, 0, 0, 0.45); line-height: 32px; font-size: 12px;
}
.ant-select-dropdown-menu-item-group-list :first-child:not(:last-child).ant-select-dropdown-menu-item {
	border-radius: 0px;
}
:not(:last-child).ant-select-dropdown-menu-item-group .ant-select-dropdown-menu-item-group-list :last-child.ant-select-dropdown-menu-item {
	border-radius: 0px;
}
.ant-select-dropdown-menu-item {
	padding: 5px 12px; transition:background 0.3s; color: rgba(0, 0, 0, 0.65); line-height: 22px; overflow: hidden; font-weight: normal; display: block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; -webkit-transition: background .3s ease;
}
:not(.ant-select-dropdown-menu-item-disabled).ant-select-dropdown-menu-item:hover {
	background-color: rgb(230, 247, 255);
}
:first-child.ant-select-dropdown-menu-item {
	border-radius: 4px 4px 0px 0px;
}
:last-child.ant-select-dropdown-menu-item {
	border-radius: 0px 0px 4px 4px;
}
.ant-select-dropdown-menu-item-selected {
	color: rgba(0, 0, 0, 0.65); font-weight: 600; background-color: rgb(250, 250, 250);
}
.ant-select-dropdown-menu-item-disabled {
	color: rgba(0, 0, 0, 0.25); cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
	color: rgba(0, 0, 0, 0.25); cursor: not-allowed;
}
:not(.ant-select-dropdown-menu-item-disabled).ant-select-dropdown-menu-item-active {
	background-color: rgb(230, 247, 255);
}
.ant-select-dropdown-menu-item-divider {
	margin: 1px 0px; height: 1px; line-height: 0; overflow: hidden; background-color: rgb(232, 232, 232);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
	padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
	transition:0.2s; top: 50%; right: 12px; color: transparent; font-size: 12px; font-weight: bold; position: absolute; text-shadow: 0px 0.1px 0px, 0.1px 0px 0px, 0px -0.1px 0px, -0.1px 0px; transform: translateY(-50%); -webkit-transition: all .2s; -webkit-transform: translateY(-50%);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
	color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
	display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
	color: rgb(24, 144, 255); display: inline-block;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
	color: rgb(24, 144, 255); display: inline-block;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
	padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown {
	display: block;
}
.ant-select-dropdown-open .ant-select-dropdown {
	display: block;
}
.xgpc-msg-center__mask {
	margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 10000; background-color: rgba(0, 0, 0, 0.4);
}
.xgpc-msg-center__confirmPopup {
	left: 50%; top: 50%; width: 400px; height: 180px; padding-top: 40px; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.xgpc-msg-center__confirmPopup_title {
	padding: 0px 20px; height: 64px; text-align: center; line-height: 24px; font-size: 16px; font-weight: 500;
}
.xgpc-msg-center__confirmPopup_btnWrapper {
	text-align: center;
}
.xgpc-msg-center__confirmPopup_btnWrapper button {
	border: currentColor; border-image: none; width: 100px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; font-weight: 500; background-color: rgb(242, 242, 242);
}
.xgpc-msg-center__confirmPopup_btnWrapper button.confirm {
	
}
.xgpc-msg-center__confirmPopup_btnWrapper button + button {
	margin-left: 16px;
}
.xgpc-msg-center [class^=icon-]::before {
	text-transform: none; font-family: "xgpc-msg-center"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; font-feature-settings: normal; -webkit-font-feature-settings: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.xgpc-msg-center [class*=icon-]::before {
	text-transform: none; font-family: "xgpc-msg-center"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; font-feature-settings: normal; -webkit-font-feature-settings: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.xgpc-msg-center .icon-add::before {
	content: "ª¢";
}
.xgpc-msg-center .icon-close::before {
	content: "ª£";
}
.xgpc-msg-center .icon-play::before {
	content: "ª¤";
}
.xgpc-msg-center .icon-right_arrow::before {
	content: "ª¥";
}
.xgpc-msg-center .icon-right_arrow_creator::before {
	content: "ª¦";
}
.xgpc-msg-center__main .xgpc-msg-center__mask {
	animation:maskEnter 300ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation: maskEnter 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.xgpc-msg-center__main .xgpc-msg-center__wrapper {
	animation:wrapperEnter 300ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation: wrapperEnter 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.xgpc-msg-center__main.hidden .xgpc-msg-center__mask {
	animation:maskOut 250ms cubic-bezier(0.4, 0, 1, 1); -webkit-animation: maskOut 250ms cubic-bezier(0.4, 0, 1, 1);
}
.xgpc-msg-center__main.hidden .xgpc-msg-center__wrapper {
	animation:wrapperOut 250ms cubic-bezier(0.4, 0, 1, 1); -webkit-animation: wrapperOut 250ms cubic-bezier(0.4, 0, 1, 1);
}
.xgpc-msg-center__wrapper {
	animation:wrapperEnter 300ms cubic-bezier(0.4, 0, 0.2, 1); top: 0px; width: 784px; height: 100%; right: 0px; display: flex; position: absolute; background-color: rgb(255, 255, 255); -webkit-animation: wrapperEnter 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media all and (min-width:1440px)
{
.xgpc-msg-center__wrapper {
	width: 900px;
}
}
.xgpc-msg-center__sideBar {
	overflow: auto;
}
.xgpc-msg-center__content {
	flex:1 1 0px;
}
.xgpc-msg-center__close {
	top: 17px; right: 24px; position: absolute; cursor: pointer;
}
.xgpc-msg-center .flex-1 {
	flex:1 1 0px;
}
body {
	
}
body .creator {
	
}
.xg-audio-comment {
	background: linear-gradient(90deg, rgba(254, 51, 85, 0.12) 0%, rgba(183, 65, 255, 0.12) 100%); padding: 8px 16px 8px 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.04); border-image: none; height: 48px; display: flex; min-width: 132px; max-width: 320px; box-sizing: border-box; align-items: center;
}
.xg-audio-comment-play-pause {
	background: rgb(255, 255, 255); border-radius: 50%; width: 32px; height: 32px; display: flex; cursor: pointer; box-shadow: 0px 3px 6px rgba(13,11,25,0.04), 0px 4px 26px rgba(195,175,228,0.04); justify-content: center; align-items: center;
}
.xg-audio-comment-progress {
	background: rgba(0, 0, 0, 0.04); margin: 8px; border-radius: 6px; height: 2px; position: relative;
}
.xg-audio-comment-progress-container {
	flex:1 1 0px; cursor: pointer;
}
.xg-audio-comment-progress-point {
	background: rgb(255, 255, 255); border-radius: 50%; top: calc(50% - 12px/2); width: 12px; height: 12px; position: absolute; box-shadow: 0px 0px 8px rgba(0,0,0,0.06);
}
.xg-audio-comment-progress-played {
	background: linear-gradient(270deg, rgb(157, 155, 246) -0.98%, rgb(255, 113, 188) 36.7%, rgb(252, 116, 112) 63.25%, rgb(255, 168, 109) 100%); border-radius: 2px; left: 0px; top: 0px; height: 2px; position: absolute;
}
.xg-audio-comment-duration {
	color: rgba(0, 0, 0, 0.5); font-size: 13px; -ms-user-select: none; -webkit-user-select: none; user-select: none;
}