html,
body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
html *,
body * {
  box-sizing: border-box;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.ant-modal-confirm-content {
  color: #606266 !important;
}
.ant-message {
  z-index: 999999;
}
:root {
  --sdk-main-text: #0c1024;
  --sdk-active: #2e73e5;
  --sdk-danger: #fe5250;
  --sdk-btn-hover: #5798f2;
  --sdk-btn-active: #1d56bf;
  --sdk-btn-disabled: #abc7f5;
  --sdk-danger-btn-hover: #ff7f78;
  --sdk-danger-btn-active: #d9383b;
  --sdk-danger-btn-disabled: #ffbab9;
  --CornerRadius-SM: 4px;
  --Neutral-colorFill-Primary: #f2f4f7;
  --Neutral-colorFill-Secondary: #e0e6ee;
  --Neutral-colorFill-Quaternary: #f2f4f7;
  --Neutral-colorText-Primary: #202022;
  --Neutral-colorText-Secondary: #606266;
  --Neutral-colorText-Tertiary: #909399;
  --Neutral-colorText-Quaternary: rgba(0, 0, 0, 0.25);
  --Functional-colorPrimary-Default: #0168ff;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show__5cHn {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_WEmT6 {
  visibility: hidden;
  opacity: 0;
  animation: show__5cHn 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_CWGpv {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_CWGpv.active_BFP38 {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_CWGpv.disabled_Uf02l {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.tipBorder_vs8M3 {
  position: fixed;
  z-index: 101;
  pointer-events: none;
}
.contentWrapper_GUfTb {
  position: absolute;
  color: #fff;
  background-color: #000;
  padding: 8px;
  border-radius: 2px;
  --tip-width-offset: 12px;
}
.contentWrapper_GUfTb .content_L3CMS {
  font-size: 12px;
  line-height: 18px;
  z-index: 1;
  user-select: none;
  width: max-content;
  max-width: 184;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.contentWrapper_GUfTb:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: #000;
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 0;
}
.contentWrapper_GUfTb.top,
.contentWrapper_GUfTb.bottom {
  left: 50%;
  transform: translate(-50%, 0);
}
.contentWrapper_GUfTb.top:after,
.contentWrapper_GUfTb.bottom:after {
  left: 50%;
}
.contentWrapper_GUfTb.top {
  bottom: calc(100% + 12px);
}
.contentWrapper_GUfTb.top:after {
  bottom: -8px;
}
.contentWrapper_GUfTb.bottom {
  top: calc(100% + 12px);
}
.contentWrapper_GUfTb.bottom:after {
  top: 0px;
}
.contentWrapper_GUfTb.left,
.contentWrapper_GUfTb.right {
  top: 50%;
  transform: translate(0, -50%);
}
.contentWrapper_GUfTb.right {
  left: calc(100% + 12px);
}
.contentWrapper_GUfTb.right:after {
  top: 50%;
  left: 0px;
}
.contentWrapper_GUfTb.left {
  right: calc(100% + 12px);
}
.contentWrapper_GUfTb.left:after {
  top: 50%;
  right: -8px;
}
.contentWrapper_GUfTb.topLeft {
  bottom: calc(100% + 12px);
  left: -8px;
}
.contentWrapper_GUfTb.topLeft:after {
  bottom: -8px;
}
.contentWrapper_GUfTb.topLeft:after {
  left: calc(var(--tip-width-offset) + 8px);
}
.contentWrapper_GUfTb.topRight {
  bottom: calc(100% + 12px);
  right: 0;
}
.contentWrapper_GUfTb.topRight:after {
  bottom: -8px;
}
.contentWrapper_GUfTb.topRight:after {
  right: calc(var(--tip-width-offset) - 8px);
}
.contentWrapper_GUfTb.bottomLeft {
  top: calc(100% + 12px);
  left: -8px;
}
.contentWrapper_GUfTb.bottomLeft:after {
  top: 0px;
}
.contentWrapper_GUfTb.bottomLeft:after {
  left: calc(var(--tip-width-offset) + 8px);
}
.contentWrapper_GUfTb.bottomRight {
  top: calc(100% + 12px);
  right: 0;
}
.contentWrapper_GUfTb.bottomRight:after {
  top: 0px;
}
.contentWrapper_GUfTb.bottomRight:after {
  right: calc(var(--tip-width-offset) - 8px);
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_DAwhb {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_TsTM4 {
  visibility: hidden;
  opacity: 0;
  animation: show_DAwhb 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_Te_0N {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_Te_0N.active_vib7h {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_Te_0N.disabled_X5IXm {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_DBON2 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_xjliN {
  visibility: hidden;
  opacity: 0;
  animation: show_DBON2 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_RI6S0 {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_RI6S0.active_kK2MH {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_RI6S0.disabled_iamU4 {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.loadingCon__tgLD {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loadingCon__tgLD svg {
  color: var(--sdk-active);
}
@keyframes loading_mk_fD {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingIcon_I7w23 {
  width: 24px;
  height: 24px;
  color: var(--sdk-active);
  animation: loading_mk_fD 1s linear infinite forwards;
}

.message_nY8AN.ant-message-notice .ant-message-notice-content {
  background-color: #000;
  border-radius: 4px;
  max-width: 440px;
  padding: 14px 24px;
}
.message_nY8AN.ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  color: #fff;
}
.message_nY8AN.ant-message-notice.phoneMessage_UVmdS .ant-message-notice-content {
  max-width: 242px;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_QRKd6 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_TPvWt {
  visibility: hidden;
  opacity: 0;
  animation: show_QRKd6 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_ascHx {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_ascHx.active_XnAoX {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_ascHx.disabled_OMn9E {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.tr_popConfirm_gSlft .ant-btn {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 4px;
}
.tr_popConfirm_gSlft .ant-btn:focus-visible {
  outline: none;
}
.tr_popConfirm_gSlft .ant-btn-primary {
  background: var(--sdk-active);
  box-shadow: none;
}
.tr_popConfirm_gSlft .ant-btn-primary .ant-wave {
  display: none;
}
.tr_popConfirm_gSlft .ant-btn-primary:hover {
  background: var(--sdk-btn-hover);
}
.tr_popConfirm_gSlft .ant-btn-primary:active {
  background: var(--sdk-btn-active);
}
.tr_popConfirm_gSlft .ant-btn-primary:disabled {
  background-color: var(--sdk-btn-disabled);
  border: none;
  color: #fff;
  pointer-events: none;
}
.tr_popConfirm_gSlft .ant-btn-default {
  border: 1px solid #e6e7e9;
  color: var(--sdk-main-text);
}
.tr_popConfirm_gSlft .ant-btn-default:hover {
  color: var(--sdk-btn-hover);
  border: 1px solid var(--sdk-btn-hover);
}
.tr_popConfirm_gSlft .ant-btn-default:active {
  color: var(--sdk-btn-active);
  border: 1px solid var(--sdk-btn-active);
}
.tr_popConfirm_gSlft .ant-btn-default:disabled {
  color: var(--sdk-btn-disabled);
  border: 1px solid var(--sdk-btn-disabled);
  background-color: #fff;
  pointer-events: none;
}
.tr_popConfirm_gSlft .ant-btn-link {
  color: var(--sdk-active);
}
.tr_popConfirm_gSlft .ant-btn-link:hover {
  color: var(--sdk-btn-hover);
}
.tr_popConfirm_gSlft .ant-btn-link:active {
  color: var(--sdk-btn-active);
}
.tr_popConfirm_gSlft .ant-btn-link:disabled {
  color: var(--sdk-btn-disabled);
  pointer-events: none;
}
.tr_popConfirm_gSlft .ant-btn-text:hover {
  background-color: #f5f6f6;
}
.tr_popConfirm_gSlft .ant-btn-text:disabled {
  color: #dbdbde;
  pointer-events: none;
}
.tr_popConfirm_gSlft .ant-btn-primary.ant-btn-dangerous {
  background-color: var(--sdk-danger);
}
.tr_popConfirm_gSlft .ant-btn-primary.ant-btn-dangerous:hover {
  background-color: var(--sdk-danger-btn-hover);
}
.tr_popConfirm_gSlft .ant-btn-primary.ant-btn-dangerous:active {
  background-color: var(--sdk-danger-btn-active);
}
.tr_popConfirm_gSlft .ant-btn-primary.ant-btn-dangerous:disabled {
  background-color: var(--sdk-danger-btn-disabled);
}
.tr_popConfirm_gSlft .ant-btn.ant-btn-sm {
  min-width: 40px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  font-size: 12px;
  padding: 0 4px;
}
.tr_popConfirm_gSlft .ant-btn-icon.ant-btn-loading-icon {
  margin: 0 !important;
}
.tr_popConfirm_gSlft .ant-popover-inner {
  border-radius: 2px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
  padding: 16px 16px 22px 16px;
}
.tr_popConfirm_gSlft .ant-popconfirm-message {
  margin-bottom: 16px;
}
.tr_popConfirm_gSlft .ant-popconfirm-message-icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}

.tabsWrapper_oBzTZ {
  height: 100%;
  width: 100%;
  user-select: none;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ {
  position: relative;
  display: flex;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ.bottomDivider_flp1Z {
  border-bottom: 1px solid #e8e8e8;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabPanel_nHWKp {
  cursor: pointer;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabPanel_nHWKp.tabPanel_normal_GjJAC {
  padding-bottom: 4px;
  line-height: 24px;
  font-size: 16px;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabPanel_nHWKp.tabPanel_middle_ySaJF {
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabPanel_nHWKp:not(:last-child) {
  margin-right: 24px;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabPanel_nHWKp.activeTab_wMaCj {
  color: #1677ff;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabPanel_nHWKp:active {
  color: #0958d9;
}
.tabsWrapper_oBzTZ .tabs_nav_wrap_yzOMQ .tabsInkBar_JRFGm {
  position: absolute;
  pointer-events: none;
  background: #1677ff;
  height: 2px;
  bottom: 0;
  transition: width 0.3s, left 0.3s;
  display: inline-flex;
}
.tabsWrapper_oBzTZ .tabs_content_wrap_O9TWh .tabContent_Tpvcq {
  margin-top: 24px;
}
.tabsWrapper_oBzTZ .tabs_content_wrap_O9TWh .tabContent_Tpvcq.tab_not_active_nV38C {
  display: none;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_awVrj {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_DSbLv {
  visibility: hidden;
  opacity: 0;
  animation: show_awVrj 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_bnXln {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_bnXln.active_Yl3jX {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_bnXln.disabled_DP7tf {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.container_QnvMW {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: inherit;
  overflow-y: hidden;
}
.container_QnvMW .textArea_HMFo7 {
  overflow-y: hidden;
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.container_QnvMW .textArea_HMFo7 .textArea_text_SvN2y {
  overflow-y: auto;
  padding: 5px 12px;
  border-radius: 6px;
  scrollbar-color: #C2C3C8 transparent;
  scrollbar-width: thin;
}
.container_QnvMW .textArea_HMFo7 .textArea_text_SvN2y::-webkit-scrollbar {
  width: 4px;
}
.container_QnvMW .textArea_HMFo7 .textArea_text_SvN2y::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.container_QnvMW .textArea_HMFo7 .textArea_text_SvN2y::-webkit-scrollbar-thumb {
  background-color: #C2C3C8;
  border-radius: 2px;
}
.textArea_HMFo7 {
  flex: 1;
  width: 100%;
  line-height: 22px;
  color: #0c1024;
  font-size: inherit;
  position: relative;
  word-break: break-word;
  /* 用于辅助textArea撑满高度 */
}
.textArea_HMFo7 .textArea_text_div_blLUC {
  width: 100%;
  word-break: inherit;
  font-family: inherit;
  font-size: inherit;
  overflow: hidden;
  line-height: inherit;
  white-space: pre-wrap;
}
.textArea_HMFo7 .textArea_text_div_blLUC.hidden_hf133 {
  visibility: hidden;
  min-height: 44px;
}
.textArea_HMFo7 .textArea_text_SvN2y {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  padding: 0;
  height: 100% !important;
  background-color: transparent;
  width: 100%;
  font-family: inherit;
  word-break: inherit;
  font-size: inherit;
  overflow: hidden;
  line-height: inherit;
  resize: none;
  white-space: pre-wrap;
}
.textArea_HMFo7 .textArea_text_SvN2y::placeholder {
  color: #c2c3c8;
}
.textArea_HMFo7 .textArea_text_SvN2y:focus-visible {
  border: none;
  box-shadow: none;
  outline: none;
}
.textArea_HMFo7 .textArea_text_SvN2y:focus {
  border: none;
  box-shadow: none;
}
.textArea_HMFo7 .textArea_text_SvN2y:hover {
  border: none;
  box-shadow: none;
}
.length_MZwyL {
  text-align: right;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}

.uploadBtn_guq75 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.audio_bars_LzsUW {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.bar_DI60j {
  width: 3px;
  border-radius: 2px;
  background-color: #fff;
  animation: audio-animation_nDfEo 0.5s infinite alternate;
}
.bar_DI60j:nth-child(1) {
  height: 6px;
  animation-name: audio-animation_nDfEo;
}
.bar_DI60j:nth-child(2) {
  height: 9px;
  margin: 0 3px;
  animation-name: audio-animation-mid_fYjNr;
}
.bar_DI60j:nth-child(3) {
  height: 12px;
  animation-name: audio-animation-end_HbQSj;
}
@keyframes audio-animation_nDfEo {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.5);
  }
  100% {
    transform: scaleY(2);
  }
}
@keyframes audio-animation-mid_fYjNr {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.5);
  }
  100% {
    transform: scaleY(0.75);
  }
}
@keyframes audio-animation-end_HbQSj {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(0.75);
  }
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_s9SMs {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_Fk_pR {
  visibility: hidden;
  opacity: 0;
  animation: show_s9SMs 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_ZKOQI {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_ZKOQI.active_KOWud {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_ZKOQI.disabled_lsrz9 {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.GlobalModal_UCRE5 .closeIcon_qLSCT {
  font-size: 14px;
  color: #303445;
}
.GlobalModal_UCRE5 .ant-modal-content {
  padding: 0 !important;
  border-radius: 8px;
}
.GlobalModal_UCRE5 .ant-modal-content .ant-modal-body {
  padding: 40px 24px 24px 24px;
}
.GlobalModal_UCRE5 .ant-modal-content .ant-modal-body .ant-btn {
  min-width: 80px;
  width: max-content;
  font-size: 14px;
}
.GlobalModal_UCRE5 .ant-btn {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 4px;
}
.GlobalModal_UCRE5 .ant-btn:focus-visible {
  outline: none;
}
.GlobalModal_UCRE5 .ant-btn-primary {
  background: var(--sdk-active);
  box-shadow: none;
}
.GlobalModal_UCRE5 .ant-btn-primary .ant-wave {
  display: none;
}
.GlobalModal_UCRE5 .ant-btn-primary:hover {
  background: var(--sdk-btn-hover);
}
.GlobalModal_UCRE5 .ant-btn-primary:active {
  background: var(--sdk-btn-active);
}
.GlobalModal_UCRE5 .ant-btn-primary:disabled {
  background-color: var(--sdk-btn-disabled);
  border: none;
  color: #fff;
  pointer-events: none;
}
.GlobalModal_UCRE5 .ant-btn-default {
  border: 1px solid #e6e7e9;
  color: var(--sdk-main-text);
}
.GlobalModal_UCRE5 .ant-btn-default:hover {
  color: var(--sdk-btn-hover);
  border: 1px solid var(--sdk-btn-hover);
}
.GlobalModal_UCRE5 .ant-btn-default:active {
  color: var(--sdk-btn-active);
  border: 1px solid var(--sdk-btn-active);
}
.GlobalModal_UCRE5 .ant-btn-default:disabled {
  color: var(--sdk-btn-disabled);
  border: 1px solid var(--sdk-btn-disabled);
  background-color: #fff;
  pointer-events: none;
}
.GlobalModal_UCRE5 .ant-btn-link {
  color: var(--sdk-active);
}
.GlobalModal_UCRE5 .ant-btn-link:hover {
  color: var(--sdk-btn-hover);
}
.GlobalModal_UCRE5 .ant-btn-link:active {
  color: var(--sdk-btn-active);
}
.GlobalModal_UCRE5 .ant-btn-link:disabled {
  color: var(--sdk-btn-disabled);
  pointer-events: none;
}
.GlobalModal_UCRE5 .ant-btn-text:hover {
  background-color: #f5f6f6;
}
.GlobalModal_UCRE5 .ant-btn-text:disabled {
  color: #dbdbde;
  pointer-events: none;
}
.GlobalModal_UCRE5 .ant-btn-primary.ant-btn-dangerous {
  background-color: var(--sdk-danger);
}
.GlobalModal_UCRE5 .ant-btn-primary.ant-btn-dangerous:hover {
  background-color: var(--sdk-danger-btn-hover);
}
.GlobalModal_UCRE5 .ant-btn-primary.ant-btn-dangerous:active {
  background-color: var(--sdk-danger-btn-active);
}
.GlobalModal_UCRE5 .ant-btn-primary.ant-btn-dangerous:disabled {
  background-color: var(--sdk-danger-btn-disabled);
}
.flex_Gjkya .ant-modal-body {
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
/* 统一图标样式 */
.confirmIcon_cfhXf .ant-modal-confirm-body > .anticon {
  flex: none;
  margin-inline-end: 12px;
  font-size: 28px;
}
.confirmIcon_cfhXf .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-inline-start: 40px;
}
/* 统一按钮样式 */
.tr_warning_modal_ZeylE .ant-modal-content {
  padding: 0 !important;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body {
  padding: 40px 24px 24px 24px;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body .ant-modal-confirm-content {
  font-size: 16px;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
  flex: none;
  margin-inline-end: 12px;
  font-size: 28px;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-inline-start: 40px;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body .ant-modal-confirm-btns .ant-btn {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
}
.tr_warning_modal_ZeylE .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
  margin-top: 40px;
}
.tr_warning_modal_ZeylE .ant-btn {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 4px;
}
.tr_warning_modal_ZeylE .ant-btn:focus-visible {
  outline: none;
}
.tr_warning_modal_ZeylE .ant-btn-primary {
  background: var(--sdk-active);
  box-shadow: none;
}
.tr_warning_modal_ZeylE .ant-btn-primary .ant-wave {
  display: none;
}
.tr_warning_modal_ZeylE .ant-btn-primary:hover {
  background: var(--sdk-btn-hover);
}
.tr_warning_modal_ZeylE .ant-btn-primary:active {
  background: var(--sdk-btn-active);
}
.tr_warning_modal_ZeylE .ant-btn-primary:disabled {
  background-color: var(--sdk-btn-disabled);
  border: none;
  color: #fff;
  pointer-events: none;
}
.tr_warning_modal_ZeylE .ant-btn-default {
  border: 1px solid #e6e7e9;
  color: var(--sdk-main-text);
}
.tr_warning_modal_ZeylE .ant-btn-default:hover {
  color: var(--sdk-btn-hover);
  border: 1px solid var(--sdk-btn-hover);
}
.tr_warning_modal_ZeylE .ant-btn-default:active {
  color: var(--sdk-btn-active);
  border: 1px solid var(--sdk-btn-active);
}
.tr_warning_modal_ZeylE .ant-btn-default:disabled {
  color: var(--sdk-btn-disabled);
  border: 1px solid var(--sdk-btn-disabled);
  background-color: #fff;
  pointer-events: none;
}
.tr_warning_modal_ZeylE .ant-btn-link {
  color: var(--sdk-active);
}
.tr_warning_modal_ZeylE .ant-btn-link:hover {
  color: var(--sdk-btn-hover);
}
.tr_warning_modal_ZeylE .ant-btn-link:active {
  color: var(--sdk-btn-active);
}
.tr_warning_modal_ZeylE .ant-btn-link:disabled {
  color: var(--sdk-btn-disabled);
  pointer-events: none;
}
.tr_warning_modal_ZeylE .ant-btn-text:hover {
  background-color: #f5f6f6;
}
.tr_warning_modal_ZeylE .ant-btn-text:disabled {
  color: #dbdbde;
  pointer-events: none;
}
.tr_warning_modal_ZeylE .ant-btn-primary.ant-btn-dangerous {
  background-color: var(--sdk-danger);
}
.tr_warning_modal_ZeylE .ant-btn-primary.ant-btn-dangerous:hover {
  background-color: var(--sdk-danger-btn-hover);
}
.tr_warning_modal_ZeylE .ant-btn-primary.ant-btn-dangerous:active {
  background-color: var(--sdk-danger-btn-active);
}
.tr_warning_modal_ZeylE .ant-btn-primary.ant-btn-dangerous:disabled {
  background-color: var(--sdk-danger-btn-disabled);
}
.tr_confirm_modal_KTZ5n .ant-modal-content {
  padding: 0 !important;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body {
  padding: 24px;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
  flex: none;
  margin-inline-end: 12px;
  font-size: 28px;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-inline-start: 40px;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-btns .ant-btn {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-content {
  color: #616371;
  font-size: 14px;
  margin-top: 8px;
}
.tr_confirm_modal_KTZ5n .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
  margin-top: 24px;
}
.tr_confirm_modal_KTZ5n .ant-btn {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 4px;
}
.tr_confirm_modal_KTZ5n .ant-btn:focus-visible {
  outline: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-primary {
  background: var(--sdk-active);
  box-shadow: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-primary .ant-wave {
  display: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-primary:hover {
  background: var(--sdk-btn-hover);
}
.tr_confirm_modal_KTZ5n .ant-btn-primary:active {
  background: var(--sdk-btn-active);
}
.tr_confirm_modal_KTZ5n .ant-btn-primary:disabled {
  background-color: var(--sdk-btn-disabled);
  border: none;
  color: #fff;
  pointer-events: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-default {
  border: 1px solid #e6e7e9;
  color: var(--sdk-main-text);
}
.tr_confirm_modal_KTZ5n .ant-btn-default:hover {
  color: var(--sdk-btn-hover);
  border: 1px solid var(--sdk-btn-hover);
}
.tr_confirm_modal_KTZ5n .ant-btn-default:active {
  color: var(--sdk-btn-active);
  border: 1px solid var(--sdk-btn-active);
}
.tr_confirm_modal_KTZ5n .ant-btn-default:disabled {
  color: var(--sdk-btn-disabled);
  border: 1px solid var(--sdk-btn-disabled);
  background-color: #fff;
  pointer-events: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-link {
  color: var(--sdk-active);
}
.tr_confirm_modal_KTZ5n .ant-btn-link:hover {
  color: var(--sdk-btn-hover);
}
.tr_confirm_modal_KTZ5n .ant-btn-link:active {
  color: var(--sdk-btn-active);
}
.tr_confirm_modal_KTZ5n .ant-btn-link:disabled {
  color: var(--sdk-btn-disabled);
  pointer-events: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-text:hover {
  background-color: #f5f6f6;
}
.tr_confirm_modal_KTZ5n .ant-btn-text:disabled {
  color: #dbdbde;
  pointer-events: none;
}
.tr_confirm_modal_KTZ5n .ant-btn-primary.ant-btn-dangerous {
  background-color: var(--sdk-danger);
}
.tr_confirm_modal_KTZ5n .ant-btn-primary.ant-btn-dangerous:hover {
  background-color: var(--sdk-danger-btn-hover);
}
.tr_confirm_modal_KTZ5n .ant-btn-primary.ant-btn-dangerous:active {
  background-color: var(--sdk-danger-btn-active);
}
.tr_confirm_modal_KTZ5n .ant-btn-primary.ant-btn-dangerous:disabled {
  background-color: var(--sdk-danger-btn-disabled);
}

.modalContainer_ZQOzh {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.modalMask_jBbBl {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.phoneModal_xNkYx {
  width: 278px;
  min-height: 128px;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.phoneModal_xNkYx .header_klKJu {
  line-height: 24px;
  color: #0c1024;
  font-size: 16px;
  align-self: center;
  margin: 20px 0 8px 0;
  font-weight: 600;
}
.phoneModal_xNkYx .body_IExJs {
  flex: 1;
  overflow-y: scroll;
  line-height: 22px;
  color: #0c1024;
  font-size: 16px;
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.phoneModal_xNkYx .footer_CcZDf {
  display: flex;
  height: 48px;
  line-height: 48px;
}
.phoneModal_xNkYx .footer_CcZDf .btn_i16To {
  height: 100%;
  font-size: 16px;
  flex: 1;
  text-align: center;
}
.phoneModal_xNkYx .footer_CcZDf .btn_i16To:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.phoneModal_xNkYx .footer_CcZDf .btn_i16To.primary_c8pNs {
  color: #2e73e5;
}
.phoneModal_xNkYx .footer_CcZDf .btn_i16To.dander_E0XPN {
  color: #fe5250;
}

.pureModal_nsKaZ.ant-modal .ant-modal-content {
  border-radius: 4px;
}
.pureModal_nsKaZ.ant-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .closeIcon_Br0oq {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #d8d8d8;
  cursor: pointer;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .closeIcon_Br0oq svg {
  font-size: 16px;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .closeIcon_Br0oq:hover {
  color: #2e73e5;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .body_epnqP {
  width: 100%;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .body_epnqP .time_iipUQ {
  margin-bottom: 12px;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .body_epnqP .record_tD0pF {
  margin-bottom: 12px;
  position: relative;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .body_epnqP .record_tD0pF .innerSvg_ApXzf {
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 50px;
  font-size: 24px;
  color: #2e73e5;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .body_epnqP .btnGroup_kub7G {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.pureModal_nsKaZ.ant-modal .pureModalContent_eHJ2p .body_epnqP .btnGroup_kub7G div {
  color: #2e73e5;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

.body_icQPf {
  width: 100%;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.body_icQPf .record_DBkUT {
  position: relative;
}
.body_icQPf .record_DBkUT .innerSvg_JVQgU {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #2e73e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body_icQPf .record_DBkUT .innerSvg_JVQgU svg {
  width: 100%;
  height: 100%;
}
.body_icQPf .btnGroup_a8o80 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.body_icQPf .btnGroup_a8o80 div {
  color: #2e73e5;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

.audioPlayer_vEGP0 {
  width: 100%;
  min-height: 32px;
  flex-shrink: 0;
}
.audioPlayer_vEGP0 .content_sowFu {
  width: 100%;
  min-height: 32px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.audioPlayer_vEGP0 .body_JBFtu {
  position: absolute;
  left: 0;
  top: 0;
  height: 32px;
  width: 100%;
  background: #eaf1fc;
  cursor: pointer;
}
.audioPlayer_vEGP0 .body_JBFtu .progress_pNIlX {
  height: 100%;
  opacity: 0.1;
  background: #1677ff;
}
.audioPlayer_vEGP0 .body_JBFtu .prefix_Ukwp5 {
  position: absolute;
  left: 8px;
  top: 6px;
  bottom: 6px;
}
.audioPlayer_vEGP0 .body_JBFtu .time_sLYMO {
  position: absolute;
  left: 36px;
  top: 5px;
  bottom: 5px;
  color: #0c1024;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.audioPlayer_vEGP0 .icon_oz0NL {
  font-size: 20px;
  position: absolute;
  right: 8px;
  top: 6px;
  bottom: 6px;
  color: #909399;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.audioPlayer_vEGP0 .icon_oz0NL:hover {
  color: #fe5250;
}
.audioPlayer_vEGP0 .icon_oz0NL.red_gfv6A {
  color: #fe5250;
}
.asrToolWrapper_f30fE {
  position: absolute;
  right: 0;
  height: 32px;
}
.asrTriggerWrapper_a_ExJ {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 7px 8px;
}
.asrTriggerWrapper_a_ExJ .asrTrigger_w8y7M {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: #202022;
  font-size: 12px;
  cursor: pointer;
}
.asrTriggerWrapper_a_ExJ .asrTrigger_w8y7M:hover {
  color: #0168FF;
}
.asrDisplayWrapper_du_3u {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-top: 32px;
  background-color: #eaf1fc;
  padding: 6px 12px;
  font-size: 12px;
  color: #202022;
}
.asrDisplayWrapper_du_3u .asrLoadingWrapper_zLw5z {
  display: flex;
  justify-content: center;
  align-items: center;
}
.asrDisplayWrapper_du_3u .asrFailedWrapper_l4Gry {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}
.hidden_meTPa {
  display: none;
}

.wrap_weEtY {
  height: 100%;
  overflow: hidden;
}
.ellipsisText_T7FeF {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
  color: var(--Neutral-colorText-Primary);
  font-size: 14px;
  font-weight: 400;
}

.panel_B38BD {
  width: 240px;
  height: 136px;
  font-size: 12px;
  padding: 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.panel_B38BD * {
  user-select: none;
}
.panel_B38BD > div {
  color: #616371;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  width: fit-content;
}
.panel_B38BD > div:not(:last-child) {
  margin-bottom: 8px;
}
.panel_B38BD > div.title_Z5kN8 {
  font-weight: 600;
}
.panel_B38BD > div.link_VPAn_ {
  color: var(--sdk-active);
  cursor: pointer;
}

.root_TXmIn {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}
.loadingGif_xNn6H {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
}

.avatar_IQGTD {
  display: inline-flex;
  margin-left: 8px;
  cursor: pointer;
}
.avatar_IQGTD .userImg_ixF0P {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #558dff;
  color: white;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  overflow: hidden;
}
.avatar_IQGTD img {
  width: 100%;
  height: 100%;
}
.avatar_IQGTD .name_BAmJR {
  margin-left: 8px;
  white-space: nowrap;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  max-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container_DQiOF {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.container_DQiOF .mask_IQgBl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.container_DQiOF .content_mN193 {
  width: 320px;
  padding: 20px 24px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  border-radius: 8px;
}
.container_DQiOF .content_mN193 .top_Hc0Lo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
}
.container_DQiOF .content_mN193 .top_Hc0Lo .closeIcon_RgjdN {
  width: 16px;
  height: 16px;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.container_DQiOF .content_mN193 .formBox_JH9Jm {
  margin-top: 20px;
}
.container_DQiOF .content_mN193 .btn_ucnzY {
  width: 100%;
}
.container_DQiOF .content_mN193 .ant-btn-primary:disabled {
  background-color: #91caff;
  border: none;
  color: #fff;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_R4op0 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_N8Qsb {
  visibility: hidden;
  opacity: 0;
  animation: show_R4op0 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_pdkY6 {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_pdkY6.active_EDTgR {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_pdkY6.disabled_tm7BL {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.commentPanel_N3BTv {
  background-color: #f5f6f6;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.commentPanel_N3BTv .commentHeader_IKNAj {
  padding: 0px 12px;
}
.commentPanel_N3BTv .commentHeader_IKNAj .desc_fGkw7 {
  height: 24px;
  display: flex;
  align-items: center;
  color: #91939c;
  font-size: 14px;
  margin-top: 10px;
}
.commentPanel_N3BTv .commentBody_qblJU {
  margin-top: 12px;
  padding: 0 8px 0 12px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  scrollbar-color: #C2C3C8 transparent;
  scrollbar-width: thin;
}
.commentPanel_N3BTv .commentBody_qblJU::-webkit-scrollbar {
  width: 4px;
}
.commentPanel_N3BTv .commentBody_qblJU::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.commentPanel_N3BTv .commentBody_qblJU::-webkit-scrollbar-thumb {
  background-color: #C2C3C8;
  border-radius: 2px;
}
.commentPanel_N3BTv .loadMoreWrapper_uLshi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  height: 88px;
  font-size: 14px;
  color: #909399;
}
.commentBlock_B3z5v {
  background-color: #fff;
  border-radius: 4px;
  padding: 0 16px 16px 16px;
  margin-bottom: 12px;
}
.commentBlock_B3z5v .blockHeader_rLLJa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 42px;
}
.commentBlock_B3z5v .blockHeader_rLLJa .commentUser_Yvv_p {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.commentBlock_B3z5v .blockHeader_rLLJa .commentUser_Yvv_p .avatar_i8HKX {
  width: 20px;
  height: 20px;
  background-color: #e6e7e9;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.commentBlock_B3z5v .blockHeader_rLLJa .commentUser_Yvv_p .userName_Mp7R2 {
  margin-left: 8px;
  color: #0c1024;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.commentBlock_B3z5v .blockHeader_rLLJa .commentUser_Yvv_p .time_x984N {
  flex-shrink: 0;
  margin-left: 10px;
  color: #616371;
  font-size: 12px;
  margin-right: 10px;
}
.commentBlock_B3z5v .blockHeader_rLLJa .operation_B21XE .icon_VaCw0 {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  font-size: 20px;
  color: #616371;
  cursor: pointer;
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.commentBlock_B3z5v .blockHeader_rLLJa .operation_B21XE .icon_VaCw0.deleteIcon_xXgDb {
  cursor: pointer;
}
.commentBlock_B3z5v .blockHeader_rLLJa .operation_B21XE .icon_VaCw0.disabled_tm7BL {
  color: #dbdbde;
  pointer-events: none;
  cursor: default;
}
.commentBlock_B3z5v .blockHeader_rLLJa .operation_B21XE .icon_VaCw0:hover {
  background-color: #f5f6f6;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW {
  border-radius: 4px;
  background-color: #f5f6f6;
  padding-top: 8px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .text_comment_Dhrdn {
  padding: 0 8px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .record_comment_fhWQp {
  padding: 0 8px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .image_comment_N1Ljh {
  padding: 0 8px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .footer_GLXoh {
  height: 40px;
  padding: 0 8px;
  margin-top: 8px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .okBtn_N5MyJ {
  padding: 0;
  width: 28px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .okBtn_N5MyJ .tr_loading_icon {
  width: 12px;
  height: 12px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .cancelBtn_yOcDm {
  margin-right: 12px;
  min-width: 28px;
  padding: 0;
  color: #616371;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .cancelBtn_yOcDm .ant-btn-text:disabled {
  color: #dbdbde;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .cancelBtn_yOcDm.ant-btn-text:disabled {
  color: #dbdbde;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .btn_bPGQa {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.commentBlock_B3z5v .blockBody_VazAR.editBlockBody_YbxsW .btn_bPGQa:not(:first-child) {
  margin-left: 12px;
}
.emptyContent_V40ZN {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.emptyContent_V40ZN img {
  width: 140px;
  height: 140px;
}
.emptyContent_V40ZN > span {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  margin-top: 8px;
  color: #616371;
}
.deletePopConfirm_ZzdhA {
  position: absolute;
}
.moreWrapper_nH1yT {
  display: flex;
  justify-content: center;
  z-index: 1;
  min-height: 10px;
  margin-bottom: -10px;
}
.moreWrapper_nH1yT .moreLabelWrapper_MYysR {
  position: absolute;
  top: 74px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  z-index: 2;
}
.moreWrapper_nH1yT .moreLabelWrapper_MYysR .iconTextWrapper_wPFIl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.88);
  border-radius: 19px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  cursor: pointer;
}
.do-hovers .iconTextWrapper_wPFIl:hover {
  background-color: rgba(0, 0, 0, 0.65);
}

.imageContainer_Ana13 {
  display: inline-flex;
  width: 100%;
  margin-bottom: 8px;
}
.imageContainer_Ana13.hidden_p7RlY {
  display: none;
}
.imageContainer_Ana13 .imagePreview_zFhzi {
  background-color: #303445;
  position: relative;
}
.imageContainer_Ana13 .imagePreview_zFhzi > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tr_image_close {
  width: 12px;
  height: 12px;
  font-size: 8px;
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_q496y {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_XfvpT {
  visibility: hidden;
  opacity: 0;
  animation: show_q496y 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_bT0Ri {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_bT0Ri.active_dDuOv {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_bT0Ri.disabled_PgpHg {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.comment_k3T8Q {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.comment_body_H5b3t {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.comment_body_H5b3t .comment_images_sNVcR {
  width: 100%;
}
.comment_body_H5b3t .audioPlayer_JWS6T {
  padding: 0 24px;
  margin-bottom: 12px;
}
.comment_body_H5b3t .comment_text_TNDFZ {
  flex: 1;
  font-size: 14px;
  overflow-y: auto;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  line-height: 22px;
  white-space: pre-wrap;
  scrollbar-color: #C2C3C8 transparent;
  scrollbar-width: thin;
}
.comment_body_H5b3t .comment_text_TNDFZ::-webkit-scrollbar {
  width: 4px;
}
.comment_body_H5b3t .comment_text_TNDFZ::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.comment_body_H5b3t .comment_text_TNDFZ::-webkit-scrollbar-thumb {
  background-color: #C2C3C8;
  border-radius: 2px;
}
.comment_footer_WScQs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
  margin-top: 12px;
  height: 56px;
  padding: 0 24px;
  flex-shrink: 0;
}
.comment_footer_WScQs.hidden_qR7fg {
  display: none;
}
.comment_footer_WScQs .btn_k3hmE {
  font-size: 28px;
  cursor: pointer;
  color: #616371;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment_footer_WScQs .btn_k3hmE:hover {
  color: var(--sdk-active);
}
.comment_footer_WScQs .btn_k3hmE.disabled_PgpHg {
  color: #dbdbde;
  pointer-events: none;
}
.comment_footer_WScQs .btn_k3hmE:not(:first-child) {
  margin-left: 24px;
}
.comment_footer_WScQs .btnGroup_RMZRP {
  display: flex;
  align-items: center;
}
.comment_footer_WScQs .okBtn_Qmqy6 {
  margin-left: 8px;
}

.root_uQjf7 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.root_uQjf7 .header_nCEq_ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  height: 58px;
}
.root_uQjf7 .header_nCEq_ .title_IN0MA {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 213px;
}
.root_uQjf7 .actions_gOKra {
  display: flex;
  flex-direction: row;
}
.root_uQjf7 .actions_gOKra svg {
  width: 20px;
  height: 20px;
  color: #0c1024;
  cursor: pointer;
}
.root_uQjf7 .actions_gOKra .zoomIn_ZewJ1 {
  margin-right: 16px;
}
.root_uQjf7 .actions_gOKra .zoomOut_mcsKU {
  margin-right: 16px;
}
.root_uQjf7 .actions_gOKra .download_vGb82 {
  margin-right: 16px;
}
.root_uQjf7 .actions_gOKra .close_NZBsg {
  margin-left: 16px;
  font-size: 14px;
  width: 14px;
  height: 20px;
}
.root_uQjf7 .actions_gOKra .divider_c3M6G {
  width: 1px;
  height: 20px;
  background: #dbdbde;
}
.root_uQjf7 .content_Sn8dd {
  flex: 1 1;
  position: relative;
  overflow: hidden;
}
.root_uQjf7 .content_Sn8dd > div {
  position: absolute;
  top: 50%;
  left: 50%;
}
.root_uQjf7 .content_Sn8dd > div.draggable_Kl2a_ {
  cursor: grabbing;
}
.root_uQjf7 .content_Sn8dd > div.moveable_Uffia {
  cursor: move;
}
.root_uQjf7 .content_Sn8dd > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.1s;
  user-select: none;
}
.root_uQjf7 .content_Sn8dd > img.draggable_Kl2a_ {
  cursor: grabbing;
}
.root_uQjf7 .content_Sn8dd > img.moveable_Uffia {
  cursor: move;
}
.root_uQjf7 .content_Sn8dd .resolution_yTvP_ {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 85px;
  text-align: center;
  transition: all 1s ease;
  font-size: 16px;
  line-height: 30px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.root_uQjf7 .content_Sn8dd .resolution_yTvP_.show_j2nzw {
  visibility: visible;
  opacity: 1;
}

.cardContainer_TY9OU .cardBody_MApa4 .text_comment_vd3ct {
  padding: 0 8px;
}
.cardContainer_TY9OU .cardBody_MApa4 .record_comment_QDa96 {
  padding: 0 8px;
}
.cardContainer_TY9OU .cardBody_MApa4 .image_comment_WaVyJ {
  padding: 0 8px;
}
.cardContainer_TY9OU .footer_X1Ygj {
  height: 40px;
  padding: 0 8px;
  margin-top: 8px;
}
.cardContainer_TY9OU .footer_X1Ygj .okBtn_jaiAX {
  padding: 0;
  width: 28px;
}
.cardContainer_TY9OU .footer_X1Ygj .okBtn_jaiAX .tr_loading_icon {
  width: 12px;
  height: 12px;
}
.cardContainer_TY9OU .footer_X1Ygj .cancelBtn_RKRSR {
  margin-right: 12px;
  min-width: 28px;
  padding: 0 2px;
  height: 28px;
  color: #616371;
}
.cardContainer_TY9OU .footer_X1Ygj .cancelBtn_RKRSR .ant-btn-text:disabled {
  color: #dbdbde;
}
.cardContainer_TY9OU .footer_X1Ygj .cancelBtn_RKRSR.ant-btn-text:disabled {
  color: #dbdbde;
}
.cardContainer_TY9OU .footer_X1Ygj .btn_ldIyQ {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.cardContainer_TY9OU .footer_X1Ygj .btn_ldIyQ:not(:first-child) {
  margin-left: 12px;
}

.searchBox_ShBbV {
  display: flex;
  align-items: center;
  margin-top: 12px;
  gap: 8px;
  height: 36px;
}
.searchBox_ShBbV .ant-select,
.searchBox_ShBbV .ant-select-selector,
.searchBox_ShBbV .ant-input-group,
.searchBox_ShBbV .ant-input,
.searchBox_ShBbV .ant-input-search,
.searchBox_ShBbV .ant-input-affix-wrapper,
.searchBox_ShBbV .ant-btn {
  height: 100% !important;
}
.searchBox_ShBbV .ant-select {
  width: 100%;
}
.searchBox_ShBbV .ant-select-selection-item {
  line-height: 36px !important;
}
.searchBox_ShBbV .ant-input-affix-wrapper {
  padding: 0 6px;
}
.searchBox_ShBbV .ant-input-search-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.commentModal_lemTr {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  min-height: 307px;
  max-height: 567px;
  overflow: hidden;
}
.commentModal_lemTr.showCount_ZC7CR {
  min-height: 344px;
}
.commentModal_lemTr .commentContainer_joxZG {
  flex: 1;
}
.commentModal_lemTr .commentContainer_joxZG .comment_text_F6Xa6 {
  padding: 0 24px;
}
.commentModal_lemTr .commentContainer_joxZG .image_text_LxUID {
  padding: 0 24px;
  margin-bottom: 12px;
}
.commentModal_lemTr .commentContainer_joxZG .image_text_LxUID .tr_image_close {
  width: 16px;
  height: 16px;
  font-size: 10px;
}
.commentModal_lemTr .commentContainer_joxZG .footer_GNS5N .ant-btn {
  min-width: unset;
  width: 60px;
  padding: 0;
}
.commentModal_lemTr .commentContainer_joxZG .footer_GNS5N .tr_loading_icon {
  color: #fff;
  width: 20px;
  height: 20px;
}

.drawer_oxrd3 .ant-drawer-wrapper-body {
  background-image: url(../assets/39fccd400c2ad5767092.png);
  background-repeat: no-repeat;
}
.drawer_oxrd3 .ant-drawer-header {
  align-items: flex-start !important;
}
.drawer_oxrd3 .ant-drawer-title {
  font-size: 24px !important;
}
.drawer_oxrd3 .ant-drawer-body {
  padding: 0 !important;
}
.drawer_oxrd3 .title_UC5qr {
  white-space: wrap;
  word-break: break-all;
}
.drawer_oxrd3 .closeSurveyDrawer_ToLNL {
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-left: 12px;
}
.drawer_oxrd3 .closeSurveyDrawer_ToLNL.do-hovers:hover {
  border-radius: var(--CornerRadius-SM, 4px);
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
  cursor: pointer;
}

.surveyMain_wggLC {
  background-image: url(../assets/39fccd400c2ad5767092.png);
  background-repeat: no-repeat;
  min-height: 100%;
}
.surveyMain_wggLC .surveyPageTitle_wOWSX {
  padding: 32px 20px 12px;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  transform: translateX(-8px);
  display: flex;
  align-items: center;
}
.surveyMain_wggLC .surveyPageTitle_wOWSX .backIcon_uVMhm {
  margin-right: 4px;
}
.errorRoot_NG1tg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-size: 16px;
}
.errorRoot_NG1tg svg {
  width: 48px;
  height: 48px;
}
.drawer_jH2V3 .ant-drawer-wrapper-body {
  background-image: url(../assets/39fccd400c2ad5767092.png);
  background-repeat: no-repeat;
}
.drawer_jH2V3 .ant-drawer-title {
  font-size: 24px !important;
}
.drawer_jH2V3 .ant-drawer-body {
  padding: 0 !important;
}
.formViewport_r7tgN {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.formViewport_r7tgN .content_R2opv {
  flex: 1 1;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 20px;
}
.formViewport_r7tgN .content_R2opv.hasFooter_KP8XS {
  padding-bottom: 84px;
}
.formViewport_r7tgN .footer_rPU3F {
  width: 100%;
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 12px 20px;
  gap: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.formViewport_r7tgN .footer_rPU3F .button_Lxnuv {
  min-width: 96px;
  height: 40px;
}
.formViewport_r7tgN .footerFix_dYoso {
  position: fixed;
  bottom: 0;
  background: #fff;
}
.formViewport_r7tgN .footerFix_dYoso {
  position: fixed;
  bottom: 0;
  background: #fff;
}
.titleNode_AFp3S {
  display: -webkit-box;
  line-height: 32px;
  padding-right: 12px;
}
.titleNode_AFp3S .prefix_vFuUQ {
  display: inline-flex;
  height: 32px;
  flex-direction: row;
  align-items: center;
  margin-right: 8px;
}
.titleNode_AFp3S .prefix_vFuUQ span {
  padding: 0px 8px;
  height: 24px;
  align-items: center;
  color: white;
  border-radius: 4px;
  background: #fc872b;
  font-size: 14px;
  line-height: 24px;
}
.titleNode_AFp3S .title_p8PHc {
  color: black;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  word-break: break-all;
  vertical-align: middle;
}
.resWrapper_O5spJ {
  width: 100%;
  height: 100%;
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.submitResRoot_x2u_S {
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
}
.submitResRoot_x2u_S > div {
  width: 100%;
  text-align: center;
  line-height: 28px;
}
.submitResRoot_x2u_S .image_fCK55 {
  width: 300px;
  height: 300px;
}
.submitResRoot_x2u_S .main_c6E5a {
  font-size: 16px;
  font-weight: 600;
}
.submitResRoot_x2u_S .desc_WPTLm {
  font-size: 14px;
}
.submitResRoot_x2u_S .nextBtn_GvU7E {
  min-width: 160px;
  width: fit-content;
  height: 40px;
  display: flex;
  flex-direction: row;
  padding: 9px 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.88);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  user-select: none;
  margin-top: 24px;
}
.submitResRoot_x2u_S .nextBtn_GvU7E:active {
  color: #0958d9;
  border: 1px solid #0958d9;
}
.submitResRoot_x2u_S .nextBtn_GvU7E svg {
  width: 20px;
  height: 20px;
}
.submitResRoot_x2u_S .nextBtn_GvU7E span {
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 137.5% */
}
.submitResRoot_x2u_S .nextBtn_GvU7E .nextBtnIcon_AIMIm {
  color: #333;
}
.do-hovers .nextBtn_GvU7E:hover {
  color: #4096ff;
  border: 1px solid #4096ff;
}
.do-hovers .nextBtn_GvU7E:hover .nextBtnIcon_AIMIm {
  color: #4096ff;
}

.surveyMain_Ig784 {
  background-image: url(../assets/39fccd400c2ad5767092.png);
  background-repeat: no-repeat;
  height: 100%;
}
.surveyMain_Ig784 .surveyPageTitle_ikia3 {
  padding: 32px 20px 12px;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  transform: translateX(-8px);
  display: flex;
  align-items: flex-start;
}
.surveyMain_Ig784 .surveyPageTitle_ikia3 .backIcon_oXmxO {
  margin-right: 4px;
  flex-shrink: 0;
  display: flex;
  height: 32px;
  align-items: center;
}
.surveyMain_Ig784 .surveyPageTitle_ikia3 .surveyPageTitleText_Ebk1q {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}

.feedback_kPf0R {
  position: absolute;
  right: 12px;
  bottom: calc(env(safe-area-inset-bottom) + 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}
.feedback_kPf0R .container_jLVzc {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.feedback_kPf0R.default_tqS9o {
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}
.feedback_kPf0R.dark_xkS2P {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
}
.feedback_kPf0R.dark_xkS2P svg {
  color: white;
}
.feedback_kPf0R.phone_eqaIv {
  right: 8px;
  bottom: 8px;
}
.feedback_kPf0R svg {
  width: 26px;
  height: 26px;
  color: #202022;
}
.btn_GpeN2 .ant-btn {
  height: 36px;
}
.btn_GpeN2 .ant-btn.ant-btn-primary:disabled {
  background-color: #bae0ff;
  border: none;
  color: #fff;
}

.feedback_WSF5s {
  position: absolute;
  right: 12px;
  bottom: calc(env(safe-area-inset-bottom) + 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}
.feedback_WSF5s .container_y45FZ {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.feedback_WSF5s.default_opjgk {
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}
.feedback_WSF5s.dark_hLF63 {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
}
.feedback_WSF5s.dark_hLF63 svg {
  color: white;
}
.feedback_WSF5s.phone_m7exC {
  right: 8px;
  bottom: 8px;
}
.feedback_WSF5s svg {
  width: 26px;
  height: 26px;
  color: #202022;
}
.btn_AYq3w .ant-btn {
  height: 36px;
}
.btn_AYq3w .ant-btn.ant-btn-primary:disabled {
  background-color: #bae0ff;
  border: none;
  color: #fff;
}
.modal_saSSY.ant-modal {
  border-radius: 6px;
}
.modal_saSSY.ant-modal .formItem_BCKpJ .ant-form-item-label {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 157.143% */
}
.modal_saSSY.ant-modal .formItem_BCKpJ.textWrapper_yAuzs {
  margin-bottom: 8px;
}
.modal_saSSY.ant-modal .formItem_BCKpJ.textWrapper_yAuzs .ant-form-item-control-input-content {
  height: 160px;
  display: flex;
  flex-direction: column;
}
.modal_saSSY.ant-modal .checkboxGroup_nM3mF {
  display: flex;
  gap: 12px 30px;
  padding-left: 10px;
}
.modal_saSSY.ant-modal .ant-modal-content {
  padding: 0;
}
.modal_saSSY.ant-modal .ant-modal-header {
  padding-left: 20px;
  background: #f2f4f7;
  height: 38px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-bottom: 0;
}
.modal_saSSY.ant-modal .ant-modal-header > div {
  color: #202022;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}
.modal_saSSY.ant-modal .ant-modal-close {
  top: 8px;
  right: 10px;
}
.modal_saSSY.ant-modal .ant-modal-close svg {
  color: #202022;
}
.modal_saSSY.ant-modal .ant-modal-body {
  flex: 1;
  padding: 20px;
}
.modal_saSSY.ant-modal .ant-modal-footer {
  padding: 0 20px 20px 0;
  flex-shrink: 0;
  margin-top: 0;
}
.modal_saSSY.ant-modal .ant-modal-footer .ant-btn {
  height: 36px;
}
.modal_saSSY.ant-modal .ant-modal-footer .ant-btn.ant-btn-primary:disabled {
  background-color: #bae0ff;
  border: none;
  color: #fff;
}

.feedback_wnpf7 {
  position: absolute;
  right: 12px;
  bottom: calc(env(safe-area-inset-bottom) + 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}
.feedback_wnpf7 .container_MOa9q {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.feedback_wnpf7.default_VWoik {
  position: fixed;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}
.feedback_wnpf7.dark_iBhwZ {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
}
.feedback_wnpf7.dark_iBhwZ svg {
  color: white;
}
.feedback_wnpf7.phone_Tvc9H {
  right: 8px;
  bottom: 8px;
}
.feedback_wnpf7 svg {
  width: 26px;
  height: 26px;
  color: #202022;
}
.btn_XqDLi .ant-btn {
  height: 36px;
}
.btn_XqDLi .ant-btn.ant-btn-primary:disabled {
  background-color: #bae0ff;
  border: none;
  color: #fff;
}
.phoneContainer_h4r6e {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #fff;
  overflow: hidden;
}
.phoneContainer_h4r6e .phoneContent_xMS9A {
  height: calc(100% - 50px - env(safe-area-inset-bottom));
  background: #e6e7e9;
  padding-bottom: 24px;
  overflow: auto;
}
.phoneContainer_h4r6e .phoneContent_xMS9A > .ant-form {
  margin-top: 8px;
}
.phoneContainer_h4r6e .phoneContent_xMS9A .formItem_DQj9B.ant-form-item {
  background: #fff;
  padding: 20px;
  margin-bottom: 8px;
}
.phoneContainer_h4r6e .phoneContent_xMS9A .formItem_DQj9B.ant-form-item .ant-form-item-label {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 157.143% */
}
.phoneContainer_h4r6e .phoneContent_xMS9A .formItem_DQj9B.ant-form-item.textWrap_aL2n_ {
  min-height: 240px;
}
.phoneContainer_h4r6e .phoneContent_xMS9A .formItem_DQj9B.ant-form-item.textWrap_aL2n_ .ant-form-item-control-input-content {
  min-height: 160px;
  flex-direction: column;
  display: flex;
}
.phoneContainer_h4r6e .phoneContent_xMS9A .length_qbUcZ {
  color: rgba(0, 0, 0, 0.45);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  margin-right: 7px;
}
.phoneContainer_h4r6e .phoneContent_xMS9A .checkboxGroup_TQOni {
  display: flex;
  gap: 12px 30px;
  padding-left: 10px;
}
.phoneContainer_h4r6e .phoneContent_xMS9A .textArea_S3SoD {
  flex: 1;
  min-height: 250px;
}
.phoneContainer_h4r6e .footer_YlDbr {
  position: absolute;
  bottom: env(safe-area-inset-bottom);
  left: 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 20px;
  width: 100%;
  gap: 8px;
  z-index: 1000;
}
.phoneContainer_h4r6e .footer_YlDbr .ant-btn {
  height: 36px;
}
.phoneContainer_h4r6e .footer_YlDbr .ant-btn.ant-btn-primary:disabled {
  background-color: #bae0ff;
  border: none;
  color: #fff;
}
.phoneContainer_h4r6e .footer_YlDbr .ant-btn {
  width: 50%;
}
.phoneContainer_h4r6e.focus_oF37w .phoneContent_xMS9A {
  height: calc(100% - 50px);
}
.phoneContainer_h4r6e.focus_oF37w .footer_YlDbr {
  bottom: 0;
}

.summaryButton_oY9rA {
  display: flex;
  padding-left: 12px;
  padding-right: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(96deg, #e380ff 14.04%, #556fff 81.47%, #1674f7 94.95%);
  box-shadow: 0px 2px 8px 0px rgba(162, 195, 255, 0.19);
  color: #fff;
  cursor: pointer;
}
.summaryButton_oY9rA img {
  width: 37px;
}
.summaryButton_oY9rA .text_PjwXp {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.summaryButton_oY9rA:hover {
  background: linear-gradient(96deg, rgba(227, 128, 255, 0.5) 14.04%, rgba(85, 111, 255, 0.5) 81.47%, rgba(22, 116, 247, 0.5) 94.95%);
}

.nullUploadCover_HW4c1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 256px;
  height: 144px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  text-align: center;
  background: rgba(0, 0, 0, 0.02);
}
.nullUploadCoverInner_MV5ED {
  padding-top: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.uploadPicture_dKfqn {
  display: flex;
  user-select: none;
  align-items: flex-end;
}
.uploadPicture_dKfqn .ant-btn-link {
  height: fit-content;
  padding: 0px;
}
.uploadPicture_dKfqn .imgContent_m2fib {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  height: 144px;
}
.disabled_Xyjgk {
  cursor: not-allowed;
}
.uploadPictureHelp_Pxz2e {
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  user-select: none;
}
.helpInfo_OHvpH {
  display: flex;
  flex-direction: column;
  width: 256px;
  height: 144px;
  background: #d8ebff;
  border-radius: var(--CornerRadius-XS, 2px);
}
.helpInfo_OHvpH .header_GWMzm {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 256px;
  height: 31px;
  color: #0168ff;
  font-weight: 500;
  font-size: 9px;
  font-style: normal;
  line-height: normal;
  text-align: center;
  background: rgba(1, 104, 255, 0.2);
  border-bottom: 0.5px dashed #0168ff;
}
.helpInfo_OHvpH .showContent_b0lhb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 113px;
}
.btn_pRXib {
  margin-right: 12px;
  margin-left: 12px;
  color: #1677ff;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}
.HelpInfoContentIcon_ax22z {
  width: 50px;
  height: 50px;
}
.contentIcon_GgK6f svg {
  width: 50px;
  height: 50px;
}
.tips_JtB6R {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  justify-content: center;
}
.iconUploadPlus_cCj37 {
  width: 16px;
  height: 16px;
  margin-bottom: 8px;
}

.cover_xXKZ5 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.loadingCover_ozRUN {
  z-index: 10000;
}

.wrapperRoot_EhNDm {
  position: relative;
  height: 100%;
}
.wrapperRoot_EhNDm * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.wrapperRoot_EhNDm.couldGrab_XvQtn {
  cursor: grab;
}
.wrapperRoot_EhNDm.notAllowed__nYVa {
  cursor: not-allowed;
}
.wrapperRoot_EhNDm .activeBorder__ENDj {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /** activeBorder 只是视觉效果需要覆盖在元素内容之上，这边给一个稍大一些的 zIndex，防止被底下的东西反超 */
  z-index: 1000;
  border: 2px solid #0168ff;
}
.wrapperRoot_EhNDm .invisGap_x_ksH {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  height: 8px;
}
.wrapperRoot_EhNDm .toolbarRoot_EuxHO {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row;
  border-radius: 7.5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(9, 9, 9, 0.85);
  height: 48px;
  padding: 7px 10px;
  gap: 12px;
  /** 比 activeBorder 大 1 */
  z-index: 1001;
  opacity: 0;
}
.wrapperRoot_EhNDm .toolbarRoot_EuxHO.visible_vyIw7 {
  opacity: 1;
}
.fsRoot_ajXm0 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fsRoot_ajXm0 .toolbar_BQSUf {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 72px;
  border-radius: 7.5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(9, 9, 9, 0.85);
  height: 48px;
  padding: 7px 10px;
  gap: 12px;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.fsRoot_ajXm0 .toolbar_BQSUf.show_lJ6HE {
  opacity: 1;
}
.resizeBtn_VfsTE {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 1100;
}
.resizeBtn_VfsTE.se_FySSx {
  right: -12px;
  bottom: -12px;
  cursor: se-resize;
}
.resizeBtn_VfsTE.ne_BW340 {
  right: -12px;
  top: -12px;
  cursor: ne-resize;
}
.resizeBtn_VfsTE.sw_lHKrA {
  left: -12px;
  bottom: -12px;
  cursor: sw-resize;
}
.resizeBtn_VfsTE.nw_U92gU {
  left: -12px;
  top: -12px;
  cursor: nw-resize;
}

.menu_panel_UDPm_ {
  border-radius: 4px !important;
  overflow: hidden;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.menu_panel_UDPm_ .ant-dropdown-menu {
  border-radius: 0px !important;
  padding: 0 !important;
}
.menu_panel_UDPm_ .ant-dropdown-menu-item {
  border-radius: 0px !important;
  padding: 0 !important;
  color: #202022 !important;
}
.more_tools_wrapper_XS4He {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.more_icon_active_UeWTW {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: #2e73e5;
}
.moreToolItemLabel_Y8VuE {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px 9px 16px;
  margin: 8px 0;
}
.do-hovers .moreToolItemLabel_Y8VuE:hover {
  background-color: #ebeef5;
}

.toolItem_xi1mk {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.toolItem_xi1mk svg {
  width: 22px;
  height: 22px;
  color: white;
}
.do-hovers .toolItem_xi1mk:hover {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}

.nameLabel_s7mTF {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  border-radius: 6px;
  overflow: hidden;
  /** 部分浏览器会有 12px 最小字体的限制，这边通过 transform 来进行缩放 */
  transform: scale(0.8) translate3d(8px, -8px, 0);
  transform-origin: left bottom;
  /** 高度也需要增加保证缩放后高度是 20 */
  height: 25px;
  align-items: center;
  font-size: 12px;
}
.nameLabel_s7mTF > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nameLabel_s7mTF > div span {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nameLabel_s7mTF .label_P80RC {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(229, 146, 11, 0.9);
  border-radius: 6px 0px 0px 6px;
  padding: 4px;
}
.nameLabel_s7mTF .label_P80RC > span {
  color: white;
}
.nameLabel_s7mTF .speakerLabel_H1_zn {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.88);
  border-radius: 6px 0px 0px 6px;
  height: 26px;
  padding: 4px;
}
.nameLabel_s7mTF .speakerLabel_H1_zn > span {
  color: white;
}
.nameLabel_s7mTF .name_QIXC2 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.85);
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  padding: 4px;
}
.nameLabel_s7mTF .name_QIXC2 .icon_CX6E0 {
  margin-right: 2px;
  font-size: 15px;
}
.nameLabel_s7mTF .name_QIXC2 > span {
  transform-origin: 0 50%;
}
.nameLabel_s7mTF .name_QIXC2.withHost_hUVHs {
  border-radius: 0px 6px 6px 0px;
}

.rtcPlayerContainer_S0MnD {
  width: 100%;
  height: 100%;
  background: #202022;
}
.rtcPlayerContainer_S0MnD .rtcPlayerWrapper_Rjdii {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rtcPlayerContainer_S0MnD .rtcPlayerWrapper_Rjdii .rtcPlayer_AW5rt {
  width: 100%;
  height: 100%;
}
.rtcPlayerContainer_S0MnD .rtcPlayerWrapper_Rjdii .noVideoWrapper_OwP71 {
  text-align: center;
  align-items: center;
  height: 65%;
  /* 宽高比为 1:1，即圆形 */
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.rtcPlayerContainer_S0MnD .rtcPlayerWrapper_Rjdii .noVideoWrapper_OwP71 .noVideoText_w7ng2 {
  color: white;
  padding: 16px 10px;
  max-width: 100%;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rtcPlayerContainer_S0MnD .rtcPlayerWrapper_Rjdii .cameraPreviewPlaceholder_z_Sa8 {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.rtcPlayerContainer_S0MnD .rtcPlayerWrapper_Rjdii .cameraPreviewPlaceholder_z_Sa8.hidden_z4mPx {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.rtcPlayerContainer_S0MnD .interacting_label_wrapper__41yj {
  position: absolute;
  left: 8px;
  top: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 10px;
  display: flex;
  align-items: center;
  height: 24px;
  user-select: none;
  padding: 7px 6px;
}
.publishingPlaceholderWrapper_WhY7h {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, #002863 0%, #001129 100%);
}
.publishingPlaceholderWrapper_WhY7h .bigIcon_X0_ol {
  height: 240px;
  width: 240px;
}
.publishingPlaceholderWrapper_WhY7h .smallIcon_lq9QJ {
  height: 54px;
  width: 54px;
}
.previewYuvWrapper_eehKz {
  width: 100%;
  height: 100%;
}
.previewYuvWrapper_eehKz canvas {
  width: 100%;
  height: 100%;
}

.mediaCheckModal__Jlm7 .ant-modal-content {
  padding: 0;
}
.title_nuQuE {
  padding: 16px;
  color: #0c1024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-bottom: 1px solid #e6e7e9;
}
.deviceBlock_zBEsG {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.deviceBlock_zBEsG .deviceTitleRow_edSwL {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deviceBlock_zBEsG .deviceTitleRow_edSwL .deviceTitle_WFyZg {
  color: #303133;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.deviceBlock_zBEsG .deviceSelectBlock__d5IG {
  display: flex;
  margin-top: 8px;
  margin-bottom: 12px;
}
.deviceBlock_zBEsG .deviceSelectBlock__d5IG .deviceSelect_FuOhy {
  flex: 1;
  overflow: hidden;
}
.deviceBlock_zBEsG .devicePreview_FMfXN {
  display: flex;
  align-items: center;
}
.deviceBlock_zBEsG .devicePreview_FMfXN .devicePreviewIcon_eO5VH {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.deviceBlock_zBEsG .devicePreview_FMfXN .ant-progress {
  flex: 1;
}
.deviceBlock_zBEsG .devicePreview_FMfXN .ant-progress-steps-item {
  flex: 1;
  margin-right: 10px;
  border-radius: 2px !important;
}
.deviceBlock_zBEsG .devicePreview_FMfXN .ant-progress-steps-item:last-child {
  margin-right: 0;
}
.deviceBlock_zBEsG .deviceNote_j7JRE {
  color: #909399;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}
.buttons_D0ZEZ {
  border-top: 1px solid #e0e6ee;
  padding: 12px 16px;
  display: flex;
}
.buttons_D0ZEZ .leaveLive_nLdlh {
  flex: 1;
  margin-right: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.buttons_D0ZEZ .startLive_qEtOR {
  flex: 1;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  /* 157.143% */
}
.noMediaTip_HTOAp {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
}
.noMediaTip_HTOAp .noMediaIcon_ELm80 {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  display: flex;
  align-items: center;
}
.noMediaTip_HTOAp .noMediaTip_HTOAp {
  color: #909399;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.buttonDisabled_pMhuS {
  background: #7abdff !important;
  color: #fff !important;
  border-color: #7abdff !important;
}

.deviceBaseModal_tWsCL .ant-modal-content {
  padding: 0 !important;
}
.containerWrapper_NYWXx {
  height: 580px;
  display: flex;
  flex-direction: column;
}
.containerWrapper_NYWXx .title_K7r_t {
  padding: 16px;
  color: #0c1024;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-bottom: 1px solid #e6e7e9;
}
.containerWrapper_NYWXx .contentWrapper_hbIXd {
  max-height: 466px;
  overflow-y: auto;
  flex: 1;
  overflow-x: hidden;
}

.cameraPreviewBlock_c5ZsH {
  border-radius: 8px;
  height: 147px;
  position: relative;
}
.cameraPreviewBlock_c5ZsH .virtualBgTriggerWrapper_eBd8u {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid #D0D5DD;
  background: rgba(255, 255, 255, 0.85);
  font-size: 12px;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
  white-space: nowrap;
}
.cameraPreviewBlock_c5ZsH .virtualBgTriggerWrapper_eBd8u:active {
  background: rgba(255, 255, 255, 0.45);
}
.cameraPreviewBlock_c5ZsH .disableTriggerVirtualBg_UEg1D {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.cameraPreviewBlock_c5ZsH .cameraPreviewPlaceholder_LRtTi {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.cameraPreviewBlock_c5ZsH .cameraPreviewPlaceholder_LRtTi.hidden_VHczj {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.cameraPreviewVideo_jXm8P {
  width: 100%;
  height: 147px;
  border-radius: 8px;
}
.virtualBgHoverTipContent_dNUWz {
  border-radius: 6px;
  right: 12px !important;
}
.virtualBgHoverTipBorder_cmJ7K {
  z-index: 9999;
}

.virtualSettingWrapper_CIjc7 {
  padding-top: 16px;
}
.virtualSettingWrapper_CIjc7 .videoWrapper_Ny1eZ {
  padding: 0 16px;
}
.virtualSettingWrapper_CIjc7 .bgListTitle__YLlH {
  color: #202022;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 12px 16px;
}
.virtualSettingWrapper_CIjc7 .bgListWrapper_NsDZB {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  height: 257px;
  overflow-y: auto;
  padding: 0 16px 16px 16px;
}
.uploadCropWrapper_PXVZ9 .ant-modal-content {
  padding: 0 !important;
  height: 492px !important;
}
.uploadCropWrapper_PXVZ9 .ant-modal-header {
  padding: 12px 16px;
  border-bottom: 1px solid #E0E6EE;
}
.uploadCropWrapper_PXVZ9 .ant-modal-body {
  height: 375px;
  padding: 16px;
}
.uploadCropWrapper_PXVZ9 .reactEasyCrop_Container {
  height: 292px;
}
.uploadCropWrapper_PXVZ9 .ant-modal-footer {
  padding: 0 16px;
}
.uploadTipBorder_l3Mq2 {
  z-index: 9999 !important;
}

.buttons_QCqOH {
  border-top: 1px solid #e0e6ee;
  padding: 12px 16px;
  display: flex;
}
.buttons_QCqOH .confirm_a19RG {
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.virtualSettingCardWrapper_dcFYO {
  display: flex;
  width: 122px;
  height: 70px;
  padding: 40px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #F2F4F7;
  background-size: cover;
  background-repeat: no-repeat;
  background-clip: border-box;
  position: relative;
  cursor: default;
  user-select: none;
}
.virtualSettingCardWrapper_dcFYO .operatorWrapper_An6ZJ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  font-size: 12px;
}
.virtualSettingCardWrapper_dcFYO .deleteIcon_ZHn5R {
  visibility: hidden;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  right: -5px;
  top: -5px;
}
.virtualSettingCardWrapper_dcFYO:hover .deleteIcon_ZHn5R {
  visibility: visible;
}
.virtualSettingCardWrapper_dcFYO:hover,
.virtualSettingCardWrapper_dcFYO:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.active_L_s3T {
  border: 1px solid #0168FF;
}
.disabled_LbL1i {
  cursor: not-allowed;
  color: #D0D5DD;
  background-color: #F2F4F7 !important;
}

.playerRoot_YUdXP {
  width: 100%;
  height: 100%;
  position: relative;
}
.playerRoot_YUdXP .label_Fcr95 {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  padding: 4px;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(242, 245, 247, 0.9);
  font-size: 12px;
  height: 20px;
  align-items: center;
}
.playerRoot_YUdXP .label_Fcr95 span {
  /** 部分浏览器会有 12px 最小字体的限制，这边通过 transform 来进行缩放 */
  transform: scale(0.8);
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.playerRoot_YUdXP .playerDom_NJSAH {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.empty_R8Vfr {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty_R8Vfr.phoneEmpty_jKEJl img {
  width: 100px;
  height: 100px;
}
.empty_R8Vfr .emptyImg_RKnCd {
  width: 150px;
  height: 150px;
}
.empty_R8Vfr .desc_fNsve {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}

.statusRoot__w5kN {
  width: 24px;
  height: 24px;
  position: relative;
}
.statusRoot__w5kN .iconCon_Hczxo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.statusRoot__w5kN .iconCon_Hczxo.active_iCeyv {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.06);
}
.statusRoot__w5kN svg {
  width: 20px;
  height: 20px;
}
.statusRoot__w5kN .panel_XNA46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 84px;
  padding: 12px 4px;
  flex-shrink: 0;
  top: 28px !important;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 72px;
  text-align: center;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am .label_P2w_H {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--Neutral-colorText-Primary);
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  transform: scale(0.916);
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am .value_ar_Cy {
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--Neutral-colorText-Secondary);
  line-height: 18px;
  white-space: pre-wrap;
  font-size: 12px;
  transform: scale(0.916);
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am .value_ar_Cy.good_Bbr_Q {
  color: #00cc65;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am .value_ar_Cy.middle_KKOpO {
  color: #ffa519;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am .value_ar_Cy.bad_Y3Fkh {
  color: #fe5250;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am:nth-child(1) {
  width: 112px;
  margin-left: 8px;
  margin-right: 12px;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am:nth-child(1) .label_P2w_H svg {
  margin-left: 2px;
  width: 13px;
  height: 13px;
  cursor: pointer;
  color: #0168ff;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am:nth-child(1) .value_ar_Cy {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.statusRoot__w5kN .panel_XNA46 .item_vc8Am:nth-child(2) {
  border-left: 1px solid #ebeef5;
}

.sub_win_qxK8f {
  position: absolute;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: calc(100% + 1px);
  left: 0;
  border-radius: 4px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.sub_win_qxK8f.center_HgMpx {
  left: 50%;
  transform: translateX(-50%);
}
.sub_win_qxK8f.right_ovMAS {
  left: unset;
  right: 0;
}

.fsBtn_pqm5m {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 44px;
  height: 44px;
  padding: 4px;
  background: white;
  pointer-events: auto !important;
  border-radius: 4px;
  background: var(--Neutral-colorCommon-white, #fff);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.fsBtn_pqm5m .iconWrapper_dXANi {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.fsBtn_pqm5m .iconWrapper_dXANi svg {
  color: var(--Neutral-colorText-Primary);
  width: 24px;
  height: 24px;
}
.fsBtn_pqm5m .iconWrapper_dXANi:active {
  background: #f2f4f7;
}

.addCommentIcon_QCrph {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.addCommentIcon_QCrph svg {
  width: 28px;
  height: 28px;
  color: white;
}
.addCommentIcon_QCrph.disable_w4lg9 svg {
  color: #d0d5dd;
}
.addCommentIcon_QCrph.dark_jj2qt.disable_w4lg9 svg {
  color: #909399;
}
.wrapper_ei0eQ {
  margin-bottom: 6px;
}
.do-hovers .addCommentIcon_QCrph:hover {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}

.activityWrapper_JdRxP {
  height: 100%;
  width: 100%;
  overflow: auto hidden;
}
.activityWrapper_JdRxP .activityContent_Q_J5i {
  height: 100%;
  width: 100%;
  min-width: 960px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.activityWrapper_JdRxP.phoneActivityWrapper_iWrCd {
  background-color: #f9f9f9;
  overflow: hidden;
}
.activityWrapper_JdRxP.phoneActivityWrapper_iWrCd .activityContent_Q_J5i {
  min-width: unset;
  overflow: hidden;
  background-color: #fff;
}
.activityWrapper_JdRxP.phoneActivityWrapper_iWrCd .wrapperBody_TxHrs {
  aspect-ratio: 1.77777778;
  width: 100%;
  flex: unset;
  flex-shrink: 0;
  max-height: 100%;
}
.activityWrapper_JdRxP .wrapperBody_TxHrs {
  background-color: #e0e6ee;
  position: relative;
  flex: 1;
}
.wrapperHeader_KivsX {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 16px 18px;
  background-color: #fff;
}
.wrapperHeader_KivsX.phoneWrapperHeader_z0FFk {
  padding: 16px;
}
.wrapperHeader_KivsX.phoneWrapperHeader_z0FFk .wrapperTitle_Jo4uR .title_eLFIY .name_ZJ2yv {
  margin-right: 0px;
}
.wrapperHeader_KivsX.phoneWrapperHeader_z0FFk .status_eLxQz {
  margin-right: 8px;
}
.wrapperHeader_KivsX .wrapperTitle_Jo4uR {
  display: flex;
  overflow-x: hidden;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}
.wrapperHeader_KivsX .wrapperTitle_Jo4uR .title_eLFIY {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.wrapperHeader_KivsX .wrapperTitle_Jo4uR .title_eLFIY .name_ZJ2yv {
  margin-right: 9px;
  height: 24px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapperHeader_KivsX .wrapperTitle_Jo4uR .title_eLFIY .PCname_ZvAxf {
  margin-right: 0;
  margin-left: 6px;
}
.wrapperHeader_KivsX .wrapperSubTitle_SUyuW {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}
.wrapperHeader_KivsX .wrapperSubTitle_SUyuW .timeIcon_V8YY4 {
  color: rgba(0, 0, 0, 0.65);
  margin-right: 6px;
  font-size: 20px;
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
}
.wrapperHeader_KivsX .wrapperSubTitle_SUyuW .subName_k6Mxj {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.wrapperHeader_KivsX .wrapperSubTitle_SUyuW .headerOpsWrapper_J_zVp {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wrapperHeader_KivsX .wrapperSubTitle_SUyuW .headerOpsWrapper_J_zVp .commentBtn_PPoth {
  padding: 0px 6px !important;
  color: var(--Functional-colorPrimary-Default, #1677ff);
  font-size: 14px;
  height: 22px !important;
  align-items: center;
  display: flex !important;
  gap: 2px;
}
.wrapperHeader_KivsX .status_eLxQz {
  font-size: 12px;
  border-radius: 4px;
  padding: 1px 8px;
  flex-shrink: 0;
}
.wrapperHeader_KivsX .status_eLxQz.notStart_JWkoD {
  border: 1px solid #ffe58f;
  background-color: #fffbe6;
  color: #faad14;
}
.wrapperHeader_KivsX .status_eLxQz.starting_VYMlT {
  border: 1px solid #91caff;
  background-color: #e6f4ff;
  color: #1677ff;
}
.wrapperHeader_KivsX .status_eLxQz.end_QXogq {
  border: 1px solid #d9d9d9;
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.88);
}
.empty_cHqbm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty_cHqbm.phoneEmpty_XBe6W img {
  width: 140px;
  height: 140px;
}
.empty_cHqbm .emptyImg_Akj94 {
  width: 150px;
  height: 150px;
}
.empty_cHqbm .desc_TF9iE {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
.phoneBottomWrapper_LX8Qz {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100% - 233px);
  overflow: auto;
  background-color: #fff;
}
.phoneBottomWrapper_LX8Qz .gap_KOmAm {
  height: 8px;
  background: #f2f4f7;
}
.phoneBottomWrapper_LX8Qz .tabBox_b6rTM {
  position: sticky;
  top: 0;
  border-bottom: 1px solid #ebebeb;
  z-index: 1;
}
.phoneBottomWrapper_LX8Qz .commentPhoneBox_SIHjv {
  background-color: #fff;
  z-index: 11;
  padding: 0 16px;
  padding-bottom: calc(54px + env(safe-area-inset-bottom));
}
.phoneBottomWrapper_LX8Qz .ant-tabs-nav-wrap {
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 16px;
  top: 0;
}
.phoneBottomWrapper_LX8Qz .ant-tabs-nav {
  margin: 0 !important;
}

.language_sG7mH {
  cursor: pointer;
  border-radius: 6px;
  font-size: 20px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language_sG7mH:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dropdown_a2k41 .ant-dropdown-menu .ant-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.88) !important;
  background: #e6f4ff !important;
}

.surveyBtn_IG6gq {
  padding: 0px 6px !important;
  color: var(--Functional-colorPrimary-Default, #1677ff);
  font-size: 14px;
  height: 22px !important;
  align-items: center;
  display: flex !important;
  gap: 2px;
}

.surveyDivider_xn7UB {
  width: 1px;
  height: 14px;
  background: rgba(0, 0, 0, 0.12);
  margin-left: 16px;
}

.container_Y1szh {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.container_Y1szh .commentItem_Xj3Ym {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.container_Y1szh .commentItem_Xj3Ym:last-child {
  border-bottom: none;
}
.container_Y1szh .commentItem_Xj3Ym .avatar_Z4prE {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 10px;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax {
  width: calc(100% - 48px);
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .topBox_iOof5 {
  display: flex;
  justify-content: space-between;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .topBox_iOof5 .nameBox_QqWFl {
  font-size: 14px;
  color: #000;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .topBox_iOof5 .nameBox_QqWFl .date_Chs3t {
  font-size: 12px;
  color: #606266;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .topBox_iOof5 .iconBox_A2Suf {
  display: flex;
  gap: 8px;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .topBox_iOof5 .iconBox_A2Suf .icon_rZF7x {
  width: 24px;
  height: 24px;
  padding: 4px;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .contentBox_4Boy3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .contentBox_4Boy3 .commentText_okC6B {
  font-size: 15px;
  line-height: 24px;
  color: #0c1024;
  word-break: break-all;
  white-space: pre-wrap;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .contentBox_4Boy3 .commentImage_asOkW {
  display: flex;
  gap: 8px;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .contentBox_4Boy3 .commentImage_asOkW .imageItem_jj9Hn {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
}
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .contentBox_4Boy3 .commentImage_asOkW .imageItem_jj9Hn .ant-image,
.container_Y1szh .commentItem_Xj3Ym .commentInfo_k2dax .contentBox_4Boy3 .commentImage_asOkW .imageItem_jj9Hn .ant-image-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.emptyBox_KlKMD {
  width: 100%;
  height: 100%;
}

.container_N9cru {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  border-radius: 12px 12px 0 0;
}
.container_N9cru .inputWrap_vmAP2 {
  width: 100%;
  height: 54px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  gap: 8px;
}
.container_N9cru .inputWrap_vmAP2 .inputBox_Uf9BP {
  width: calc(100% - 68px);
  height: 38px;
  background-color: #f2f4f7;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
  gap: 12px;
}
.container_N9cru .inputWrap_vmAP2 .inputBox_Uf9BP .inputText_mnCnD {
  width: 100%;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
}
.container_N9cru .inputWrap_vmAP2 .inputBox_Uf9BP .inputTextEmpty_qsmJG {
  color: #999;
}
.container_N9cru .inputWrap_vmAP2 .inputBox_Uf9BP .iconBox_deG3F {
  display: flex;
  align-items: center;
  gap: 16px;
}
.container_N9cru .noRegister_gnsSw {
  display: flex;
  height: 54px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.container_N9cru .noRegister_gnsSw .register_R6Lh0 {
  color: #1677ff;
  padding: 0 4px;
  cursor: pointer;
}
.icon_bvoeS {
  width: 20px;
  height: 20px;
}
.btnBox_r1D_t {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.cancelBtn_K8Bq2 {
  display: inline-block;
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  text-align: center;
  background-color: #fff;
  color: #202022;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
  border: 1px solid #d0d5dd;
}
.sendBtn_kt0T9 {
  display: inline-block;
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  text-align: center;
  background-color: #0168ff;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
.sendBtnDisabled_zJ12C {
  background-color: #7abdff;
  cursor: not-allowed;
}
.popupBox_PZE9a {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.popupBox_PZE9a .mask_pNHtY {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: auto;
}
.popupBox_PZE9a .commentContent_oCr9a {
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 12px 12px 0 0;
  padding-bottom: 8px;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl {
  padding: 7px 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl textarea {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background-color: transparent;
  border: none;
  max-height: 100px;
  overflow-y: auto;
  padding: 0;
  box-sizing: border-box;
  display: block;
  resize: none;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl textarea:focus {
  outline: none;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl .imageBox_Yn7px {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl .imageBox_Yn7px .imageItem_tUTfI {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl .imageBox_Yn7px .imageItem_tUTfI .closeIcon_QGRX9 {
  width: 20px;
  height: 20px;
  border-radius: 0 6px 0 6px;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
}
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl .imageBox_Yn7px .ant-image,
.popupBox_PZE9a .commentContent_oCr9a .commentInputArea_c0OGl .imageBox_Yn7px .ant-image-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.popupBox_PZE9a .commentContent_oCr9a .operateBox_oqpfS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.popupBox_PZE9a .commentContent_oCr9a .operateBox_oqpfS .iconBox_deG3F {
  display: flex;
  align-items: center;
  gap: 20px;
}
.deleteIcon_gJrsb {
  font-size: 20px;
  position: absolute;
  right: 8px;
  top: 6px;
  bottom: 6px;
  color: #909399;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.loadingBtn_FsAyR {
  color: #fff;
}

.pureModal_nzzgJ {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}
.pureModal_nzzgJ .pureModalContent_DsL6B {
  width: 100%;
  height: 280px;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 56px;
  box-sizing: border-box;
}
.pureModal_nzzgJ .pureModalContent_DsL6B .closeIcon_abXEn {
  position: absolute;
  right: 18px;
  top: 18px;
}

.commentBtn_e4Wve {
  padding: 0px 6px !important;
  color: var(--Functional-colorPrimary-Default, #1677ff);
  font-size: 14px;
  height: 22px !important;
  align-items: center;
  display: flex !important;
  gap: 2px;
}
.commentAddIcon_zWXUE {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.commentAddIcon_zWXUE [class^='addCommentIcon'] {
  width: 24px;
  height: 24px;
}
.addCommentIcon_bRGbI {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.addCommentIcon_bRGbI svg {
  width: 28px;
  height: 28px;
  color: white;
}
.addCommentIcon_bRGbI.disable_BaiFR svg {
  color: #d0d5dd;
}
.addCommentIcon_bRGbI.dark_Adc5b.disable_BaiFR svg {
  color: #909399;
}

.bgLayerRoot_dnOpJ {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f0f0f0;
}
.bgLayerRoot_dnOpJ .bgImg_toR39 {
  width: 100%;
  height: 100%;
}

.mainLayerRoot_QCUwV {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
}

.headerSectRoot_TIoC3 {
  display: flex;
  background: #e0e6ee;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.headerSectRoot_TIoC3 * {
  user-select: none !important;
}
.headerSectRoot_TIoC3 .headerMain_UVE8p {
  height: 100%;
  width: 100%;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #d0d5dd;
  border-bottom: 1px solid #d0d5dd;
}
.headerSectRoot_TIoC3 .headerMain_UVE8p.hide_lC5mA {
  opacity: 0;
}
.headerSectRoot_TIoC3 .expandBtn_sGfOd {
  position: absolute;
  top: 100%;
  right: 120px;
  width: 36px;
  height: 20px;
  padding: 0px 8px;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  background: rgba(48, 52, 69, 0.8);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s linear;
  opacity: 0;
}
.headerSectRoot_TIoC3 .expandBtn_sGfOd.visible_Ey33L {
  opacity: 1;
}
.headerSectRoot_TIoC3 .expandBtn_sGfOd > svg {
  width: 20px;
  height: 20px;
  color: white;
}
.headerSectRoot_TIoC3 .expandBtn_sGfOd:active {
  background: rgba(48, 52, 69, 0.6);
}

.portraitRowRoot_ldkr9 {
  position: relative;
  width: 100%;
  height: calc(100% + 2px);
  overflow: visible;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.portraitRowRoot_ldkr9.hide_UtOsA * {
  pointer-events: none !important;
}
.portraitRowRoot_ldkr9 .noOneHint_UEQ1U {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 2px;
}
.portraitRowRoot_ldkr9 .container_z6Re1 {
  display: flex;
  flex-direction: row;
  gap: 2px;
  height: 100%;
  transition: transform 0.1s linear;
  padding: 2px;
}
.portraitRowRoot_ldkr9 .container_z6Re1.hide_UtOsA {
  opacity: 0;
}
.portraitRowRoot_ldkr9 .slideBtn_QIcL7 {
  width: 24px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(48, 52, 69, 0.8);
  position: absolute;
  transform: translate(0, -50%);
  cursor: pointer;
}
.portraitRowRoot_ldkr9 .slideBtn_QIcL7 > svg {
  width: 24px;
  height: 24px;
  color: white;
  backface-visibility: hidden;
}
.portraitRowRoot_ldkr9 .slideBtn_QIcL7.left_koOw2 {
  left: 0;
  top: 50%;
  border-radius: 0px 8px 8px 0px;
}
.portraitRowRoot_ldkr9 .slideBtn_QIcL7.left_koOw2 > svg {
  transform: rotate(180deg);
}
.portraitRowRoot_ldkr9 .slideBtn_QIcL7.right_oSxXV {
  right: 0;
  top: 50%;
  border-radius: 8px 0px 0px 8px;
}

.portraitBlkRoot_Vuykr {
  height: 100%;
  display: flex;
  background: #202022;
  position: relative;
  overflow: hidden;
  font-size: 12px;
}

.popPlaceholder_un4df {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #232532;
}
.popPlaceholder_un4df .popPlaceholderMain_b9NxT {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.popPlaceholder_un4df .bigIcon_AvZDg {
  height: 120px;
  width: 120px;
}
.popPlaceholder_un4df .smallIcon_ckCu8 {
  height: 40px;
  width: 40px;
}
.popPlaceholder_un4df .desc_r60cO {
  color: #d0d5dd;
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
}
.popPlaceholder_un4df .fullscreenDesc_Dcki7 {
  color: #d0d5dd;
  font-size: 32px;
  line-height: 40px;
  margin-top: 40px;
}
.label_HoDig {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  padding: 4px;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(242, 245, 247, 0.9);
  font-size: 12px;
  height: 20px;
  align-items: center;
}
.label_HoDig span {
  /** 部分浏览器会有 12px 最小字体的限制，这边通过 transform 来进行缩放 */
  transform: scale(0.8);
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.contentSectRoot_X9yki {
  flex: 1 1;
  width: 100%;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.infiContainerRoot_arhEO {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.iframeWrapper_jBoi4 {
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 1;
}
.disabled_nyRaa {
  pointer-events: none;
}

.ctrlWrapper_akp2_ {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  padding-bottom: 8px;
  z-index: 2000;
}
.ctrlWrapper_akp2_.moveUp_OdfFE {
  bottom: 50px;
}
.ctrlWrapper_akp2_.collapsed_GPvQS {
  bottom: 0px;
  pointer-events: none;
}
.ctrlWrapper_akp2_.collapsed_GPvQS .controlsRoot_oHDfK {
  opacity: 0;
}
.ctrlWrapper_akp2_.collapsed_GPvQS .controlsRoot_oHDfK * {
  visibility: hidden !important;
}
.controlsRoot_oHDfK {
  display: flex;
  padding: 3px 8px;
  align-items: center;
  gap: 8px;
  height: 44px;
  border-radius: 4px;
  background: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  bottom: 8px;
  opacity: 1;
}
.controlsRoot_oHDfK .collapseBtn_ngHXp {
  width: 24px;
  height: 38px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--CornerRadius-SM);
}
.controlsRoot_oHDfK .collapseBtn_ngHXp > svg {
  width: 20px;
  height: 20px;
}
.controlsRoot_oHDfK .collapseBtn_ngHXp.collapsed_GPvQS {
  width: 44px;
  height: 24px;
  border-right: none;
}
.controlsRoot_oHDfK .divider_VEfG3 {
  width: 1px;
  height: 28px;
  background-color: #e0e6ee;
}
.collapsedRoot_Nvzn5 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  display: flex;
  width: 48px;
  height: 28px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  background: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px 4px 0 0;
  left: 0;
  bottom: 0;
}
.collapsedRoot_Nvzn5 .collapsedIconCon_lLLgY {
  display: flex;
  width: 44px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
.collapsedRoot_Nvzn5.collapsed_GPvQS {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.collapsedRoot_Nvzn5 svg {
  width: 20px;
  height: 20px;
}
.do-hovers .collapseBtn_ngHXp:hover {
  background-color: var(--Neutral-colorFill-Primary);
}
.do-hovers .collapsedIconCon_lLLgY:hover {
  background-color: var(--Neutral-colorFill-Primary);
}

.meetingItem_RV3iX {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
}
.meetingItem_RV3iX .icon {
  font-size: 24px;
}
.meetingItem_RV3iX.activeCtrl_DQ4uu {
  background: #e6f4ff;
  color: #1677ff;
}
.meetingItem_RV3iX.minimized_mDdj1 {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.meetingItem_RV3iX.minimized_mDdj1 > svg {
  font-size: 20px;
}
.do-hovers .meetingItem_RV3iX:hover {
  background-color: #f2f4f7;
}
.container_GOSGc {
  position: relative;
}
.container_GOSGc .subWin_eo9iZ {
  background-color: white;
  top: unset;
  bottom: 43px;
}
.container_GOSGc .subWin_eo9iZ.minimized_mDdj1 {
  bottom: 32px;
}

.deviceCtrl_GbCvl {
  display: flex;
  align-items: center;
}
.devicePanel_p1jQk {
  width: 240px;
  padding: 0 16px 8px 16px;
}
.devicePanel_p1jQk .deviceTitle_zR1Tm {
  padding: 20px 0 4px 0px;
  color: #909399;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.devicePanel_p1jQk .deviceItem_X9O52 {
  height: 40px;
  display: flex;
  align-items: center;
  color: #202022;
  font-size: 14px;
}
.devicePanel_p1jQk .deviceItem_X9O52.selectItem_koI7e {
  cursor: pointer;
}
.devicePanel_p1jQk .deviceItem_X9O52.selectItem_koI7e .deviceName_rNlJH {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.devicePanel_p1jQk .deviceItem_X9O52.selectItem_koI7e.active_U9kh7 {
  color: #0168ff;
}
.micWrap_D0I7c {
  position: relative;
}
.micWrap_D0I7c .micVolume_mnGa8 {
  background-color: #67c23a;
  width: 6px;
  position: absolute;
  bottom: 16px;
  border-radius: 50%;
}
.triangleWrapperHover_LfLL7:hover {
  background-color: #f2f4f7;
}
.triangleWrapper_ozlR9 {
  height: 36px;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  font-size: 8px;
}
.triangleWrapper_ozlR9 .triangle_KOcHH {
  transform-origin: 0.5;
  transform: rotate(180deg);
  transition: transform 0.1s linear;
}
.triangleWrapper_ozlR9 .triangle_KOcHH.open_Gf3Oy {
  transform: rotate(360deg);
}
.hover_tip_style_IDkUj.top_pfn1J {
  bottom: calc(100% + 24px) !important;
}
.mediaStatusDisabled_pt9Oe {
  color: #D0D5DD;
  pointer-events: none;
  cursor: not-allowed;
}
.hoverTip_FsYYl {
  left: -14px !important;
}
.virtualBgTrigger_q8Vm6 {
  cursor: pointer;
  padding: 13px 0 9px 0;
  border-top: 1px solid #E0E6EE;
  font-size: 14px;
}
.virtualBgDisabled_T6GIN {
  color: #D0D5DD;
  cursor: not-allowed;
}
.virtualBgHoverTip_yUluK {
  left: -12px !important;
  bottom: 38px !important;
}

.insertFileModal_ToTZ6 .iframePart_m5Qv6 {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.insertFileModal_ToTZ6 .iframePart_m5Qv6 .iframe_hqZhO {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
}

.customModal_V7cSn .ant-modal-content {
  height: 600px;
  padding: 0px !important;
  border-radius: 12px;
}
.customModal_V7cSn .ant-modal-header {
  margin-bottom: 0px !important;
}
.customModal_V7cSn .ant-modal-close {
  width: 44px !important;
  height: 44px !important;
  top: 5px !important;
  right: 12px !important;
}
.customModal_V7cSn .ant-modal-close-x {
  padding: 12px;
  width: 44px;
  height: 44px;
}
.customModal_V7cSn .ant-modal-body {
  height: calc(100% - 54px);
  padding: 0px !important;
}
.customModal_V7cSn .titlePart_vXNQO {
  display: flex;
  align-items: center;
  padding: 0px 12px 0px 20px;
  height: 54px;
  width: 100%;
  color: #0c1024;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
  border-bottom: 1px solid #e6e7e9;
  background: #f2f4f7;
}
.customModal_V7cSn .closeIcon_TjYve {
  width: 20px;
  height: 20px;
  color: #303445;
}
.do-hover .customModal_V7cSn .ant-modal-close-x {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.06);
}

.previewWindowWrapper_G9M1M {
  border-radius: 6px;
  min-width: 432px;
  min-height: 325px;
  background-color: #e0e6ee;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.previewWindowWrapper_G9M1M * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.previewWindowWrapper_G9M1M * img {
  -webkit-user-drag: none;
}
.previewWindowWrapper_G9M1M .headerWrapper_UJE6o {
  width: 100%;
  height: 38px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  background-color: #ebeef5;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}
.previewWindowWrapper_G9M1M .headerWrapper_UJE6o .title_Dtd2J {
  color: #202022;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.previewWindowWrapper_G9M1M .headerWrapper_UJE6o .opsWrapper_KUpRU {
  display: flex;
  justify-items: flex-end;
  align-items: center;
  gap: 4px;
}
.previewWindowWrapper_G9M1M .headerWrapper_UJE6o .opsWrapper_KUpRU .opIconWrapper_gDFLj {
  width: 40px;
  height: 38px;
  padding: 11px 12px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.previewWindowWrapper_G9M1M .contentWrapper_y5bWG {
  width: 100%;
  height: calc(100% - 38px);
}
.do-hovers .closeActive_tscsF:hover {
  background-color: #ff4d4f;
  color: #ffffff;
}
.do-hovers .maximizeActive_vcMEO:hover {
  background-color: #0000000f;
}

.interactiveWrapper_Kv8Vo {
  width: 100%;
  height: 100%;
  min-width: 432px;
  min-height: 325px;
}
.interactiveWrapper_Kv8Vo .resizerCorner_v5NMb {
  position: absolute;
  width: 24px;
  height: 24px;
  background: transparent;
  /* 确保背景透明，仅用于调整大小 */
}
.interactiveWrapper_Kv8Vo .bottomRight_ap3PX {
  bottom: -12px;
  right: -12px;
  cursor: nwse-resize;
}
.interactiveWrapper_Kv8Vo .bottomLeft_Nv7Vl {
  bottom: -12px;
  left: -12px;
  cursor: nesw-resize;
}
.interactiveWrapper_Kv8Vo .topRight_W35xC {
  top: -12px;
  right: -12px;
  cursor: nesw-resize;
}
.interactiveWrapper_Kv8Vo .topLeft_u8kwF {
  top: -12px;
  left: -12px;
  cursor: nwse-resize;
}

.idle_hw8Gn {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.idle_hw8Gn.loading_wJBLT > img {
  width: 68px;
  height: 68px;
}
.idle_hw8Gn.loading_wJBLT > span {
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  white-space: nowrap;
}
.idle_hw8Gn.error_p9Tik svg {
  width: 50px;
  height: 50px;
  color: #ff6264;
}
.idle_hw8Gn.error_p9Tik > span {
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}
.addCommentIcon_rB6jh {
  cursor: pointer;
}
.addCommentIcon_rB6jh svg {
  font-size: 24px;
  color: #666;
  width: 24px;
  height: 24px;
}
.hoverTip_BJSzQ {
  margin-bottom: -10px !important;
}

.fileResourcePreviewWrapper_Bdf9v {
  box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.25);
}

.endBtnPop__NLZc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background: #fff;
  width: 160px;
}
.leavePopBtn_NIuIb {
  line-height: 22px !important;
  padding: 7px 12px !important;
  height: 36px !important;
}
.endBtn_bw_jD {
  height: 32px !important;
  padding: 0px !important;
  width: 88px;
}
.cancelBtn_onXsq {
  cursor: pointer;
  height: 32px;
  width: 88px;
  border-radius: 6px;
  border: 1px solid #d0d5dd;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #202022;
  font-size: 14px;
}
.cancelBtn_onXsq:hover {
  background: #e0e6ee;
}

.stageItemDot_pGARQ {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-right: 8px;
  margin-top: 3px;
}
.stageItemDot_pGARQ:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 50%;
  background: #e0e6ee;
  width: 1px;
  height: 44px;
}
.stageSettingTitle_BNcYi {
  color: #202022;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  padding: 16px;
  border-bottom: 1px solid #dbdbde;
}
.stageItemName_lq9uS {
  color: #202022;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}
.stageItemState_mEz1j {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #909399;
}
.stageItemStateActive_YYkiw {
  color: #0168ff;
}
.stageItem_cO6SU {
  display: flex;
  padding: 8px 4px 6px;
  justify-content: space-between;
}
.stageItem_cO6SU:last-child .stageItemDot_pGARQ:after {
  display: none;
}
.stageItem_cO6SU .stageItemLeft_PRDYC {
  display: flex;
}
.popContainer_DM7Zy {
  position: relative;
  top: 14px;
}
.popContainer_DM7Zy .ant-popover-inner {
  padding: 0px !important;
}
.stageCtrlsBtn_JmxF5 {
  white-space: nowrap;
  user-select: none;
  height: 32px !important;
  border-radius: 6px;
  display: flex;
  gap: 4px;
  color: #0168ff;
  font-size: 14px;
  padding: 5px 12px !important;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  align-items: center;
  width: 108px;
  height: 32px;
}
.stageItemRight_bmxGp {
  display: flex;
  align-items: center;
}
.helpIcon_thKnM {
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: #909399;
}
.helpIcon_thKnM:hover {
  color: #0168ff;
}
.popHelpContent_lhuUM .ant-tooltip-inner {
  width: fit-content;
  white-space: nowrap;
}
.confirmModal_OKVNx .ant-modal-confirm-content {
  margin-bottom: 12px;
}

.memberCtrl_zj65_ .memberIcon_v7LRX {
  color: #202022;
  width: 24px;
  height: 24px;
}
.memberCtrlActived_rV4_S {
  background: #eaf1fc;
}
.memberCtrlActived_rV4_S:hover {
  background: #eaf1fc !important;
}
.memberCtrlActived_rV4_S .memberIcon_v7LRX {
  color: #2e73e5 !important;
  fill: #2e73e5;
}
.do-hovers .memberCtrl_zj65_:hover {
  background-color: #f2f4f7;
}

.memberList_weeip {
  user-select: none;
  font-size: 14px;
  border-radius: 8px;
  width: 400px;
  overflow: hidden;
  background-color: #fff;
}
.memberList_weeip .header_A1UGf {
  height: 54px;
  padding: 5px 8px 5px 16px;
  color: #202022;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.memberList_weeip .header_A1UGf .closeContent_hpu6u {
  display: flex;
  align-items: center;
  padding: 8px;
}
.memberList_weeip .header_A1UGf .closeContent_hpu6u:hover {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.06);
}
.memberList_weeip .header_A1UGf .closeContent_hpu6u .closeIcon_i0sGK {
  width: 20px;
  height: 20px;
}
.memberList_weeip .forcedFollow_FYHLL {
  align-items: center;
  height: 20px;
  gap: 8px;
  padding-inline: 16px;
  display: flex;
  justify-content: end;
}
.memberList_weeip .forcedFollow_FYHLL .forcedFollowNoticeIcon_phUtq {
  cursor: pointer;
  color: #909399;
  margin-right: -4px;
}
.memberList_weeip .membersType_qv2_l {
  background-color: #f2f4f7;
  height: 54px;
  display: flex;
}
.memberList_weeip .membersType_qv2_l .title_xtWGS {
  cursor: pointer;
  width: 50%;
  display: flex;
  align-items: center;
  padding: 16px;
  color: #202022;
  font-size: 16px;
}
.memberList_weeip .membersType_qv2_l .leftActived_JnfLw {
  background-color: #fff;
  font-weight: 500;
  border-radius: 0 8px 0 0;
}
.memberList_weeip .membersType_qv2_l .rightActived_YHwR5 {
  background-color: #fff;
  font-weight: 500;
  border-radius: 8px 0 0 0;
}
.memberList_weeip .searchMember__Iy3X {
  padding-inline: 16px;
}
.memberList_weeip .enterType_OvGGS {
  margin: 12px 16px;
  border-radius: 2px;
  overflow: hidden;
  display: flex;
}
.memberList_weeip .enterType_OvGGS .enterTypeItem_L5nqd {
  cursor: pointer;
  width: 50%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #202022;
  background-color: #f2f4f7;
}
.memberList_weeip .enterType_OvGGS .actived_KK6qJ {
  color: #fff;
  background-color: #0168ff;
}
.memberList_weeip .members_Xa3Mc {
  overflow-y: auto;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg {
  width: 100%;
  height: 48px;
  padding: 5px 8px 5px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .memberInfo_XtTp2 {
  display: flex;
  align-items: center;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .memberInfo_XtTp2 .avatar_bNtMN {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  margin-right: 8px;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .memberInfo_XtTp2 .userType_yi1W0 {
  font-size: 12px;
  color: #909399;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .operate_zICLz {
  display: flex;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .operate_zICLz .operateBtn_HZU5K {
  user-select: none;
  cursor: pointer;
  padding: 9px;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .operate_zICLz .operateBtn_HZU5K.disable_g2YGV {
  color: #d0d5dd;
  pointer-events: none;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .operate_zICLz .disableInteract_ap91A {
  color: #d0d5dd;
  cursor: default;
}
.memberList_weeip .members_Xa3Mc .memberItem_ugWlg .operate_zICLz .icon_LjMZi {
  width: 18px;
  height: 18px;
}
.memberList_weeip .members_Xa3Mc .noMember_eKzDy {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0b3bb;
  font-size: 16px;
}
.memberList_weeip .mute_0puMG {
  width: 400px;
  padding: 8px 16px;
  border-top: 1px solid #e0e6ee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.memberList_weeip .mute_0puMG .batchEditButton_twevt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 178px;
}
.memberList_weeip .mute_0puMG .batchEditButton_twevt .upIcon_fn26z {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.do-hovers .operateBtn_HZU5K:hover {
  background-color: #f2f4f7;
  border-radius: 2px;
}
.pointerCursor_mMR5B {
  cursor: pointer;
}
.avatarWrapper_jVr_d {
  position: relative;
  height: 36px;
  width: 36px;
  margin-right: 8px;
  flex-shrink: 0;
}
.avatarWrapper_jVr_d .followCircle_iKNpJ {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  border-radius: 50%;
  border: 2px solid #0168ff;
  background-color: transparent;
}
.userInfo_JHxF4 {
  max-width: 172px;
}
.do-hovers .forcedFollowNoticeIcon_phUtq:hover {
  cursor: pointer;
  color: #0168FF;
}

.ellipsis_qO6sg {
  overflow: hidden;
}
.ellipsis_qO6sg .overflow_TwEYh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.groupName_Rzh6D.ant-popover .ant-popover-inner {
  padding-right: 0;
}
.groupList_PzFpv {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 296px;
  max-height: 264px;
  padding-right: 12px;
  overflow-y: auto;
}
.groupList_PzFpv .groupItem_Jfjze {
  max-width: 296px;
  height: 22px;
  padding: 0 8px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.88);
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.interactingNoticeWrapper_Y9UKN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 4px 16px;
  gap: 10px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background-color: rgba(0, 0, 0, 0.04);
  font-size: 14px;
  margin-top: 16px;
}
.interactingNoticeWrapper_Y9UKN .interactingNoticeTextWrapper_Mzoid {
  display: flex;
  align-items: center;
}
.interactingNoticeWrapper_Y9UKN .interactingNoticeTextWrapper_Mzoid .interactingMemberNames_tnerb {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 4px;
}
.interactingNoticeWrapper_Y9UKN .interactingNoticeOpWrapper_bPRgT {
  display: flex;
  height: 32px;
  padding: 7px 12px;
  justify-content: center;
  align-items: center;
  color: #fe5250;
  cursor: pointer;
}
.interactingNoticeWrapper_Y9UKN .interactingNoticeOpWrapper_bPRgT:hover {
  border-radius: 6px;
  background-color: rgba(254, 82, 80, 0.1);
}

.panel_I2Y88 {
  width: max-content;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
}
.menuPanel_u3r_b {
  width: 340px;
}
.menuPanel_u3r_b .menuHeader_DRJGj {
  padding: 16px;
  color: #202022;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  border-bottom: 1px solid #dbdbde;
}
.menuPanel_u3r_b .menuBody_eff_u {
  padding: 12px;
}
.menuPanel_u3r_b .menuBody_eff_u .menuItem_uRPW1 {
  padding: 10px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.menuPanel_u3r_b .menuBody_eff_u .menuItem_uRPW1 .icon {
  font-size: 24px;
  margin-right: 8px;
  flex-shrink: 0;
}
.menuPanel_u3r_b .menuBody_eff_u .menuItem_uRPW1 .text__KKUl {
  color: #202022;
  font-size: 16px;
  line-height: 24px;
  /* 150% */
}
.menuPanel_u3r_b .menuBody_eff_u .menuItem_uRPW1.disabled_qeTDR {
  cursor: default;
}
.menuPanel_u3r_b .menuBody_eff_u .menuItem_uRPW1.disabled_qeTDR * {
  color: #b0b3bb;
}
.menuPanel_u3r_b .menuBody_eff_u .menuItem_uRPW1.danger_ndObs * {
  color: #fe5250;
}
.hoverTip_Y5Wt_ {
  bottom: 100% !important;
  left: 4px !important;
}
.do-hovers .menuItem_uRPW1:hover {
  background-color: #f2f4f7;
}
.do-hovers .disabled_qeTDR:hover {
  background-color: transparent;
}

.drawer_Qenzq.ant-drawer {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 8px;
}
.drawer_Qenzq.ant-drawer .ant-drawer-content-wrapper {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
}
.drawer_Qenzq.ant-drawer .ant-drawer-content {
  border-radius: 4px;
}
.drawer_Qenzq.ant-drawer .ant-drawer-body {
  padding: 0;
  background: #f5f6f6;
}
.commentDrawer_rkYbV {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.commentDrawer_rkYbV .header_gfx38 {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background-color: #fff;
  color: #202022;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
}
.commentDrawer_rkYbV .header_gfx38 svg:hover {
  color: var(--sdk-active);
}
.commentDrawer_rkYbV .header_gfx38 svg {
  font-size: 24px;
  cursor: pointer;
}
.commentDrawer_rkYbV .header_gfx38 .commentDrawerHeaderRight_FNevh {
  display: flex;
  align-items: center;
  gap: 12px;
}
.commentDrawer_rkYbV .header_gfx38 .commentDrawerHeaderRight_FNevh .divider_ewKhX {
  width: 1px;
  height: 24px;
  background: #ebeef5;
}
.commentDrawer_rkYbV .header_gfx38 .commentDrawerHeaderRight_FNevh .closeBlock_RzR2M {
  padding: 4px;
}

.draggableRoot_WtRe4 {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 400px;
  min-height: 520px;
  pointer-events: auto;
}
.resizeBtn_t6J1U {
  opacity: 0;
}
.container_zJHnJ {
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(2px);
  transform: translateX(0px);
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: contain;
}
.container_zJHnJ.activeBg_RenxJ {
  background-position: left top, right 3px, center;
  background-size: 80px, 80px, contain;
}
.container_zJHnJ .head_TxICT {
  display: flex;
  padding: 9px 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dbdbde;
  cursor: all-scroll;
}
.container_zJHnJ .head_TxICT .part_zQqA1 {
  display: flex;
  gap: 4px;
  align-items: center;
}
.container_zJHnJ .head_TxICT .part_zQqA1 .logo_RP6nY {
  width: 42px;
  height: 42px;
}
.container_zJHnJ .head_TxICT .part_zQqA1 .logo_RP6nY img {
  width: 100%;
}
.container_zJHnJ .head_TxICT .part_zQqA1 .title_mI7TC {
  font-size: 20px;
  font-weight: 600;
}
.container_zJHnJ .head_TxICT .part_zQqA1 .divider_wrsHZ {
  width: 1px;
  height: 25px;
  background: var(--Neutral-colorBorder-Deep, #dbdbde);
}
.container_zJHnJ .head_TxICT .part_zQqA1 .history_EzKuq {
  cursor: pointer;
  padding: 7px 8px;
  font-size: 14px;
}
.container_zJHnJ .head_TxICT .part_zQqA1 .history_EzKuq:hover {
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_zJHnJ .head_TxICT .part_zQqA1 .guanbi_MXhah {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
}
.container_zJHnJ .head_TxICT .part_zQqA1 .guanbi_MXhah:hover {
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_zJHnJ .head_TxICT .part_zQqA1:first-child {
  cursor: auto;
}
.container_zJHnJ .body_GZVF7 {
  height: calc(100% - 61px);
  overflow: auto;
}
.container_zJHnJ .startPage_VCwvd {
  padding-top: 30px;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-template-rows: 10fr 7fr;
  gap: 16px;
  height: 232px;
  padding: 0 27px;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc .box_A_kan {
  border-radius: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 4px 0px #d2e1fa;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc .box_A_kan .title_mI7TC {
  color: var(--Neutral-colorText-Secondary, #424454);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 2px;
  word-break: break-word;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc .box_A_kan .text_gPuA7 {
  color: var(--Neutral-colorText-Tertiary, #91939c);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  word-break: break-word;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc .one_fv6ST {
  grid-column: 0.5;
  grid-row: 0.33333333;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc .two_PlWhl {
  grid-column: 0.66666667;
  grid-row: 0.5;
}
.container_zJHnJ .startPage_VCwvd .descBlock_PE9Lc .three_JE8nj {
  grid-column: 0.66666667;
  grid-row: 0.66666667;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL {
  margin-top: 90px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .startButton_heX9l {
  display: flex;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  min-width: 334px;
  align-self: stretch;
  margin: 0 28px;
  height: 44px;
  min-width: 72px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .startButton_heX9l:hover {
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.6) 14.04%, rgba(38, 112, 255, 0.6) 81.47%, rgba(50, 125, 255, 0.6) 94.95%);
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .startButton_heX9l.disable_DNMsJ {
  opacity: 0.5;
  cursor: auto;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .tipRow_tw19o {
  font-size: 12px;
  line-height: 20px;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .tipRow_tw19o .text_gPuA7 {
  color: #91939c;
  display: inline-block;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .tipRow_tw19o .link_bamE_ {
  padding: 0 8px;
  text-decoration: underline;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .tipRow_tw19o .link_bamE_ a {
  color: #2e73e5;
}
.container_zJHnJ .startPage_VCwvd .actionBlock_kPCyL .tipRow_tw19o .link_bamE_:hover {
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_zJHnJ .mainPage_o3yhb {
  height: 100%;
  position: relative;
}
.container_zJHnJ .mainPage_o3yhb .contentBox_Bz3fL {
  height: calc(100% - 48px);
  overflow: auto;
  padding: 8px 16px 12px;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ {
  display: flex;
  height: 48px;
  padding: 10px var(--Size-Space-Default, 16px);
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .summaryButton_cTodZ {
  display: flex;
  padding-left: 12px;
  padding-right: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(96deg, #e380ff 14.04%, #556fff 81.47%, #1674f7 94.95%);
  box-shadow: 0px 2px 8px 0px rgba(162, 195, 255, 0.19);
  color: #fff;
  cursor: pointer;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .summaryButton_cTodZ img {
  width: 43px;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .summaryButton_cTodZ .text_gPuA7 {
  font-size: 12px;
  font-weight: 600;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .summaryButton_cTodZ:hover {
  background: linear-gradient(96deg, rgba(227, 128, 255, 0.5) 14.04%, rgba(85, 111, 255, 0.5) 81.47%, rgba(22, 116, 247, 0.5) 94.95%);
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .hovertip_Sc5YA {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .goingButton_HtDdt,
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .pauseButton_G3956 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #2e73e5;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .goingButton_HtDdt:hover,
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .pauseButton_G3956:hover {
  color: #5798f2;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .endButton_CF64A {
  display: flex;
  color: #fe5250;
  height: 28px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #fe5250;
  cursor: pointer;
}
.container_zJHnJ .mainPage_o3yhb .footer_RfzCJ .endButton_CF64A:hover {
  color: #ff7f78;
  border: 1px solid #ff7f78;
}
.container_zJHnJ .mainPage_o3yhb .hasNewTip_K2nB4 {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translate(-50%);
  margin: auto;
  padding: 4px 9px;
  border-radius: 18px;
  border: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
  background: #fff;
  color: #2e73e5;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.container_zJHnJ .mainPage_o3yhb .hasNewTip_K2nB4:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #fff;
}
.transcriptItem_Jar3R {
  padding: 5px 4px;
  display: flex;
  gap: 8px;
  border-radius: 2px;
  position: relative;
}
.transcriptItem_Jar3R .avatarBox_Mf72Y {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.transcriptItem_Jar3R .avatarBox_Mf72Y .avatar_lgQSL {
  width: 100%;
  height: 100%;
}
.transcriptItem_Jar3R .infoBox_NWt59 .name_time_G84En {
  font-size: 12px;
  color: #91939c;
  line-height: 20px;
}
.transcriptItem_Jar3R .infoBox_NWt59 .text_gPuA7 {
  font-size: 14px;
  line-height: 22px;
}
.transcriptItem_Jar3R .infoBox_NWt59 .voice_oFx6D {
  line-height: 22px;
}
.transcriptItem_Jar3R .infoBox_NWt59 .voice_oFx6D img {
  width: 56px;
  vertical-align: middle;
}
.transcriptItem_Jar3R .infoBox_NWt59 .voice_oFx6D .voicetip_dqG5s {
  color: #91939c;
  font-size: 10px;
  line-height: 14px;
}
.transcriptItem_Jar3R .copybox_ShE5i {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  border-radius: 2px;
  border: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
  background: var(--Neutral-colorBg-Container, #fff);
}
.transcriptItem_Jar3R .copybox_ShE5i:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), var(--Neutral-colorBg-Container, #fff);
}
.transcriptItem_Jar3R:hover {
  background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.transcriptItem_Jar3R:hover .copybox_ShE5i {
  display: flex;
}
.transcriptTipRow_pfa8g {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 8px 0;
  color: #91939c;
}
.transcriptTipRow_pfa8g .dash_O4h7l {
  width: 10px;
  height: 1px;
  background: var(--Neutral-colorBorder-Shallow, #e6e7e9);
}
.transcriptTipRow_pfa8g .tipText_X0pC7 {
  font-size: 10px;
}
.summaryItem_RMrht {
  position: relative;
  display: flex;
  min-height: 44px;
  padding: 8px 12px 8px 12px;
  align-items: center;
  gap: 2px;
  border-radius: 4px;
  border: 1px solid #e6e7e9;
  background: #fff;
  margin-bottom: 8px;
  flex-direction: column;
}
.summaryItem_RMrht .indexBox_C8T6T {
  font-size: 12px;
  font-weight: 600;
  color: #303445;
  min-width: 24px;
  text-align: center;
  align-self: flex-start;
  padding-top: 2px;
  white-space: nowrap;
}
.summaryItem_RMrht .contentBox_Bz3fL {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.summaryItem_RMrht .contentBox_Bz3fL .text_gPuA7 {
  font-size: 14px;
  line-height: 22px;
  outline: none;
  user-select: auto;
  pointer-events: auto;
}
.summaryItem_RMrht .contentBox_Bz3fL .participantsRow_T4AJe {
  display: flex;
  gap: 8px;
  align-items: center;
}
.summaryItem_RMrht .contentBox_Bz3fL .participantsRow_T4AJe .chengyuanguanliIcon_NNjO7 {
  display: flex;
  padding: 5px;
  border-radius: 12px;
  background-color: #f5f6f6;
  cursor: pointer;
}
.summaryItem_RMrht .contentBox_Bz3fL .participantsRow_T4AJe .chengyuanguanliIcon_NNjO7 svg {
  color: #2e73e5;
}
.summaryItem_RMrht .contentBox_Bz3fL .participantsRow_T4AJe .chengyuanguanliIcon_NNjO7:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
}
.summaryItem_RMrht .clearIcon_SIqnE {
  display: none;
  position: absolute;
  right: -7px;
  top: -7px;
  color: #91939c;
  cursor: pointer;
}
.summaryItem_RMrht.hasPermission_HOOy_:hover,
.summaryItem_RMrht.hasPermission_HOOy_.focusing_MPBad {
  border: 1px solid #5798f2;
}
.summaryItem_RMrht.hasPermission_HOOy_:hover .clearIcon_SIqnE,
.summaryItem_RMrht.hasPermission_HOOy_.focusing_MPBad .clearIcon_SIqnE {
  display: block;
}
.summaryItem_RMrht:first-child {
  margin-top: 6px;
}
.noface_uQwhL {
  position: absolute;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-self: center;
  z-index: 1;
}
.noface_uQwhL img {
  width: 100%;
}
.noface_uQwhL .miniTip_MNDA9 {
  position: absolute;
  top: -50px;
  right: 5px;
  white-space: nowrap;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: default;
  padding: 10px 12px;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.noface_uQwhL .miniTip_MNDA9 .text_gPuA7 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.noface_uQwhL .miniTip_MNDA9 .guanbi_MXhah {
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
}
.noface_uQwhL .miniTip_MNDA9 .triangle_m4H2r {
  position: absolute;
  right: 10px;
  rotate: 180deg;
  top: 100%;
  transform: translateY(10px);
  color: #4181ff;
}
.noface_uQwhL.unclickable_xFsGY {
  pointer-events: none;
}
.summaryPageBox_fjrR5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  visibility: hidden;
  border-radius: 4px;
  overflow: hidden;
  max-width: 340px;
}
.summaryPageBox_fjrR5 .innerContainer_G79na {
  position: absolute;
  top: 72px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  border-radius: 8px 8px 0px 0px;
  transform: translateY(100%);
  background-image: url(../assets/c956ffeb853eee1fcb3a.png);
}
.summaryPageBox_fjrR5 .innerContainer_G79na .header_fxUtd {
  padding: 12px 8px 10px 16px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .header_fxUtd .title_mI7TC {
  font-size: 16px;
  font-weight: 600;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .header_fxUtd .bar_hR9JX {
  width: 47px;
  height: 6px;
  position: absolute;
  top: 34px;
  background: linear-gradient(90deg, rgba(234, 98, 243, 0.3) 0%, rgba(61, 137, 240, 0.3) 50.5%, rgba(21, 224, 230, 0.3) 100%);
}
.summaryPageBox_fjrR5 .innerContainer_G79na .header_fxUtd .close_J_NdH {
  padding: 4px;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .header_fxUtd .close_J_NdH:hover {
  background: rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .summaryBody_tOmV6 {
  overflow: auto;
  padding: 0px 12px;
  flex: 1;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .summaryBody_tOmV6 .doingRow_bvDnS {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.1) 14.04%, rgba(38, 112, 255, 0.1) 81.47%, rgba(50, 125, 255, 0.1) 94.95%);
}
.summaryPageBox_fjrR5 .innerContainer_G79na .summaryBody_tOmV6 .doingRow_bvDnS .text_gPuA7 {
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .summaryBody_tOmV6 .doingRow_bvDnS img {
  width: 43px;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .summaryBody_tOmV6 .plusRow_xCybH {
  display: flex;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .footer_RfzCJ {
  padding: 12px 16px 16px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .footer_RfzCJ .action_w678r {
  display: flex;
  padding: 5px var(--Size-Space-Default, 16px);
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #f5f6f6;
  cursor: pointer;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .footer_RfzCJ .action_w678r.disable_DNMsJ {
  pointer-events: none;
  color: #c2c3c8;
}
.summaryPageBox_fjrR5 .innerContainer_G79na .footer_RfzCJ .action_w678r:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), var(--Neutral-colorBg-Elevated, #f5f6f6);
}
.showSummaryPage_A81sY {
  visibility: visible;
}
.showSummaryPage_A81sY .innerContainer_G79na {
  animation: slide-up_sjnGl 0.3s ease-out forwards;
}
.memberPanelBox_RwbvL {
  width: 292px;
  position: fixed;
  z-index: 1000;
  left: 107px;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  visibility: hidden;
}
.visible_re93x {
  visibility: visible;
}
.none_dlo3_ {
  display: none;
}
.forbidAdd_LrQvR {
  cursor: no-drop;
  color: #c2c3c8;
}
.forbidAdd_LrQvR:hover {
  background-color: unset;
}
.nocontent_XTFrc {
  text-align: center;
  margin-top: 200px;
}
.nocontent_XTFrc > img {
  width: 108px;
  margin-bottom: 8px;
}
.nocontent_XTFrc .wording_qO40p {
  color: #424445;
  font-size: 14px;
}
@keyframes slide-up_sjnGl {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.summaryError_pSL4Z {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.markdownBlock_KzePR {
  width: 100%;
}
.markdownBlock_KzePR h1 {
  color: #202022;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 16px;
}
.markdownBlock_KzePR h2 {
  color: #202022;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 8px;
}
.markdownBlock_KzePR h3 {
  color: #202022;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 8px;
}
.markdownBlock_KzePR ul {
  padding-inline-start: 0;
  margin-top: 4px;
  list-style-position: inside;
}
.markdownBlock_KzePR ul > li {
  list-style-type: '- ';
  color: #606266;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0px;
  font-weight: 400;
}
.markdownBlock_KzePR ul > li:last-child {
  margin-bottom: 0px;
}
.markdownBlock_KzePR ol {
  padding-inline-start: 0;
  list-style-position: inside;
  margin-top: 8px;
  margin-bottom: 8px;
}
.markdownBlock_KzePR ol:last-child {
  margin-bottom: 0px;
}
.markdownBlock_KzePR ol > li {
  list-style-type: decimal;
  margin-bottom: 8px;
  color: #202022;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.markdownBlock_KzePR ol > li:last-child {
  margin-bottom: 0px;
}

.doingRow_BhZfF {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.1) 14.04%, rgba(38, 112, 255, 0.1) 81.47%, rgba(50, 125, 255, 0.1) 94.95%);
}
.doingRow_BhZfF .text_W0S4E {
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 22px;
}
.doingRow_BhZfF img {
  width: 43px;
}

.bgImgCtrlModal_YuQWs .content_nDf9d {
  display: flex;
  height: 100%;
}
.bgImgCtrlModal_YuQWs .content_nDf9d .settingMenu_tzQ_2 {
  border-right: 1px solid rgba(5, 5, 5, 0.06);
  width: 200px;
  height: 100%;
  background-color: #f2f4f7;
}
.bgImgCtrlModal_YuQWs .content_nDf9d .settingMenu_tzQ_2 .ant-menu-light,
.bgImgCtrlModal_YuQWs .content_nDf9d .settingMenu_tzQ_2 .ant-menu-light > .ant-menu {
  background: #f2f4f7;
}
.bgImgCtrlModal_YuQWs .content_nDf9d .settingContent_QJ957 {
  padding-inline: 20px;
}
.bgImgCtrlModal_YuQWs .content_nDf9d .settingContent_QJ957 .title_pTtu4 {
  padding-block: 24px;
  font-size: 20px;
  font-weight: 600;
}
.bgImgCtrlModal_YuQWs .content_nDf9d .settingContent_QJ957 .settingTitle_bTi5Y {
  font-weight: 500;
  margin-bottom: 14px;
}

.nullUploadCover_cd1w0 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 256px;
  height: 144px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  text-align: center;
  background: rgba(0, 0, 0, 0.02);
}
.nullUploadCoverInner_K1Nyc {
  padding-top: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.uploadPicture_ZnTbM {
  display: flex;
  user-select: none;
  align-items: flex-end;
}
.uploadPicture_ZnTbM .ant-btn-link {
  height: fit-content;
  padding: 0px;
}
.uploadPicture_ZnTbM .imgContent_ay6hw {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  height: 144px;
}
.uploadPictureHelp_qaS2W {
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  user-select: none;
}
.helpInfo_qUxuf {
  display: flex;
  flex-direction: column;
  width: 256px;
  height: 144px;
  background: #d8ebff;
  border-radius: var(--CornerRadius-XS, 2px);
}
.helpInfo_qUxuf .header_IFSbW {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 256px;
  height: 31px;
  color: #0168ff;
  font-weight: 500;
  font-size: 9px;
  font-style: normal;
  line-height: normal;
  text-align: center;
  background: rgba(1, 104, 255, 0.2);
  border-bottom: 0.5px dashed #0168ff;
}
.helpInfo_qUxuf .showContent_WOjje {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 113px;
}
.btn_a6w7T {
  margin-right: 12px;
  margin-left: 12px;
  color: #1677ff;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}
.HelpInfoContentIcon__oBIX {
  width: 50px;
  height: 50px;
}
.contentIcon_jhNfN svg {
  width: 50px;
  height: 50px;
}
.tips_I0pVh {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  justify-content: center;
}
.iconUploadPlus_TOJyT {
  width: 16px;
  height: 16px;
  margin-bottom: 8px;
}

.windowsContainerRoot_MQ_pR {
  position: absolute;
  left: 0;
  right: 0;
  width: 0px;
  height: 0px;
  z-index: 10;
}
.windowWrapper_LcQ5d {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.25);
}

.flex-center_A8a7I {
  display: flex;
  justify-content: center;
  align-items: center;
}
.teachingContainerRoot_Fp2Ww {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 8px;
  z-index: 10;
  background: #e0e6ee;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.teachingContainerRoot_Fp2Ww .mainView_mukot {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  width: 100%;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}
.teachingContainerRoot_Fp2Ww .mainView_mukot .ctrls_uALIw {
  bottom: 68px;
}
.teachingContainerRoot_Fp2Ww .mainView_mukot .headerLabel__A7vd {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 8px;
  border-bottom: 1px solid #d0d5dd;
  background: #ebeef5;
  font-size: 14px;
  font-weight: 500;
  color: black;
  flex-shrink: 0;
  gap: 6px;
}
.teachingContainerRoot_Fp2Ww .mainView_mukot .main_mEjiV {
  flex: 1 1;
  position: relative;
  overflow: hidden;
}
.teachingContainerRoot_Fp2Ww .mainView_mukot .rtcStatusBtn_HNBAt {
  position: relative;
  z-index: 20;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ {
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d0d5dd;
  padding: 8px 12px;
  background: #ebeef5;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .headerLabel__A7vd {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  text-wrap: nowrap;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .headerLabel__A7vd .userIcon_bdjf5 {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .paginationWrapper_p25TC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .paginationWrapper_p25TC .paginationIconWrapper_qIfD4 {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .paginationWrapper_p25TC .paginationIconWrapper_qIfD4 .paginationIcon_lCyh7 {
  height: 12px;
  width: 8px;
  color: #606266;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .paginationWrapper_p25TC .iconDisabled_tUwat {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .paginationWrapper_p25TC .paginationLabelWrapper_Rkk9W {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  color: #202022;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .headerWrapper_fPICl .paginationWrapper_p25TC .paginationLabelWrapper_Rkk9W .totalPageLabel_BfXOu {
  color: #606266;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .list_covQe {
  flex: 1 1;
  padding: 8px;
  overflow: hidden;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .list_covQe .blkList_vE5s2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.teachingContainerRoot_Fp2Ww .listView_B9wk_ .list_covQe .blkList_vE5s2 .block_HaOFy {
  width: 100%;
  aspect-ratio: 1.77777778;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  overflow: hidden;
}
.placeholderBlock_vmCOM {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), url(../assets/cc915a3260a85cac4ee3.webp) lightgray 50% / cover no-repeat;
  position: relative;
  width: 100%;
  height: 100%;
}
.placeholderBlock_vmCOM * {
  user-select: none;
}
.placeholderBlock_vmCOM .label__VSwK {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  padding: 4px;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(242, 245, 247, 0.9);
  font-size: 12px;
  height: 20px;
  align-items: center;
}
.placeholderBlock_vmCOM .label__VSwK span {
  /** 部分浏览器会有 12px 最小字体的限制，这边通过 transform 来进行缩放 */
  transform: scale(0.8);
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.placeholderBlock_vmCOM .text_I_LRI {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
  font-weight: 500;
}
.placeholderBlock_vmCOM .text_I_LRI.isMain_lEP6N {
  font-size: 24px;
}
.ctrls_uALIw {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: row;
  height: 50px;
  padding: 8px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(9, 9, 9, 0.85);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}
.ctrls_uALIw .iconCon_W0eDo {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ctrls_uALIw .iconCon_W0eDo > svg {
  color: white;
  width: 22px;
  height: 22px;
}
.do-hovers .paginationIconWrapper_qIfD4:hover {
  cursor: pointer;
  background: #e0e6ee;
}
.do-hovers .toolItem_d1yfH:hover {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}
.singleSpeaker_Np0Uf {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  user-select: none;
  background-color: black;
}
.streamContainer_1McFM {
  position: relative;
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  max-height: 100%;
}
.streamContainer_1McFM .toolBar_OMZe4 {
  display: none;
  border-radius: 7.5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(9, 9, 9, 0.85);
  padding: 8px 8px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  color: white;
  transform: translate(-50%, 0);
  gap: 12px;
}
.streamContainer_1McFM .toolBar_OMZe4.toolBarUp_RFYBd {
  bottom: 72px;
}
.streamContainer_1McFM:hover .toolBar_OMZe4 {
  display: flex;
}
.bothStream_L0YD9 {
  flex: 1;
}
.popWin_Q7CVO {
  position: absolute;
  width: 432px;
  height: 243px;
  z-index: 2;
  transform-origin: top right;
  right: 20px;
  top: 20px;
}
.popWin_Q7CVO .hideBtn_rloRm {
  position: absolute;
  right: 12px;
  top: 12px;
  visibility: visible;
  border-radius: 6px;
  border: 1.5px solid rgba(242, 244, 247, 0.1);
  background: rgba(32, 32, 34, 0.9);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: white;
}
.do-hovers .hideBtn_rloRm:hover {
  background: rgba(32, 32, 34, 0.65);
}
.do-hovers .iconCon_W0eDo:hover {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}
.toolItem_d1yfH {
  width: 32px;
  height: 32px;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.toolItem_d1yfH svg {
  width: 24px;
  height: 24px;
  color: white;
}
.fullScreen_IQ1Es {
  height: 100%;
}
.canvasContainer_idS81 {
  position: absolute;
  top: 0;
  left: 0;
}
.canvasContainer_idS81 iframe {
  position: absolute;
  pointer-events: none;
  border: none;
}

.playerRoot_ShP4W {
  width: 100%;
  height: 100%;
  position: relative;
}
.playerRoot_ShP4W .label_MXaKC {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  padding: 4px;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(242, 245, 247, 0.9);
  font-size: 12px;
  height: 20px;
  align-items: center;
}
.playerRoot_ShP4W .label_MXaKC span {
  /** 部分浏览器会有 12px 最小字体的限制，这边通过 transform 来进行缩放 */
  transform: scale(0.8);
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.playerRoot_ShP4W .playerDom_IaUub {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvasContainer_n0iZR {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.canvasContainer_n0iZR iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.screenContainer_lOS6l {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.screenContainer_lOS6l .watchTip_TRD9K {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  z-index: 1;
  padding: 6px 12px;
  box-sizing: border-box;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.screenContainer_lOS6l .watchTip_TRD9K .watchIcon_h4cB6 {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: bottom;
}
.hidden_SkLrn {
  display: none;
}

.commentSpace_g0E1h {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 8px;
  z-index: 10;
  display: flex;
  flex-direction: row;
  gap: 8px;
  background: #e0e6ee;
}
.commentContent_ZtJQ7 {
  border-radius: 10px;
  background: #f2f4f7;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.title_Iu_8r {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  border-radius: 6px;
  padding: 4px 8px 4px 0;
}
.do-hovers .global-allow .title_Iu_8r {
  cursor: pointer;
}
.do-hovers .global-allow .title_Iu_8r:hover {
  background: var(--Neutral-colorFill-Secondary);
}
.delete_MYZyA {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.do-hovers .delete_MYZyA {
  cursor: pointer;
}
.do-hovers .delete_MYZyA:hover {
  background-color: var(--Neutral-colorFill-Quaternary);
}
.comment-del-modal .ant-btn-primary {
  background-color: #ff4d4f !important;
}

.commentHeader_CCKwH {
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  z-index: 1;
}
.commentHeader_CCKwH .headerLabel_ji_Dc {
  color: var(--Neutral-colorText-Primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.commentHeader_CCKwH .headerLabel_ji_Dc .rtcStatusBtn_t_P3V {
  margin-right: 6px;
}
.commentHeader_CCKwH .close_ZoudX {
  color: var(--Neutral-colorText-Primary);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
}
.do-hovers .commentHeader_CCKwH .close_ZoudX:hover {
  background: var(--Neutral-colorFill-Secondary);
}

.commentScrollList_Jra6C {
  flex: 1;
  overflow: hidden;
}
.global-allow .commentScrollList_Jra6C {
  overflow: auto;
}
.contentWrapper_qR1VN {
  display: flex;
  flex-wrap: wrap;
}

.commentCard_W1Dn_ {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.commentCard_W1Dn_ * {
  user-select: none;
}
.commentCard_W1Dn_ .body_glf8P {
  flex: 1;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.commentCard_W1Dn_ .body_glf8P.withFooter_QtZEd {
  padding: 20px 16px 0 16px;
}
.commentCard_W1Dn_ .header_jbtlJ {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.commentCard_W1Dn_ .header_jbtlJ .ant-avatar {
  width: 28px;
  height: 28px;
}
.commentCard_W1Dn_ .header_jbtlJ .wrap_ToQ4U {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-left: 8px;
  gap: 8px;
}
.commentCard_W1Dn_ .header_jbtlJ .name_aDDRu {
  overflow: hidden;
  color: var(--Neutral-colorText-Primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.commentCard_W1Dn_ .header_jbtlJ .subTitle_jXcEo {
  color: #616371;
  font-size: 12px;
  font-weight: 400;
  flex-shrink: 0;
}
.commentCard_W1Dn_ .header_jbtlJ .headerExtra_LBWuI {
  margin-left: 16px;
}
.commentCard_W1Dn_ .header_jbtlJ .headerExtra_LBWuI span {
  overflow: hidden;
  color: var(--Neutral-colorText-Secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.commentCard_W1Dn_ .content_shEz4 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-break: break-all;
}
.commentCard_W1Dn_ .content_shEz4 .images_ya1eK {
  display: flex;
  gap: 4px;
}
.commentCard_W1Dn_ .content_shEz4 .images_ya1eK .ant-image {
  aspect-ratio: 1.77777778;
  border: 1px solid var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.commentCard_W1Dn_ .content_shEz4 .images_ya1eK .ant-image img {
  object-fit: contain;
}
.commentCard_W1Dn_ .content_shEz4 .record_qv19i {
  display: flex;
  align-items: center;
  padding: 5px 7px;
  font-size: 14px;
  z-index: 1;
  position: absolute;
  color: #909399;
}
.commentCard_W1Dn_ .content_shEz4 .record_qv19i svg {
  margin-right: 7px;
  font-size: 20px;
}
.commentCard_W1Dn_ .content_shEz4 .text_xijpa {
  flex: 1;
  overflow: hidden;
}
.commentCard_W1Dn_ .footer_cXvtq {
  margin-top: 12px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-top: 1px solid var(--Neutral-colorFill-Quaternary);
  font-size: 14px;
}
.commentCard_W1Dn_ .footer_cXvtq .textSpan_dEwJB {
  color: #0168ff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.commentCard_W1Dn_ .footer_cXvtq.danger_SOU3c .textSpan_dEwJB {
  color: var(--Functional-colorError-Default, #fe5250);
}
.do-hovers .global-allow .commentCard_W1Dn_ .footer_cXvtq {
  cursor: pointer;
}
.do-hovers .global-allow .commentCard_W1Dn_ .footer_cXvtq .textSpan_dEwJB:hover {
  background: var(--Neutral-colorFill-Quaternary, #f2f4f7);
}
.do-hovers .global-allow .commentCard_W1Dn_ .footer_cXvtq .textSpan_dEwJB:active {
  background: var(--Neutral-colorFill-Tertiary, #ebeef5);
}
.do-hovers .global-allow .commentCard_W1Dn_ .footer_cXvtq.danger_SOU3c .textSpan_dEwJB:hover {
  background: var(--Functional-colorError-Bg, #fff3f0);
}
.do-hovers .global-allow .commentCard_W1Dn_ .footer_cXvtq.danger_SOU3c .textSpan_dEwJB:active {
  background: var(--Functional-colorError-BgHover, #ffd6d6);
}
.disablePreviewClose_UDls0.ant-image-preview-operations-wrapper .ant-image-preview-operations-operation-close {
  display: none;
}

.groupCommentCard_g6way {
  position: relative;
  width: 100%;
  height: 100%;
}
.groupCommentCard_g6way .mainCard_koiW6 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 420px;
  height: 354px;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0px 2px 12px 0px rgba(5, 34, 85, 0.1);
}
.groupCommentCard_g6way .backgroundCard_cLlc_ {
  position: absolute;
  right: 0;
  top: 0;
  width: 420px;
  height: 354px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 2px 12px 0px rgba(5, 34, 85, 0.1);
}
.do-hovers .global-allow .groupCommentCard_g6way .mainCard_koiW6 {
  cursor: pointer;
}
.do-hovers .global-allow .groupCommentCard_g6way .backgroundCard_cLlc_ {
  cursor: pointer;
}
.do-hovers .global-allow .groupCommentCard_g6way:hover .mainCard_koiW6 {
  box-shadow: 0px 12px 20px 0px rgba(5, 34, 85, 0.15);
}
.do-hovers .global-allow .groupCommentCard_g6way:hover .backgroundCard_cLlc_ {
  box-shadow: 8px 0px 20px 0px rgba(5, 34, 85, 0.25);
}
.singleCard_UZL2d {
  box-shadow: 0px 6px 20px 0px rgba(5, 34, 85, 0.1);
}
.do-hovers .global-allow .singleCard_UZL2d {
  cursor: pointer;
}
.do-hovers .global-allow .singleCard_UZL2d:hover {
  box-shadow: 8px 12px 20px 0px #05225526;
}
.previewCard_yvC2f {
  z-index: 1;
}

.skeletonCard_wzFsJ {
  width: 100%;
  height: 100%;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.skeletonCard_wzFsJ .ant-skeleton.ant-skeleton-element .ant-skeleton-button {
  height: 74px;
  line-height: 74px;
}
.skeletonCard_wzFsJ .body_Jcb8M {
  flex: 1;
}
.skeletonCard_wzFsJ .body_Jcb8M .ant-skeleton.ant-skeleton-element .ant-skeleton-button {
  height: 100%;
  line-height: 100%;
}

.commentContainer_Qwj0q {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.commentContainer_Qwj0q .mask_s8Irq {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.imageContainer_FZ70z {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.imageContainer_FZ70z .mask_QwaRV {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}
.imageContainer_FZ70z .imageBox__nC4X {
  width: 1280px;
  height: 720px;
  flex-shrink: 0;
}
.imageContainer_FZ70z .operateBox__xBsm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 4px;
  color: #fff;
  margin-top: 8px;
  position: relative;
  z-index: 1;
  font-size: 14px;
}
.imageContainer_FZ70z .operateBox__xBsm .text_fZf3L {
  width: 50px;
  text-align: center;
  user-select: none;
}
.imageContainer_FZ70z .operateBox__xBsm .icon_q8Olc {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.imageContainer_FZ70z .closeBox_RWSeb {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  color: #fff;
  z-index: 2;
  font-size: 24px;
}
.do-hovers .closeBox_RWSeb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.filter_AmvUf {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.filter_AmvUf .select_tXeV3 .ant-select-selector {
  height: 100% !important;
  font-size: 1em;
}
.filter_AmvUf .select_tXeV3 .ant-select-selection-item {
  display: flex;
  align-items: center;
  font-size: 1em;
}
.filter_AmvUf .select_tXeV3 .ant-input-search-button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter_AmvUf .select_tXeV3 .ant-input-wrapper {
  height: 100%;
  font-size: 1em;
}
.filter_AmvUf .select_tXeV3 .ant-input-wrapper .ant-input-affix-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  font-size: 1em;
}
.filter_AmvUf .select_tXeV3 .ant-input {
  line-height: normal;
}

.btnWidgets_nAp6q {
  pointer-events: auto;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.65);
}
.btnWidgets_nAp6q svg {
  color: white;
  font-size: 24px;
}
.btnWidgets_nAp6q:active svg {
  color: #ffffffa6;
}
.hide_MM4c_ {
  display: none;
}
.widgetLayerRoot_NMHZ_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.networkBtn_e9piI {
  position: absolute;
  top: 6px;
  left: 6px;
  /** 网络状态统计的 zIndex 需要是一个比较高的值 */
  z-index: 1000;
  pointer-events: auto !important;
}

.container_LKsLP {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding-bottom: calc(52px + env(safe-area-inset-bottom));
  background-color: #fff;
}
.iframeBox_FT1Jm {
  width: 100%;
  height: 100%;
}
.btnBox_veS8A {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8px 16px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  background-color: #fff;
}
.btnBox_veS8A .btn_YxcVr {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #0168ff;
  border-radius: 6px;
}
.commentBtn_qW3bE {
  padding: 0px 6px !important;
  color: var(--Functional-colorPrimary-Default, #1677ff);
  font-size: 14px;
  height: 22px !important;
  align-items: center;
  display: flex !important;
  gap: 2px;
}

.drawer_ezPKN.ant-drawer {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 8px;
}
.drawer_ezPKN.ant-drawer .ant-drawer-content-wrapper {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
}
.drawer_ezPKN.ant-drawer .ant-drawer-content {
  border-radius: 4px;
}
.drawer_ezPKN.ant-drawer .ant-drawer-body {
  padding: 0;
  background: #f5f6f6;
}
.commentDrawer_rItER {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.commentDrawer_rItER .header_TOYiW {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background-color: #fff;
  color: #202022;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
}
.commentDrawer_rItER .header_TOYiW svg:hover {
  color: var(--sdk-active);
}
.commentDrawer_rItER .header_TOYiW svg {
  font-size: 24px;
  cursor: pointer;
}

.userBox_rtpgw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.userBox_rtpgw .userName_RxClh {
  display: flex;
  align-items: center;
  gap: 8px;
}
.userBox_rtpgw .userName_RxClh .name_hlI3P {
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.userBox_rtpgw .userName_RxClh .avatar_o0E2f {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.modalContainer_laM1r {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.modalContainer_laM1r .modalMask_pIO2l {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modalContainer_laM1r .content_L6gWd {
  position: absolute;
  background-color: #f5f6f6;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.modalContainer_laM1r .content_L6gWd .btnBox_lAXFw {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modalContainer_laM1r .content_L6gWd .btnBox_lAXFw .btn_MTGqo {
  height: 56px;
  width: 100%;
  text-align: center;
  line-height: 56px;
  background-color: #fff;
  color: #202022;
}
.modalContainer_laM1r .content_L6gWd .btnBox_lAXFw .btn_MTGqo .danger_t5SLU {
  color: #fe5250;
}

.pendingCover_IctdD {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.pendingCover_IctdD .playIcon_Uacp7 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pendingCover_IctdD .playIcon_Uacp7.medium_exEuC {
  width: 70px;
  height: 70px;
}
.pendingCover_IctdD .playIcon_Uacp7.small_Dn4f1 {
  width: 48px;
  height: 48px;
}
.pendingCover_IctdD .playIcon_Uacp7 > svg {
  color: white;
  width: 46%;
  height: 46%;
}
.pendingCover_IctdD.hideCover_oCXi9 {
  opacity: 0;
  touch-action: none;
  pointer-events: none;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_l6YMp {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_MOAWz {
  visibility: hidden;
  opacity: 0;
  animation: show_l6YMp 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_iNAXV {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_iNAXV.active_cZdCJ {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_iNAXV.disabled_plhS6 {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.root_o1fWH {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #363944;
  opacity: 1;
  overflow: hidden;
}
.root_o1fWH.hide_cRsji {
  opacity: 0;
}
.root_o1fWH.small_eW7rv {
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  overflow: hidden;
}
.root_o1fWH.small_eW7rv.phone_pELSw {
  border-radius: 4px;
}
.root_o1fWH * {
  user-select: none;
}
.root_o1fWH .avatar_lV5Nf {
  width: 18%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.root_o1fWH .placeHolderAvatar_bduwe {
  background-color: #36bccb;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.root_o1fWH .backgroundPicture_IbvGg {
  width: 100%;
  height: 100%;
}
.root_o1fWH .backgroundImg_RfhGH {
  width: 100%;
  height: 100%;
}
.root_o1fWH .labelArea_erBya {
  position: absolute;
  border-radius: 6px;
  bottom: 12px;
  left: 12px;
  border: 1px solid rgba(32, 32, 34, 0.1);
  background-color: rgba(32, 32, 34, 0.9);
  padding: 0 4px;
  line-height: 18px;
  height: 18px;
  color: rgba(255, 255, 255, 0.88);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  transform: translateZ(0);
}
.root_o1fWH .labelArea_erBya.phoneMode_uxTIM {
  left: 6px;
  bottom: 6px;
  font-size: 10px;
}
.root_o1fWH .labelArea_erBya.phoneMode_uxTIM svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}
.root_o1fWH .labelArea_erBya svg {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.root_o1fWH .videoCon_vf6QS {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.root_o1fWH .opsWrapper_Iph6g {
  position: absolute;
  height: 32px;
  bottom: 12px;
  right: 56px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.root_o1fWH .opsWrapper_Iph6g.single_h8y3h {
  right: 12px;
}
.root_o1fWH .opsWrapper_Iph6g.offsetRight_1_alNGW {
  right: calc(12px + 1 * 44px);
}
.root_o1fWH .opsWrapper_Iph6g.offsetRight_2_zPPBc {
  right: calc(12px + 2 * 44px);
}
.root_o1fWH .opsWrapper_Iph6g.offsetRight_3_EpunY {
  right: calc(12px + 3 * 44px);
}
.root_o1fWH .opsWrapper_Iph6g.offsetRight_4_qbbUB {
  right: calc(12px + 4 * 44px);
}
.root_o1fWH .phoneOpsWrapper_B53XW {
  right: 58px;
  bottom: 6px;
  width: 40px;
  height: 40px;
  position: absolute;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.root_o1fWH .phoneOpsWrapper_B53XW > svg {
  width: 70%;
  height: 70%;
  color: white;
  align-self: center;
}
.root_o1fWH .phoneOpsWrapper_B53XW.small_eW7rv {
  width: 28px;
  height: 28px;
  right: 38px;
}
.root_o1fWH .mirror_Qj27x {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(32, 32, 34, 0.9);
  cursor: pointer;
}
.root_o1fWH .mirror_Qj27x:hover {
  background: rgba(32, 32, 34, 0.65);
}
.root_o1fWH .mirror_Qj27x.small_eW7rv {
  width: 28px;
  height: 28px;
}
.root_o1fWH .mirror_Qj27x svg {
  width: 100%;
  height: 100%;
  color: white;
}
.root_o1fWH .phoneMirror_IPXqa {
  right: 58px;
  bottom: 6px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: rgba(32, 32, 34, 0.9);
  display: flex;
  justify-content: center;
}
.root_o1fWH .phoneMirror_IPXqa.single_h8y3h {
  right: 58px;
}
.root_o1fWH .phoneMirror_IPXqa > svg {
  width: 70%;
  height: 70%;
  color: white;
  align-self: center;
}
.root_o1fWH .phoneMirror_IPXqa.small_eW7rv {
  width: 28px;
  height: 28px;
  right: 48px;
}
.root_o1fWH .offline_n74Ds {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
}
.transformZ0_LKTui {
  transform: translateZ(0);
}
.avatarImg_pyV_h {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  overflow: hidden;
}

.root_nX5a1 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.root_nX5a1 > svg {
  width: 22px;
  height: 22px;
  color: white;
}

.loadingGif_g_2O1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
}
.notSupport_G9gT1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notSupport_G9gT1 > span {
  width: 80%;
  text-align: center;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_EkPtq {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_pOFHR {
  visibility: hidden;
  opacity: 0;
  animation: show_EkPtq 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_Bug6e {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_Bug6e.active_UhGGs {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_Bug6e.disabled_AKnU2 {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.root_gYTGk {
  width: 100%;
  height: 100%;
  background-color: #232632;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.root_gYTGk * {
  box-sizing: border-box;
}
.root_gYTGk .dragRoot_LOYoV {
  position: absolute;
}
.root_gYTGk .dragRoot_LOYoV * {
  user-select: none;
  -webkit-user-select: none;
}
.root_gYTGk .dragRoot_LOYoV.top__50a1 {
  z-index: 10;
}
.loadingGif_hTm3H {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}
.blkActions_YlRBx {
  position: absolute;
  display: flex;
  flex-direction: row;
  bottom: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
  cursor: pointer;
}
.blkActions_YlRBx.topRight_gC4kr {
  top: 12px;
  bottom: unset;
  transform: rotate(0);
  display: flex;
  justify-content: center;
  align-items: center;
}
.blkActions_YlRBx.topRight_gC4kr > svg {
  width: 16px;
  height: 16px;
  transition: transform 0.1s;
}
.blkActions_YlRBx.small_JL8AJ {
  width: 28px;
  height: 28px;
  border: 1.27px solid rgba(242, 244, 247, 0.1);
}
.blkActions_YlRBx:hover {
  background: rgba(32, 32, 34, 0.65);
}
.blkActions_YlRBx > svg {
  width: 100%;
  height: 100%;
  color: white;
}
.blkActions_YlRBx.offsetRight_1_ixMNb {
  right: calc(12px + 1 * 44px);
}
.blkActions_YlRBx.offsetRight_2_dKer6 {
  right: calc(12px + 2 * 44px);
}
.transformZ0_R6ziM {
  transform: translateZ(0);
}
.rotate_jEFEe svg {
  transform: rotate(180deg);
}
.hide_h4EFe {
  display: none !important;
}
.hoverTip_HhdR2 {
  border-radius: 6px;
}
.hoverTip_HhdR2 * {
  font-size: 14px !important;
}

.icon_Fr8Wf {
  background-color: rgba(32, 32, 34, 0.9);
  display: flex;
  border-radius: 50%;
  justify-content: center;
  position: absolute;
}
.icon_Fr8Wf svg {
  align-self: center;
  color: white;
}
.icon_Fr8Wf.botRight_Y335P {
  width: 40px;
  height: 40px;
  bottom: 6px;
  right: 6px;
  border: 1.5px solid rgba(242, 244, 247, 0.1);
}
.icon_Fr8Wf.botRight_Y335P svg {
  width: 70%;
  height: 70%;
}
.icon_Fr8Wf.botRight_Y335P.small_SZlLT {
  width: 28px;
  height: 28px;
  border: 1.4px solid rgba(242, 244, 247, 0.1);
}
.icon_Fr8Wf.botRight_Y335P.small_SZlLT svg {
  width: 60%;
  height: 60%;
}
.icon_Fr8Wf.hideIcon_YHtgA {
  width: 28px;
  height: 28px;
  top: 4px;
  right: 4px;
  border: 1.5px solid rgba(242, 244, 247, 0.1);
}
.icon_Fr8Wf.hideIcon_YHtgA svg {
  color: white;
  width: 16px;
  height: 16px;
  transition: transform 0.2s;
  transform: rotate(0);
}
.icon_Fr8Wf.hideIcon_YHtgA.rotate_j11zR svg {
  transform: rotate(180deg);
}
.dragRoot_PiBve {
  position: absolute;
}
.dragRoot_PiBve * {
  user-select: none;
  -webkit-user-select: none;
}
.dragRoot_PiBve.top_NFNhV {
  z-index: 10;
}
.dragRoot_PiBve.top_NFNhV.top_NFNhV {
  z-index: 10;
}
.loadingGif_WzByn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
}
.transformZ0_vb5hu {
  transform: translateZ(0);
}
.hide_d0qlj {
  display: none !important;
}

.iconBtnCon_eVZWS {
  right: 6px;
  bottom: 6px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(32, 32, 34, 0.9);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transform: translateZ(0);
}
.iconBtnCon_eVZWS > svg {
  width: 70%;
  height: 70%;
  color: white;
}

.videoDom__ApRA {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  touch-action: none !important;
  pointer-events: none !important;
}
.videoHide_LX27M {
  opacity: 0;
}

.recording__UHLn {
  position: relative;
  overflow: hidden;
  background-color: rgba(32, 32, 34, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.recording__UHLn .empty_k2dVe {
  height: 100%;
  z-index: 999;
  width: 100%;
  background-color: #363944;
  color: rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}
.recording__UHLn .video_vz5bQ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recording__UHLn .label_HDiHx {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 4px;
  color: rgba(255, 255, 255, 0.88);
  border-radius: 6px;
  font-size: 12px;
  z-index: 100;
}
.recording__UHLn .pendingCover_RfnA8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.recording__UHLn .pendingCover_RfnA8 .playIcon_nmYyu {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.recording__UHLn .pendingCover_RfnA8 .playIcon_nmYyu.medium_eUun_ {
  width: 70px;
  height: 70px;
}
.recording__UHLn .pendingCover_RfnA8 .playIcon_nmYyu.small_fDUFK {
  width: 48px;
  height: 48px;
}
.recording__UHLn .pendingCover_RfnA8 .playIcon_nmYyu > svg {
  color: white;
  width: 46%;
  height: 46%;
}
.recording__UHLn .pendingCover_RfnA8.hideCover_kOuhb {
  opacity: 0;
  touch-action: none;
  pointer-events: none;
}
.zIndex_UBoAE {
  z-index: 100;
}
.iconBtnCon_YZHY6 {
  right: 6px;
  bottom: 6px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(32, 32, 34, 0.9);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transform: translateZ(0);
}
.iconBtnCon_YZHY6 > svg {
  width: 70%;
  height: 70%;
  color: white;
}

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

.playbackList_MrDQp {
  width: 100%;
  padding: 16px 20px;
  font-size: 14px;
  background-color: #f2f4f7;
}
.playbackListPhone_FL2Zh {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  height: calc(100% - 360px);
  padding: 0 20px;
}
.playbackListPhone_FL2Zh .ant-tabs-content-holder {
  padding: 0 !important;
}

.seminarPlaybackTags_ebToy {
  display: flex;
  gap: 8px;
}
.seminarPlaybackTags_ebToy .playbackBtn_r1vop {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 28px;
  padding-inline: 8px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.88) !important;
}
.seminarPlaybackTags_ebToy .playbackBtnBlock_Dj2tj {
  border: 1px solid #4096ff !important;
  background: #e6f4ff;
  color: #1677ff !important;
}
.seminarPlaybackTags_ebToy .playbackBtn_r1vop span {
  color: rgba(0, 0, 0, 0.88) !important;
}
.seminarPlaybackTags_ebToy .playbackBtnBlock_Dj2tj span {
  color: #1677ff !important;
}

.loginPage_Pnb38 {
  background-image: url(../assets/1e0c84d1b1503bc444eb.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginPage_Pnb38.phoneLoginPage_odi4z {
  background: none;
  display: block;
}
.loginPage_Pnb38.phoneLoginPage_odi4z .loginContainer_WnLJj {
  width: 100%;
  min-height: 550px;
  box-shadow: none;
  border-radius: 0;
}
.loginPage_Pnb38.phoneLoginPage_odi4z .loginContainer_WnLJj .backgroundImg_vS5Mk {
  background-image: url(../assets/a0f42415b1e0b2479c35.png);
}
.loginPage_Pnb38 .loginContainer_WnLJj {
  width: 400px;
  min-height: 550px;
  background-color: #fff;
  box-shadow: 0px 12px 70px 0px rgba(0, 71, 188, 0.05);
  border-radius: 16px;
  position: relative;
}
.loginPage_Pnb38 .loginContainer_WnLJj .backgroundImg_vS5Mk {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../assets/7b2131cd21a98fc992af.png);
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO {
  padding: 52px 32px 0 32px;
  position: relative;
  z-index: 2;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .ant-input:focus {
  box-shadow: none;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .ant-form-item-control-input-content > input {
  height: 40px;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .ant-input-affix-wrapper {
  height: 40px;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .ant-input-affix-wrapper-focused {
  box-shadow: none;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO button {
  height: 40px;
  width: 100%;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .ant-btn-primary:disabled {
  background-color: #bae0ff;
  border: none;
  color: #fff;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .backBtn_JjtkX {
  margin-top: 8px;
  margin-bottom: 20px;
  pointer-events: none;
  cursor: default;
}
.loginPage_Pnb38 .loginContainer_WnLJj .content_hKkEO .backBtn_JjtkX span {
  pointer-events: auto;
  cursor: pointer;
}
.loginPage_Pnb38 .loginContainer_WnLJj .header__DwaY .logo_u0Au2 img {
  width: 48px;
  height: 48px;
}
.loginPage_Pnb38 .loginContainer_WnLJj .header__DwaY .title_jMDDo {
  line-height: 32px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 24px;
  font-weight: 500;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.loginPage_Pnb38 .loginContainer_WnLJj .header__DwaY .subTitle_r7ufj {
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.loginPage_Pnb38 .loginTab_dvzek {
  margin-bottom: 24px;
}
.loginContent_vhFyq {
  margin-top: 40px;
}
.loginContent_vhFyq .visitor_panel_title_WGsSf {
  height: 22px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  margin-bottom: 24px;
  font-weight: 500;
}
.loginContent_vhFyq .thirdLogin_ekT92 .text_QGx_p {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.loginContent_vhFyq .thirdLogin_ekT92 .text_QGx_p::before,
.loginContent_vhFyq .thirdLogin_ekT92 .text_QGx_p::after {
  content: '';
  flex: 1;
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.loginContent_vhFyq .thirdLogin_ekT92 .text_QGx_p span {
  margin: 0 16px;
}
.loginContent_vhFyq .thirdLogin_ekT92 .types_fl842 {
  display: flex;
  justify-content: center;
}
.loginContent_vhFyq .thirdLogin_ekT92 .types_fl842 .icon_v7IWp {
  width: 36px;
  height: 36px;
  cursor: pointer;
  user-select: none;
}
.wxLogin_rxgjB .back_pSMqa {
  width: 80px;
  height: 32px;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
}
.wxLogin_rxgjB .back_pSMqa:hover {
  color: #1677ff;
}
.wxLogin_rxgjB .body_nXMec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wxLogin_rxgjB .body_nXMec .title_jMDDo {
  margin-bottom: 40px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
.wxLogin_rxgjB .body_nXMec .mask_rGxsI {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-size: 28px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wxLogin_rxgjB .body_nXMec .mask_rGxsI .uploadIcon_spFva {
  width: 40px;
  height: 40px;
}
.wxLogin_rxgjB .body_nXMec .qrCode_EQ896 {
  border-radius: 0 !important;
}
.wxLogin_rxgjB .body_nXMec .qrCode_EQ896 .ant-qrcode-mask {
  display: none;
}
.wxLogin_rxgjB .body_nXMec .qrCode_EQ896 canvas {
  height: 180px !important;
  width: 180px !important;
}
.wxLogin_rxgjB .body_nXMec .tip_xpN7i {
  display: flex;
  height: 24px;
  margin: 16px 0 36px;
  gap: 6px;
}
.wxLogin_rxgjB .body_nXMec .tip_xpN7i .icon_v7IWp {
  align-self: center;
  color: #00c785;
}
.wxLogin_rxgjB .body_nXMec .tip_xpN7i .text_QGx_p {
  align-self: flex-start;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
}
.privacyPolicy_GZIHP p {
  text-align: justify;
}
.agree_Q7wxB {
  margin: 20px 0 40px;
}
.agree_Q7wxB .agreeLabel_aTBhT {
  display: inline-block;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.agree_Q7wxB .agreeLabel_aTBhT .privacyPolicyBtn_TtC8g.ant-btn-link {
  color: #1777ff;
  border: none;
  cursor: pointer;
  width: auto;
  padding: 0;
  height: auto;
}

.wxLoginConfig_O8gsS {
  height: 100%;
  padding: 56px 20px 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../assets/a0f42415b1e0b2479c35.png);
}
.wxLoginConfig_O8gsS .title_NvWle {
  color: rgba(0, 0, 0, 0.88);
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.wxLoginConfig_O8gsS .diagram_trvdk {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 88px;
}
.wxLoginConfig_O8gsS .diagram_trvdk .picWeChat_LCEn5 {
  height: 60px;
  width: 60px;
  padding: 11px;
  border-radius: 13.804px;
  background: #3ecf5c;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.wxLoginConfig_O8gsS .diagram_trvdk .picWeChat_LCEn5 .icon_qpvtL {
  height: 38px;
  width: 38px;
  color: white;
}
.wxLoginConfig_O8gsS .diagram_trvdk .picArrow_YBXUz {
  width: 80px;
  height: 32px;
}
.wxLoginConfig_O8gsS .diagram_trvdk .picRongke_y3DXP {
  display: flex;
  justify-content: center;
  height: 60px;
  width: 60px;
  align-items: center;
  border-radius: 13.689px;
  background: white;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.wxLoginConfig_O8gsS .confirmBtn_u7tSf {
  margin-top: 268px;
  width: 100%;
}

.loading_KtQwZ {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loading_KtQwZ .loadingImg_qZHIM {
  width: 68px;
  height: 68px;
}
.loading_KtQwZ .errorImg_djlh3 {
  width: 165px;
  height: 140px;
  margin-bottom: 28px;
}
.loading_KtQwZ .text_sdVoy {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}
.loading_KtQwZ > div {
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  width: 60px;
  text-align: center;
}

.agreePromise_DeHm8 .ant-btn {
  border-radius: 8px;
}
.agreePromise_DeHm8 .footer_asQvz {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.agreePromise_DeHm8 .footer_asQvz .footerBtn_pbZKa {
  width: 190px;
  height: 44px;
}

.resetPassword_lJ_AG .head_UdiQk {
  position: relative;
  padding-top: 20px;
  padding-inline: 16px;
}
.resetPassword_lJ_AG .head_UdiQk .title_XgFk1 {
  font-weight: 600;
  font-size: 20px;
}
.resetPassword_lJ_AG .head_UdiQk .tip_RYd8F {
  color: #909399;
  font-weight: 400;
  font-size: 14px;
}
.resetPassword_lJ_AG .head_UdiQk .closeIcon_ypohK {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  color: #909399;
  cursor: pointer;
}
.resetPassword_lJ_AG .submitBtn_s15Au {
  width: 416px;
  margin: 16px;
  margin-bottom: 20px;
}
.resetPassword_lJ_AG .phoneSubmitBtn_EJckI {
  width: 304px;
  margin-bottom: 20px;
}
.resetPassword_lJ_AG .showIcon_pqygh {
  width: 20px;
  height: 20px;
}
.phoneResetPassword_JarGX.ant-modal .ant-modal-content {
  padding: 20px 16px;
}

.notExist_VAxgu {
  height: 30%;
  min-height: 300px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
.notExist_VAxgu .description_LOM83 {
  line-height: 45.71px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 28.57px;
  margin-top: 34px;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_V4rt9 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_Z0CWi {
  visibility: hidden;
  opacity: 0;
  animation: show_V4rt9 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_BXfrE {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_BXfrE.active_FYgKH {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_BXfrE.disabled_l0X9h {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.boardPanel_o2rrc {
  width: 100%;
  height: 100%;
  position: relative;
}
.boardPanel_o2rrc .ant-btn {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 4px;
}
.boardPanel_o2rrc .ant-btn:focus-visible {
  outline: none;
}
.boardPanel_o2rrc .ant-btn-primary {
  background: var(--sdk-active);
  box-shadow: none;
}
.boardPanel_o2rrc .ant-btn-primary .ant-wave {
  display: none;
}
.boardPanel_o2rrc .ant-btn-primary:hover {
  background: var(--sdk-btn-hover);
}
.boardPanel_o2rrc .ant-btn-primary:active {
  background: var(--sdk-btn-active);
}
.boardPanel_o2rrc .ant-btn-primary:disabled {
  background-color: var(--sdk-btn-disabled);
  border: none;
  color: #fff;
  pointer-events: none;
}
.boardPanel_o2rrc .ant-btn-default {
  border: 1px solid #e6e7e9;
  color: var(--sdk-main-text);
}
.boardPanel_o2rrc .ant-btn-default:hover {
  color: var(--sdk-btn-hover);
  border: 1px solid var(--sdk-btn-hover);
}
.boardPanel_o2rrc .ant-btn-default:active {
  color: var(--sdk-btn-active);
  border: 1px solid var(--sdk-btn-active);
}
.boardPanel_o2rrc .ant-btn-default:disabled {
  color: var(--sdk-btn-disabled);
  border: 1px solid var(--sdk-btn-disabled);
  background-color: #fff;
  pointer-events: none;
}
.boardPanel_o2rrc .ant-btn-link {
  color: var(--sdk-active);
}
.boardPanel_o2rrc .ant-btn-link:hover {
  color: var(--sdk-btn-hover);
}
.boardPanel_o2rrc .ant-btn-link:active {
  color: var(--sdk-btn-active);
}
.boardPanel_o2rrc .ant-btn-link:disabled {
  color: var(--sdk-btn-disabled);
  pointer-events: none;
}
.boardPanel_o2rrc .ant-btn-text:hover {
  background-color: #f5f6f6;
}
.boardPanel_o2rrc .ant-btn-text:disabled {
  color: #dbdbde;
  pointer-events: none;
}
.boardPanel_o2rrc .ant-btn-primary.ant-btn-dangerous {
  background-color: var(--sdk-danger);
}
.boardPanel_o2rrc .ant-btn-primary.ant-btn-dangerous:hover {
  background-color: var(--sdk-danger-btn-hover);
}
.boardPanel_o2rrc .ant-btn-primary.ant-btn-dangerous:active {
  background-color: var(--sdk-danger-btn-active);
}
.boardPanel_o2rrc .ant-btn-primary.ant-btn-dangerous:disabled {
  background-color: var(--sdk-danger-btn-disabled);
}
.titleDom_MniiM {
  padding-left: 16px;
  display: inline-flex;
}
.titleDom_MniiM .divider_DDqyu {
  width: 24px;
  position: relative;
}
.titleDom_MniiM .divider_DDqyu::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #dbdbde;
  margin-right: 8px;
  right: 0;
}
.fullScreen_gkhSh {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 10;
}

.root__axob {
  width: 100%;
  height: 100%;
  padding: 24px 40px 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.root__axob .header_gkHNh {
  width: 100%;
  text-align: left;
  font-size: 20px;
  color: #0c1024;
  line-height: 24px;
  font-weight: 600;
}
.root__axob .content_nyg5P {
  width: 180px;
  height: 180px;
  position: relative;
}
.root__axob .content_nyg5P > img {
  width: 100%;
  height: 100%;
}
.root__axob .content_nyg5P .logo_sQ84l {
  position: absolute;
  width: 45px;
  height: 45px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.root__axob .content_nyg5P > .loadingCover_df5QP {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.root__axob .content_nyg5P > .loadingCover_df5QP > svg {
  position: absolute;
  width: 42px;
  height: 42px;
  top: calc(50% - 21px);
  left: calc(50% - 21px);
  color: white;
}
.root__axob .content_nyg5P > .loadingCover_df5QP > svg.animated_YFCPo {
  animation: loading_JbnvH 2s linear infinite;
  pointer-events: none;
}
.root__axob .content_nyg5P > .loadingCover_df5QP > svg.expired_SUviV {
  cursor: pointer;
}
.root__axob > span {
  color: #616371;
  line-height: 20px;
  font-size: 14px;
}
@keyframes loading_JbnvH {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}

.container_JvZbQ {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #0c1024 !important;
}
.container_JvZbQ > li {
  display: flex;
  justify-content: space-between;
  width: 308px;
  height: 44px;
  line-height: 44px;
  padding-left: 13px;
  padding-right: 12px;
}

.picClass_HSztx {
  width: 120px;
  height: 120px;
}
.textPart_HIYii {
  display: block;
  width: 120px;
  height: 22px;
  font-size: 14px;
  margin-top: 12px;
  line-height: 22px;
  text-align: center;
}
.centerMenu_nhSLs {
  border: 0;
  padding: 0 8px;
  border-inline-end: none !important;
}
.centerMenu_nhSLs .pngColor_MEwD7 {
  background-color: #fff;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.centerMenu_nhSLs .itemClass_FP1ko.ant-menu-item {
  height: 82px;
  width: 100%;
  margin: 0 24px 16px 0 !important;
  padding: 16px;
  border-radius: 4px;
  background-color: #f5f6f6;
  pointer-events: all;
}
.centerMenu_nhSLs .itemClass_FP1ko.ant-menu-item .distantClass_eAmQr {
  font-weight: 550;
  font-size: 16px;
  line-height: 24px;
  color: #0c1024;
}
.centerMenu_nhSLs .itemClass_FP1ko.ant-menu-item:hover .distantClass_eAmQr {
  color: #2e73e5;
}
.centerMenu_nhSLs .itemClass_FP1ko.ant-menu-item .itemContent_WywRN {
  font-size: 14px;
  color: #616371;
  line-height: 22px;
  margin-top: 4px;
}
.centerMenu_nhSLs .itemClass_FP1ko.ant-menu-item .rowItem_j0Et9 {
  align-items: center;
  flex-wrap: nowrap;
}
.centerMenu_nhSLs .lastItemClass_Uo3Mc {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.centerMenu_nhSLs .lastItemClass_Uo3Mc:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
}

.collapsePart_N0Ze3 {
  width: 308px;
}
.collapsePart_N0Ze3 .centerPart_fXJdv {
  display: flex;
  align-items: center;
}
.collapsePart_N0Ze3 .panelPart_dMBel {
  border-radius: 4px;
}
.collapsePart_N0Ze3 .panelPart_dMBel .videoPart_PJkYH {
  margin-top: 8px;
  border-radius: 4px;
}
.collapsePart_N0Ze3 .panelPart_dMBel .textPart__3_c2 {
  background-color: #fff;
  color: #616371;
}
.collapsePart_N0Ze3 .panelPart_dMBel .textPart__3_c2 p {
  margin: 0;
  font-size: 12px;
  color: #616371;
}
.collapsePart_N0Ze3 .icon1_yQ3p4 {
  font-size: 20px;
  vertical-align: middle;
}
.collapsePart_N0Ze3 .icon2_NCKIr {
  font-size: 12px;
  margin-top: 6px;
}
.active_SdP2y {
  color: #2e73e5;
}
.collapsePart_N0Ze3.ant-collapse {
  border: 0;
  background-color: #fff;
}
.collapsePart_N0Ze3.ant-collapse .ant-collapse-item {
  border-bottom: 0;
}
.collapsePart_N0Ze3.ant-collapse .ant-collapse-content {
  border-top: 0;
}
.collapsePart_N0Ze3.ant-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 8px 12px;
}
.collapsePart_N0Ze3.ant-collapse .ant-collapse-item-active .ant-collapse-header {
  color: #2e73e5;
  background-color: #eaf1fc;
}
.collapsePart_N0Ze3.ant-collapse .ant-collapse-item > .ant-collapse-header {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 11px 13px;
}
.collapsePart_N0Ze3.ant-collapse .ant-collapse-item > .ant-collapse-header:hover {
  color: #2e73e5;
  background-color: #eaf1fc;
}
.ant-tabs {
  height: 100%;
}
.ant-tabs-content-holder {
  height: 100%;
  overflow: auto;
  padding: 0 15px;
}

.container_o4SPC {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.container_o4SPC *::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background-color: transparent;
  border-radius: 0.5rem;
}
.container_o4SPC *::-webkit-scrollbar-thumb {
  background-color: #c2c3c8;
  border-radius: 0.5rem;
}
.container_o4SPC .ant-tabs {
  color: #91939c;
  height: calc(100% - 52px);
}
.container_o4SPC .ant-tabs .ant-tabs-nav-list {
  margin-left: 9px;
}
.container_o4SPC .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #0c1024;
}
.container_o4SPC .ant-tabs .ant-tabs-ink-bar {
  background-color: #0c1024;
}
.container_o4SPC .ant-tabs .ant-tabs-tab:hover {
  color: #0c1024;
}
.container_o4SPC .ant-tabs .ant-tabs-nav-wrap {
  padding-left: 16px;
}
.container_o4SPC .ant-tabs .ant-collapse-content {
  border: none;
}

.feedback_G5wyx {
  height: 52px;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.feedback_G5wyx.affixed_EhOhc {
  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.09);
  position: relative;
}
.feedback_G5wyx .ant-btn {
  height: 36px;
  margin-right: 16px;
}

.videoDom_XxqCw {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: translateZ(0);
}
.videoContainer_xn1p9 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}
.videoPendingState_Q6vAF {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5c6474;
}
.videoPendingState_Q6vAF > span {
  font-size: 14;
  line-height: 22;
  white-space: nowrap;
  color: #c2c3c8;
}

.refreshPage_hlReO {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.root_feItC {
  position: absolute;
  min-width: 376px;
  max-width: 395px;
  min-height: 72px;
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  background: black;
  pointer-events: auto;
  z-index: 30;
  color: white;
  align-items: center;
}
.root_feItC svg {
  color: white;
}
.root_feItC .leftPart_phg08 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.root_feItC .leftPart_phg08 .header_RiV8g {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root_feItC .leftPart_phg08 .header_RiV8g .icon_gWYFF {
  height: 22px;
  font-size: 20px;
  margin-right: 8px;
}
.root_feItC .leftPart_phg08 .header_RiV8g span {
  line-height: 22px;
  font-size: 14px;
  color: #c2c3c8;
}
.root_feItC .leftPart_phg08 .text_hum_J {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  font-weight: 600;
  margin-top: 4px;
}
.root_feItC .action_aHsef {
  width: 80px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  margin-left: 20px;
  border-color: transparent;
  border-width: 0;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.root_feItC .closeIcon_F7jK_ {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 16px;
}
.phoneRefreshPage_lSBfp .root_feItC {
  min-width: 344px;
  width: 344px;
  padding: 10px 16px;
}
.phoneRefreshPage_lSBfp .root_feItC .action_aHsef {
  margin-left: 14px;
}
.phoneRefreshPage_lSBfp .root_feItC .closeIcon_F7jK_ {
  margin-left: 14px;
}
.conflictContent_CVUww {
  padding: 40px 24px 24px 24px;
}
.conflictContent_CVUww .modalContent_aehmN {
  color: #0c1024;
  font-size: 16px;
  display: flex;
  margin-bottom: 40px;
}
.conflictContent_CVUww .modalContent_aehmN svg {
  font-size: 28px;
  flex-shrink: 0;
}
.conflictContent_CVUww .modalContent_aehmN .descContent_nLZ9b {
  margin-left: 12px;
  line-height: 28px;
}
.conflictContent_CVUww .modalFooter_BwHHo {
  display: flex;
  height: 40px;
  justify-content: right;
}
.conflictContent_CVUww .modalFooter_BwHHo .ant-btn {
  height: 100%;
}
.primary_iN7fA {
  color: #2e73e5;
}
.dander_mU3Ld {
  color: #fe5250;
}
.loadingGif_PCdBg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}

.errorRoot_Fbj6G {
  width: 100%;
  min-height: calc(30vh + 98px);
  padding-top: 30vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.errorRoot_Fbj6G > svg {
  width: 48px;
  height: 48px;
  color: #FFA519;
}
.errorRoot_Fbj6G > h1 {
  margin-top: 24px;
  line-height: 26px;
  font-size: 18px;
  color: #0c1024;
}
.uploadFilePage_ZiJT9 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.uploadFilePage_ZiJT9 .notification_TJ8nq {
  height: 46px;
  background-color: #f5f6f6;
  color: #91939c;
  font-size: 14px;
  line-height: 46px;
  padding-left: 24px;
}
.uploadFilePage_ZiJT9 .body_POiPC {
  flex: 1;
  padding: 16px 24px 24px 24px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.uploadFilePage_ZiJT9 .body_POiPC .header_Rc52Z {
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploadFilePage_ZiJT9 .body_POiPC .header_Rc52Z .title_dDLMj {
  font-size: 16px;
  font-weight: 600;
}
.uploadFilePage_ZiJT9 .body_POiPC .header_Rc52Z .desc__bOx9 {
  padding-left: 16px;
  color: #91939c;
  font-size: 16px;
}

.refreshIcon_qvebr {
  margin-left: 8px;
}
.rotate_iLzFL {
  animation: spin_Y_Ef0 1s infinite linear;
}
@keyframes spin_Y_Ef0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_zoQK5 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_r7CQt {
  visibility: hidden;
  opacity: 0;
  animation: show_zoQK5 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_jbt1m {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_jbt1m.active_FwUTU {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_jbt1m.disabled_XNGKv {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.activityBlock_CUnWf {
  padding: 12px 20px 0px 20px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.activityBlock_CUnWf.phoneActivityBlock_HXDXf {
  padding: 12px 16px 0 16px;
}
.activityBlock_CUnWf.active_FwUTU * {
  color: #1677ff !important;
}
.activityBlock_CUnWf .blockContent_vCJ_7 {
  display: flex;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}
.activityBlock_CUnWf .index_Bns4U {
  min-width: 25px;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.88);
}
.activityBlock_CUnWf .title_QihyY {
  flex: 1;
  overflow: hidden;
  margin-right: 8px;
}
.activityBlock_CUnWf .title_QihyY .name_rSZgG {
  line-height: 22px;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activityBlock_CUnWf .title_QihyY .time_ZtZKG {
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
}
.activityBlock_CUnWf .title_QihyY .playbackList_WXfpQ {
  margin-top: 8px;
}
.activityBlock_CUnWf .status_Lc7VM {
  color: rgba(0, 0, 0, 0.45);
}
@media (any-hover: hover) {
  .activityBlock_CUnWf:hover {
    background-color: #fafafa;
  }
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_lF5Fy {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_Ydpnd {
  visibility: hidden;
  opacity: 0;
  animation: show_lF5Fy 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_GskM8 {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_GskM8.active_nJXw9 {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_GskM8.disabled_mZ4mA {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.activityList_gUbPL {
  flex: 1;
  overflow: auto;
  margin-top: 8px;
  scrollbar-color: #C2C3C8 transparent;
  scrollbar-width: thin;
}
.activityList_gUbPL::-webkit-scrollbar {
  width: 4px;
}
.activityList_gUbPL::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.activityList_gUbPL::-webkit-scrollbar-thumb {
  background-color: #C2C3C8;
  border-radius: 2px;
}
.activityList_gUbPL.phoneActivityList_Zykkf {
  margin-top: 4px;
}

.status_cNR9G {
  font-size: 12px;
  border-radius: 4px;
  padding: 0px 4px;
  flex-shrink: 0;
}
.status_cNR9G.notStart_x9Jce {
  border: 1px solid #ffe58f;
  background-color: #fffbe6;
  color: #faad14;
}
.status_cNR9G.starting_zljOS {
  border: 1px solid #91caff;
  background-color: #e6f4ff;
  color: #1677ff;
}
.status_cNR9G.end_olCDf {
  border: 1px solid #d9d9d9;
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.88);
}

.wrapperHeader_kp9zA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
}
.wrapperHeader_kp9zA .wrapperTitle_tRA5E {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}
.wrapperHeader_kp9zA .wrapperTitle_tRA5E .title_fM83O {
  overflow: hidden;
}
.wrapperHeader_kp9zA .wrapperTitle_tRA5E .title_fM83O .name_EKfOo {
  margin-left: 6px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  font-weight: 500;
}
.wrapperHeader_kp9zA .wrapperTitle_tRA5E .title_fM83O .status_gRGzv {
  height: 18px;
  line-height: 16px;
  transform: translateY(-1px);
  display: inline-block;
}
.wrapperHeader_kp9zA .wrapperTitle_tRA5E .title_fM83O.pcTitle_X8J5r {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapperHeader_kp9zA .wrapperTitle_tRA5E .title_fM83O.phoneTitle_vAxS0 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 显示两行文本 */
}
.wrapperHeader_kp9zA .wrapperSubTitle_thrUn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}
.wrapperHeader_kp9zA .wrapperSubTitle_thrUn .timeIcon_PTEV5 {
  color: rgba(0, 0, 0, 0.45);
  margin-right: 6px;
  font-size: 20px;
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
}
.wrapperHeader_kp9zA .wrapperSubTitle_thrUn .headerOpsWrapper_bWn2k {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wrapperHeader_kp9zA .wrapperSubTitle_thrUn .headerOpsWrapper_bWn2k .commentBtn_Z65r5 {
  padding: 0px 6px !important;
  color: var(--Functional-colorPrimary-Default, #1677ff);
  font-size: 14px;
  height: 22px !important;
  align-items: center;
  display: flex !important;
  gap: 2px;
}
.wrapperHeader_kp9zA .btnBox_MH1iD {
  margin-top: 12px;
  display: flex;
  gap: 12px;
}
.wrapperHeader_kp9zA .rightContent_XnE2H {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
}

.activity_heXZ9 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.activity_heXZ9 .background_JFkrE {
  background-size: cover;
  filter: brightness(0.5);
  position: absolute;
  height: 100%;
  width: 100%;
}
.activity_heXZ9 .content_YeDLl {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.activity_heXZ9 .content_YeDLl .placeHolder__rkGY {
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
.starting__JxqW {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.starting__JxqW .title_KSNdK {
  display: flex;
}
.starting__JxqW .ant-btn {
  height: 40px;
  border-radius: 8px;
}
.starting__JxqW .desc_gHjnC {
  margin-left: 8px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
.waitingPlayBlack_HufUb {
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.waitingPlayBlack_HufUb img {
  width: 40px;
}
.waitingPlayBlack_HufUb span {
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}

.content_whhEZ {
  min-height: 324px;
  padding: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  border: 1px solid #ebebeb;
}
.content_whhEZ .title_Mpwhu {
  line-height: 24px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
.content_whhEZ .body_Vl2WC {
  flex: 1;
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 400;
}

.root_9kPXO {
  box-sizing: border-box;
}
.root_9kPXO * {
  box-sizing: border-box;
}
.root_9kPXO [contentEditable="true"]:focus {
  outline: none;
}
.root_9kPXO.editable_UYh5W {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
}
.root_9kPXO.editable_UYh5W > div:nth-child(1) {
  width: 100%;
  height: 36px;
  border-bottom: 1px solid #d9d9d9;
}
.root_9kPXO.editable_UYh5W > div:nth-child(2) {
  padding: 12px;
}
.paragraph_tbaZK {
  display: block;
}
.imgCon_S-7gn {
  position: relative;
  display: block;
  margin: 4px 0;
}
.imgCon_S-7gn img {
  max-width: 100%;
  display: block;
}
.imgCon_S-7gn img.selected_yRiJu {
  box-shadow: 0 0 0 3px #B4D5FF;
}
.toolbar_i-8bU {
  display: flex;
  flex-direction: row;
  padding: 0 12px;
  align-items: center;
}
.formatBtn_ZIjEp {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 22px;
  line-height: 22px;
  padding: 0;
  cursor: pointer;
  margin-right: 12px;
}
.formatBtn_ZIjEp .text_WlCp7 {
  width: 40px;
  font-size: 14px;
  font-weight: 500;
  text-align: start;
}
.formatBtn_ZIjEp .icon_7W3A0 {
  margin-left: 4px;
  font-size: 10px;
  color: #666666;
}
.decoBlk_-n6cu {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  color: black;
  cursor: pointer;
  border-radius: 6px;
}
.decoBlk_-n6cu:hover {
  background-color: #f5f5f5;
}
.decoBlk_-n6cu.active_5hbSY {
  color: #1677FF;
}
.overlay_ijzDe ul {
  padding: 0px !important;
}
.overlay_ijzDe li {
  padding: 0px !important;
}
.overlay_ijzDe .row_J6X6k {
  margin: 0;
  height: 40px;
  line-height: 40px;
  width: 120px;
  padding-left: 30px;
  position: relative;
}
.checkIcon_MJtik {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 14px;
  color: #1677ff;
  margin-right: 8px;
}

.root_E9jJD {
  position: relative;
  display: flex;
  flex-direction: column;
  background: black;
}
.root_E9jJD * {
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
}
.root_E9jJD .pausedIcon_3CxzL {
  color: white;
}
.root_E9jJD .fullscreenBtn_zeNO0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  cursor: pointer;
}
.root_E9jJD .content_24d9C {
  position: relative;
  flex: 1 1;
  width: 100%;
}
.root_E9jJD .content_24d9C .paused_nrQTn {
  position: absolute;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
}
.root_E9jJD .content_24d9C > video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.root_E9jJD .controls_Nw8Bl {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.25);
  transition: height 0.3s ease;
}
.root_E9jJD .controls_Nw8Bl .time_aCd3X {
  width: 56px;
  color: white;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  pointer-events: none;
}
.root_E9jJD .audioCover_79cAr {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: black;
}
.root_E9jJD .audioCover_79cAr > audio {
  visibility: hidden;
}
.root_E9jJD .audioCover_79cAr .audioIcon_F-Pug {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9.6%;
  transform: translate(-50%, -50%);
}
.root_E9jJD .emptyCover_S0ipV {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.playPauseBtn_pvZyx {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  margin-left: 4px;
  cursor: pointer;
}
.playPauseBtn_pvZyx .pauseIcon_WcEqD {
  width: 20px;
  height: 20px;
  color: white;
}
.playPauseBtn_pvZyx > img {
  width: 100%;
  height: 100%;
}
.playPauseBtn_pvZyx .pause_uNSBo {
  position: relative;
  width: 100%;
  height: 100%;
}
.playPauseBtn_pvZyx .pause_uNSBo > div {
  position: absolute;
  top: 5px;
  width: 3px;
  height: 15px;
  background: white;
  border-radius: 2px;
}
.playPauseBtn_pvZyx .pause_uNSBo > div:nth-child(1) {
  left: 7px;
}
.playPauseBtn_pvZyx .pause_uNSBo > div:nth-child(2) {
  left: 14px;
}
.progressBar_07Tuq {
  position: relative;
  flex: 1 1;
  height: 30px;
  margin: 0 10px;
}
.progressBar_07Tuq.light_13WeF .track_dmVJH {
  background-color: rgba(0, 0, 0, 0.08);
}
.progressBar_07Tuq.light_13WeF .content_HQudE {
  background-color: #1677ff;
}
.progressBar_07Tuq.light_13WeF .ball_l8Xpk {
  background-color: #1677ff;
}
.progressBar_07Tuq .bottomLayer_RtMPZ {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  touch-action: none;
}
.progressBar_07Tuq .track_dmVJH {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  transform: translate(0, -50%);
  cursor: pointer;
}
.progressBar_07Tuq .topLayer_e-xgc {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 4px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.progressBar_07Tuq .content_HQudE {
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
}
.progressBar_07Tuq .ball_l8Xpk {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  margin-left: -7px;
  background-color: white;
  border-radius: 7px;
  cursor: pointer;
}
.speedRoot_Ofa0L {
  position: relative;
  min-width: 38px;
  height: 22px;
  margin: 0 16px;
  line-height: 22px;
  -webkit-user-select: none;
          user-select: none;
}
.speedRoot_Ofa0L > span {
  display: block;
  width: 100%;
  color: white;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.speedRoot_Ofa0L .expand_vEWNm {
  position: absolute;
  bottom: 33px;
  left: 50%;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  width: 60px;
  color: rgba(255, 255, 255, 0.75);
  background: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  transform: translate(-50%, 0);
}
.speedRoot_Ofa0L .expand_vEWNm .row_22Clv {
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.speedRoot_Ofa0L .expand_vEWNm .row_22Clv.selected_OCquR {
  color: #fff;
  font-weight: 500;
}
.speedRoot_Ofa0L .expand_vEWNm .row_22Clv:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.svgIcon_Cnmnx {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.svgIcon_Cnmnx > * {
  line-height: 1;
}
.svgIcon_Cnmnx svg {
  display: inline-block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.root_K2nV1 {
  transition: left 0.3s linear;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 180px;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.65);
  overflow: overlay;
  overflow: auto;
}
.root_K2nV1 * {
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
}
.root_K2nV1 .viewport_Jmz9k {
  width: 100%;
  height: 100%;
  padding: 12px 20px;
  position: relative;
  overflow-y: overlay;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.root_K2nV1 .viewport_Jmz9k::-webkit-scrollbar {
  display: none;
}
.root_K2nV1 .viewport_Jmz9k .list_eNZ-t {
  width: 140px;
  display: flex;
  flex-direction: column;
}
.root_K2nV1 .viewport_Jmz9k .block_HQoqm {
  margin: 4px 0;
  width: 140px;
  height: 78px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.root_K2nV1 .viewport_Jmz9k .block_HQoqm.active_T4e2V {
  border: 1px solid #1677FF;
}
.root_K2nV1 .viewport_Jmz9k .block_HQoqm > img {
  position: absolute;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.root_K2nV1 .viewport_Jmz9k .block_HQoqm .badge_M1kqy {
  width: 30px;
  height: 20px;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.root_K2nV1 .viewport_Jmz9k .block_HQoqm .badge_M1kqy.active_T4e2V {
  background: #1677FF;
}
.root_K2nV1.show_-6YI2 {
  left: 0px;
}
.root_K2nV1.hide_KU4N4 {
  left: -180px;
}

.root_MEkKl {
  width: 100%;
  height: 100%;
  border: none;
}

.viewport_mVLY5 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: overlay;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.viewport_mVLY5::-webkit-scrollbar {
  display: none;
}
.viewport_mVLY5 .list_IULi9 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.viewport_mVLY5 .list_IULi9 .image_HzzKE {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.viewport_mVLY5 .list_IULi9 .image_HzzKE:last-child {
  margin-bottom: 0 !important;
}
.loading_Z9-Oq {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loading_Z9-Oq .loadingImg_TGORJ {
  width: 68px;
  height: 68px;
}
.loading_Z9-Oq > span {
  line-height: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  width: 60px;
  text-align: center;
}

.root_pi4D5 {
  width: 100%;
  height: 100%;
  border: none;
}

.root_G31fO {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.root_G31fO .arrowBtn_Ow8Sh {
  cursor: pointer;
  margin: 0 6px;
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
          user-select: none;
}
.root_G31fO .arrowBtn_Ow8Sh > img {
  width: 100%;
  height: 100%;
}
.root_G31fO .arrowBtn_Ow8Sh.disabled_bDo9H {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.root_G31fO .paginator_0wUqs {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root_G31fO .paginator_0wUqs > input {
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  width: 30px;
  background: #d9d9d9;
  border-radius: 3px;
  border: none !important;
  outline: none !important;
}
.root_G31fO .paginator_0wUqs > span {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  color: #9da1a6;
  margin-left: 2px;
  -webkit-user-select: none;
          user-select: none;
}

.root_WWsPx {
  background: #eef2f8;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.root_WWsPx .content_7wpmD {
  flex: 1 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.root_WWsPx .content_7wpmD > img {
  position: absolute;
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.root_WWsPx .controls_4fUQ0 {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.root_WWsPx .controls_4fUQ0 .catalogIcon_FG-1e {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.root_WWsPx .controls_4fUQ0 .rightActions_kGX-o {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.root_WWsPx .controls_4fUQ0 .rightActions_kGX-o .fullScreen_1UXlJ {
  cursor: pointer;
  margin-left: 24px;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.phoneRoot_kCAMp {
  background: #f2f4f7;
}
.phoneRoot_kCAMp .pageBadge_2RQz2 {
  min-width: 42px;
  height: 22px;
  line-height: 22px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 12px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  position: absolute;
  top: 12px;
  left: 12px;
}
.phoneRoot_kCAMp .fullScreenBtn_ixNaL {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 4px;
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phoneRoot_kCAMp .fullScreenBtn_ixNaL > img {
  width: 19px;
  height: 19px;
}

.root_PdfbF {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #232632;
}
.root_PdfbF * {
  box-sizing: border-box;
}
.root_PdfbF .dragRoot_s0QqC {
  position: absolute;
}
.root_PdfbF .dragRoot_s0QqC * {
  -webkit-user-select: none;
  user-select: none;
}
.root_PdfbF .dragRoot_s0QqC.top_i60hA {
  z-index: 10;
}
.blockWrapper_Xnajv {
  width: 100%;
  height: 100%;
}
.blockWrapper_Xnajv.smallBlock_8vVjC {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-colorCommon-white45, rgba(255, 255, 255, 0.45));
  border-radius: 6px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
  /** 解决边框内容显示问题 **/
  box-sizing: content-box;
}
.loadingGif_WikbF {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  transform: translate(-50%, -50%);
}
.blkActions_EQhbv {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  flex-direction: row;
  width: 32px;
  height: 32px;
  color: white;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
  border-radius: 6px;
  cursor: pointer;
  transform: translateZ(0);
}
.blkActions_EQhbv.topRight_CFvT3 {
  top: 12px;
  bottom: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0) translateZ(0);
}
.blkActions_EQhbv.topRight_CFvT3 svg {
  width: 16px;
  height: 16px;
  transition: transform 0.1s;
}
.blkActions_EQhbv.small_hZi0Y {
  width: 28px;
  height: 28px;
  border: 1.27px solid rgba(242, 244, 247, 0.1);
}
.blkActions_EQhbv .qiehuanzuidahua_XXxry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.blkActions_EQhbv .qiehuanzuidahua_XXxry svg {
  width: 20px;
  height: 20px;
}
.blkActions_EQhbv:hover {
  background: rgba(32, 32, 34, 0.65);
}
.blkActions_EQhbv > svg {
  width: 100%;
  height: 100%;
  color: white;
}
.blkActions_EQhbv.offsetRight_tHsgY {
  right: 56px;
}
.blkActionWrap_K8YV1 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.blkActionWrap_K8YV1 .blkActions_EQhbv {
  position: unset;
}
/** ios 上不加该属性会莫名其妙的不显示 **/
.transformZ0_HaO7t {
  transform: translateZ(0);
}
.rotate_vk3GM svg {
  transform: rotate(180deg);
}
.hide_L1unb {
  display: none !important;
}
.hoverTip_AqLb0 {
  border-radius: 6px;
}
.hoverTip_AqLb0 * {
  font-size: 14px !important;
}

.root_SQ5Ot {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #232632;
}
.root_SQ5Ot * {
  box-sizing: border-box;
}
.root_SQ5Ot .dragRoot_F3JFZ {
  position: absolute;
}
.root_SQ5Ot .dragRoot_F3JFZ * {
  -webkit-user-select: none;
  user-select: none;
}
.root_SQ5Ot .dragRoot_F3JFZ.top_Az8Tl {
  z-index: 10;
}
.blockWrapper_yqhQC {
  width: 100%;
  height: 100%;
}
.blockWrapper_yqhQC.smallBlock_IstNy {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-colorCommon-white45, rgba(255, 255, 255, 0.45));
  border-radius: 6px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
  /** 解决边框内容显示问题 **/
  box-sizing: content-box;
}
.loadingGif_h1odq {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  transform: translate(-50%, -50%);
}
/** 横屏样式 **/
.landscape_sMC-a .blkActions_jKslB {
  right: 8px;
  bottom: 8px;
}
.landscape_sMC-a.topRight_hEZnf {
  top: 8px;
}
.blkActions_jKslB {
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: flex;
  flex-direction: row;
  width: 32px;
  height: 32px;
  color: white;
  background-color: rgba(32, 32, 34, 0.9);
  border: 1.5px solid rgba(242, 244, 247, 0.1);
  border-radius: 6px;
  cursor: pointer;
  transform: translateZ(0);
}
.blkActions_jKslB.topRight_hEZnf {
  top: 6px;
  bottom: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0) translateZ(0);
}
.blkActions_jKslB.topRight_hEZnf svg {
  width: 16px;
  height: 16px;
  transition: transform 0.1s;
}
.blkActions_jKslB.small_j-B9E {
  width: 28px;
  height: 28px;
  border: 1.27px solid rgba(242, 244, 247, 0.1);
}
.blkActions_jKslB .qiehuanzuidahua_kXBK- {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.blkActions_jKslB .qiehuanzuidahua_kXBK- svg {
  width: 20px;
  height: 20px;
}
.blkActions_jKslB:hover {
  background: rgba(32, 32, 34, 0.65);
}
.blkActions_jKslB > svg {
  width: 100%;
  height: 100%;
  color: white;
}
.blkActions_jKslB.offsetRight_eFPrv {
  right: 56px;
}
.blkActionWrap_puuzH {
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.blkActionWrap_puuzH .blkActions_jKslB {
  position: unset;
}
/** ios 上不加该属性会莫名其妙的不显示 **/
.transformZ0_v-h4z {
  transform: translateZ(0);
}
.rotate_8dhR8 svg {
  transform: rotate(180deg);
}
.hide_YPEa4 {
  display: none !important;
}
.hoverTip_p8Rg- {
  border-radius: 6px;
}
.hoverTip_p8Rg- * {
  font-size: 14px !important;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_ETjsH {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_x1wic {
  visibility: hidden;
  opacity: 0;
  animation: show_ETjsH 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_jmVaD {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_jmVaD.active_yV_Nf {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_jmVaD.disabled_lfLll {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.activityWrapper_KSufh {
  display: flex;
  margin-top: 16px;
  overflow: hidden;
}
.activityWrapper_KSufh * {
  overscroll-behavior: contain;
}
.selector_yCuwZ {
  padding: 0 16px;
  border-bottom: 1px solid #ebebeb;
}
.description_YAuZs {
  flex: 1;
  margin: 16px 0;
}
.loading__yyB8 {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading__yyB8 img {
  width: 150px;
}
.scrollHolder_uz2VD {
  overflow: hidden scroll;
}
.scrollHolder_uz2VD::-webkit-scrollbar {
  visibility: hidden;
}
.scrollHolder_uz2VD::-webkit-scrollbar-track {
  background-color: transparent;
}
.phoneGroupDetailPage_hT7oY {
  background-color: #f2f4f7;
}
.phoneGroupDetailPage_hT7oY .phoneMain_BzX4t {
  flex: 1;
  overflow: auto;
  margin-bottom: 8px;
}
.phoneGroupDetailPage_hT7oY .phoneMain_BzX4t .phoneMainContent_KIBW0 .activityWrapper_KSufh {
  margin-top: 0;
}
.phoneGroupDetailPage_hT7oY .phoneMain_BzX4t .phoneMainContent_KIBW0 .activityWrapper_KSufh .phoneActivity_hY4En {
  border-radius: 0px;
}
.phoneGroupDetailPage_hT7oY .phoneMain_BzX4t .phoneHeader_ESItK {
  height: 86px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  background-color: #fff;
  overflow: hidden;
}
.phoneGroupDetailPage_hT7oY .phoneMain_BzX4t .phoneHeader_ESItK > div {
  width: 100%;
}
.phoneGroupDetailPage_hT7oY .phoneBottomContent_ofMAa {
  background-color: #fff;
}
.phoneGroupDetailPage_hT7oY .phoneDescription_TAdFn {
  border: none;
}
.groupDetailPage_t7k3B {
  height: 100%;
  min-width: 960px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: #f2f4f7;
  position: relative;
}
.header_iBxhs {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: inset 0px -1px 0px 0px #f0f0f0;
  padding: 16px 16px 18px;
}
.header_iBxhs > div {
  max-width: 1200px;
  width: 100%;
}
.body_E__GU {
  flex: 1;
  padding: 0 16px;
  overflow: auto;
}
.content_LC4N7 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.rightContent_Mgdrl {
  width: 332px;
  background-color: #fff;
  margin-left: 16px;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* 背景色透明 */
/* 滚动条 */
/* 文字省略 */
@keyframes show_SCte7 {
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* 显示动画 */
.show_a_a8L5_ {
  visibility: hidden;
  opacity: 0;
  animation: show_SCte7 0.5s forwards;
}
/* 多行省略 */
/* 内容居中 */
/* 白板内使用infi组件规则 白板外使用antd组件规则 */
.iconColor_O8TeP {
  color: var(--Neutral-colorText-Primary);
}
.iconColor_O8TeP.active_lr2OC {
  color: var(--Functional-colorPrimary-Default);
}
.iconColor_O8TeP.disabled_CLPGH {
  cursor: default;
  color: var(--Neutral-colorText-Quaternary);
}
.activityWrapper_bikwW {
  display: flex;
  margin-top: 16px;
  overflow: hidden;
}
.activityWrapper_bikwW * {
  overscroll-behavior: contain;
}
.selector_BeloV {
  padding: 0 16px;
  border-bottom: 1px solid #ebebeb;
}
.description_btMEP {
  flex: 1;
  margin: 16px 0;
}
.loading_y3Lmn {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading_y3Lmn img {
  width: 150px;
}
.scrollHolder_fFv_u {
  overflow: hidden scroll;
}
.scrollHolder_fFv_u::-webkit-scrollbar {
  visibility: hidden;
}
.scrollHolder_fFv_u::-webkit-scrollbar-track {
  background-color: transparent;
}
.phoneGroupDetailPage_VhKv2 {
  background-color: #f2f4f7;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.phoneGroupDetailPage_VhKv2.landscape_NcxSm {
  height: auto;
}
.phoneGroupDetailPage_VhKv2 .phoneMain_H8Wjm {
  overflow: auto;
  flex-shrink: 0;
}
.phoneGroupDetailPage_VhKv2 .phoneMain_H8Wjm .phoneMainContent_M8MoE .activityWrapper_bikwW {
  margin-top: 0;
}
.phoneGroupDetailPage_VhKv2 .phoneMain_H8Wjm .phoneMainContent_M8MoE .activityWrapper_bikwW .phoneActivity_SSREw {
  border-radius: 0px;
}
.phoneGroupDetailPage_VhKv2 .phoneBottomWrapper_PNVop {
  height: calc(100% - 233px);
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}
.phoneGroupDetailPage_VhKv2 .phoneBottomWrapper_PNVop .selector_BeloV {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
.phoneGroupDetailPage_VhKv2 .phoneHeader_TT2Q7 {
  margin-bottom: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  background-color: #fff;
  overflow: hidden;
  flex-shrink: 0;
}
.phoneGroupDetailPage_VhKv2 .phoneHeader_TT2Q7 > div {
  width: 100%;
}
.phoneGroupDetailPage_VhKv2 .phoneBottomContent_o2BRb {
  flex: 1;
  background-color: #fff;
}
.phoneGroupDetailPage_VhKv2 .phoneBottomContent_o2BRb .groupInfoContent_Gm_sw {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.phoneGroupDetailPage_VhKv2 .description_btMEP {
  overflow: auto;
  scrollbar-color: #C2C3C8 transparent;
  scrollbar-width: thin;
}
.phoneGroupDetailPage_VhKv2 .description_btMEP::-webkit-scrollbar {
  width: 4px;
}
.phoneGroupDetailPage_VhKv2 .description_btMEP::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.phoneGroupDetailPage_VhKv2 .description_btMEP::-webkit-scrollbar-thumb {
  background-color: #C2C3C8;
  border-radius: 2px;
}
.phoneGroupDetailPage_VhKv2 .phoneDescription_ugoWl {
  border: none;
  height: 100%;
  min-height: 125px;
  padding: 0 16px;
}
.phoneGroupDetailPage_VhKv2 .commentBox_NYylg {
  height: 100%;
  overflow: auto;
  padding: 0 16px;
  padding-bottom: calc(54px + env(safe-area-inset-bottom));
  box-sizing: border-box;
}

.root_c5dBY {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.loadingImg_Hug4B {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ifr_f4rXI {
  width: 100%;
  height: 100%;
  position: relative;
  border: none;
  overflow: hidden;
}