/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/layout/LayoutContent/style.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
* {
  margin: 0;
  padding: 0;
  outline: none;
}
ol,
ul,
li {
  list-style: none;
}
html {
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  font-family: 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
  font-size: 14px;
}
a {
  text-decoration: none;
}
.layout-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout-wrap.layout-wrap-has-sider {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.layout-wrap .layout-header {
  height: 56px;
  line-height: 56px;
  color: #333333;
  padding: 0 16px;
}
.layout-wrap .layout-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.layout-wrap .layout-header .coral-header-logo {
  margin: 12px 0;
}
@media (max-width: 980px) {
  .layout-wrap .layout-header {
    height: 56px;
    line-height: 56px;
  }
}
.layout-wrap .layout-footer-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.layout-wrap .layout-content {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
}
.layout-wrap .layout-content-horizontal {
  white-space: nowrap;
  overflow-x: auto;
}
.layout-wrap .layout-sider {
  min-height: 0;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Enterprise/Table/index.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.enterprise-table.ten-table table {
  border: 0;
}
.enterprise-table.ten-table .ten-table-thead {
  background-color: #fafafa;
}
.enterprise-table.ten-table .ten-table-thead-title {
  display: inline;
}
.enterprise-table.ten-table tr {
  border: 0;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.enterprise-table.ten-table thead tr:first-child {
  border: 0;
}
.enterprise-table.ten-table a {
  font-size: 14px;
  color: #0f6bff;
}
.enterprise-table.ten-table th,
.enterprise-table.ten-table td {
  padding: 14px 32px 14px 0;
}
.enterprise-table.ten-table th:first-child,
.enterprise-table.ten-table td:first-child,
.enterprise-table.ten-table th:last-child,
.enterprise-table.ten-table td:last-child {
  padding-left: 14px;
}
.enterprise-table.ten-table th + th,
.enterprise-table.ten-table td + th {
  border: 0;
}
.enterprise-table.ten-table .ten-table-fixed-head {
  overflow: hidden;
}
.enterprise-table.ten-table .ten-table-fixed-left th:last-child,
.enterprise-table.ten-table .ten-table-fixed-left td:last-child {
  text-align: left;
}
.set-webhook .enterprise-table.ten-table table td {
  word-wrap: break-word;
  word-break: break-all;
}
.ten-loading .ten-loading__icon-default > span {
  background-color: #0f6bff;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Organization/RoleComponent/index.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.role-icon.coral-icon {
  font-size: 16px;
}
.role-icon-super-admin {
  fill: var(--td-warning-color);
}
.role-icon-admin {
  fill: var(--td-warning-color);
}
.role-icon-creator {
  fill: var(--td-success-color);
}
.role-icon-user {
  fill: var(--td-text-color-disabled);
}
.role-combine-content .t-space-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/my-answer/my-answer-pc.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-my-answer {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 0px 32px 16px;
}
.user-my-answer .user-my-answer-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  line-height: 10px;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 16px;
}
.user-my-answer-table.ten-table thead {
  height: 48px;
  background: #fafafa;
  border-radius: 4px;
}
.user-my-answer-table.ten-table thead th {
  color: #999999;
}
.user-my-answer-table.ten-table thead th,
.user-my-answer-table.ten-table thead td {
  padding: 14px 20px;
}
.user-my-answer-table.ten-table tbody th,
.user-my-answer-table.ten-table tbody td {
  padding: 20px;
}
.user-my-answer-table.ten-table tbody tr {
  font-size: 16px;
  line-height: 28px;
}
.user-my-answer-table.ten-table tbody .survey-icon {
  position: relative;
  margin-right: 4px;
  vertical-align: -2px;
}
.user-my-answer-table.ten-table tbody .respondent-icon {
  margin-right: 4px;
}
.user-my-answer-table.ten-table tbody .respondent-icon svg {
  height: 14px;
  width: 14px;
  fill: #999999;
}
.user-my-answer-table.ten-table td:last-child,
.user-my-answer-table.ten-table th:last-child {
  text-align: right;
}
.user-my-answer-table .status-running {
  color: #1ed261;
}
.user-my-answer-table .status-delete {
  color: #ef382d;
}
.user-my-answer-table .status-stop {
  color: #999999;
}
.user-my-answer-footer {
  position: relative;
}
.user-my-answer-footer-info {
  line-height: 34px;
  margin-top: 14px;
  color: #999999;
}
.user-my-answer-footer .coral-pagination {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/my-group/my-groups-pc.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-my-groups {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 10px 24px 16px;
}
.user-my-groups-header {
  margin-top: -10px;
  margin-bottom: 16px;
  padding: 0!important;
}
.user-my-groups-header .t-divider {
  margin: 0;
}
.user-my-groups-table.ten-table thead {
  height: 48px;
  background: #FAFAFA;
  border-radius: 4px;
}
.user-my-groups-table.ten-table thead th {
  color: #999999;
}
.user-my-groups-table.ten-table thead th,
.user-my-groups-table.ten-table thead td {
  padding: 14px 20px;
}
.user-my-groups-table.ten-table tbody th,
.user-my-groups-table.ten-table tbody td {
  padding: 20px;
}
.user-my-groups-table.ten-table tbody tr {
  font-size: 16px;
  line-height: 28px;
}
.user-my-groups-table.ten-table td:last-child,
.user-my-groups-table.ten-table th:last-child {
  text-align: center;
}
.user-my-groups-footer {
  position: relative;
}
.user-my-groups-footer-info {
  line-height: 34px;
  margin-top: 14px;
  color: #999999;
}
.user-my-groups-footer .coral-pagination {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../../node_modules/.pnpm/tdesign-react@1.10.5_react-dom@18.3.1_react@18.3.1/node_modules/tdesign-react/esm/_common/style/web/components/switch/_index.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.t-switch {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  list-style: none;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  border-radius: var(--td-radius-round);
  min-width: calc(var(--td-comp-size-xxs) / 0.618);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  background-color: var(--td-bg-color-secondarycomponent);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.t-switch:hover {
  background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-switch__handle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 4px;
  left: 4px;
  width: calc(var(--td-comp-size-xxs) - 2 * 4px);
  height: calc(var(--td-comp-size-xxs) - 2 * 4px);
  border-radius: var(--td-radius-round);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-shadow: var(--td-shadow-1);
}
.t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xxs) - 4px);
  color: transparent;
}
.t-switch__handle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--td-radius-round);
  background-color: #fff;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content {
  opacity: 0;
}
.t-switch__content {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  color: var(--td-text-color-anti);
  padding: 0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px);
  font-size: var(--td-font-size-body-small);
  min-width: calc(var(--td-comp-size-xxs) / 0.618);
  transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
}
.t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-is-checked {
  background-color: var(--td-brand-color);
}
.t-switch.t-is-checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-switch.t-is-checked .t-switch__handle {
  left: calc(100% - 2.5px);
  transform: translate(-100%, 0);
  width: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  height: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  top: 2.5px;
}
.t-switch.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xs);
  color: var(--td-text-color-anti);
}
.t-switch.t-is-loading {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-loading .t-loading {
  display: inline-flex;
}
.t-switch.t-is-loading .t-switch__handle .t-icon {
  color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-loading.t-is-checked {
  background-color: var(--td-brand-color-focus);
}
.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-focus);
}
.t-switch.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-disabled .t-switch__handle {
  box-shadow: none;
}
.t-switch.t-is-disabled.t-is-checked {
  background-color: var(--td-brand-color-disabled);
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle {
  box-shadow: none;
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-disabled);
}
.t-switch.t-size-l {
  min-width: calc(var(--td-comp-size-xs) / 0.618);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
  border-radius: var(--td-radius-round);
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -8px;
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -8px;
}
.t-switch.t-size-l .t-switch__handle {
  top: 5px;
  left: 5px;
  width: calc(var(--td-comp-size-xs) - 2 * 5px);
  height: calc(var(--td-comp-size-xs) - 2 * 5px);
}
.t-switch.t-size-l .t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xs) - 4px);
}
.t-switch.t-size-l .t-switch__content {
  padding: 0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px);
  min-width: calc(var(--td-comp-size-xs) / 0.618);
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l .t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l.t-is-checked .t-switch__handle {
  left: calc(100% - 3px);
  top: 3px;
  width: calc(var(--td-comp-size-xs) - 2 * 3px);
  height: calc(var(--td-comp-size-xs) - 2 * 3px);
}
.t-switch.t-size-l.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px) 0 var(--td-comp-margin-s);
}
.t-switch.t-size-s {
  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
  height: var(--td-comp-size-xxxs);
  line-height: var(--td-comp-size-xxxs);
  border-radius: var(--td-radius-round);
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -4px;
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -4px;
}
.t-switch.t-size-s .t-switch__handle {
  top: 3px;
  left: 3px;
  width: calc(var(--td-comp-size-xxxs) - 2 * 3px);
  height: calc(var(--td-comp-size-xxxs) - 2 * 3px);
}
.t-switch.t-size-s .t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xxxs) - 4px);
}
.t-switch.t-size-s .t-switch__content {
  padding: 0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px);
  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
  font-size: 9px;
}
.t-switch.t-size-s .t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-s.t-is-checked .t-switch__handle {
  left: calc(100% - 2px);
  top: 2px;
  width: calc(var(--td-comp-size-xxxs) - 2 * 2px);
  height: calc(var(--td-comp-size-xxxs) - 2 * 2px);
}
.t-switch.t-size-s.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xxs);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/my-account/my-account-pc.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-account-info {
  min-width: 700px;
  min-height: 100%;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.user-account-info-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 16px;
}
.user-account-info-title > h3 {
  font-size: 16px;
  font-weight: 500;
}
.user-account-info .item > h3 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  margin: 24px 0;
}
.user-account-info .item > h3 > img {
  margin-left: 9px;
}
.user-account-info .item.item-account-server {
  width: calc(100% + 24px);
}
.user-account-info .item.item-account-server > h3 {
  margin-bottom: 20px;
}
.user-account-info .item.item-account-server > main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.user-account-info .item.item-account-server .item-account-server__button-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-account-info .item.item-account-server .item-account-server__button-group > button {
  margin: 0 8px;
}
.user-account-info .item.item-account-cancel {
  text-align: center;
  padding-bottom: 20px;
  margin-top: auto;
}
.user-account-info .item > main {
  display: grid;
  grid-template-columns: repeat(auto-fill, 600px);
  grid-column-gap: 300px;
}
.user-account-info .item > main .item-tr {
  height: 42px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-account-info .item > main .item-tr .base-data {
  font-size: 14px;
  line-height: 20px;
}
.user-account-info .item > main .item-tr .base-data > img {
  margin-left: 9px;
}
.user-account-info .item > main .item-tr .item-tr-extra {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-account-info .item > main + main {
  margin-top: 32px;
  border-top: 1px solid #f2f2f2;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/user/component/Gift/style.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
@media (min-width: 981px) {
  .team-select {
    width: 492px !important;
  }
  .team-select-wrap {
    margin-top: 16px;
  }
  .team-select-overlay-inner {
    width: 492px !important;
  }
}
.activation-dialog .tip {
  margin-top: 16px;
}
.activation-dialog .tip a {
  color: #0f6bff;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/my-todo/style.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.todo-table .t-table__header,
.todolist-table .t-table__header {
  border-radius: 6px;
}
.todo-table .t-table__header tr,
.todolist-table .t-table__header tr {
  background-color: #fafafa;
}
.todo-table .t-table__header tr th,
.todolist-table .t-table__header tr th {
  border-bottom: none;
}
.todo-table .t-table__body tr td,
.todolist-table .t-table__body tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.user-my-todo-title > .create-survey-button > .t-button__text {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.todo-tabs-type {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.todolist-m-tabs {
  position: fixed;
  width: 100%;
  z-index: 9;
  background-color: #fff;
}
.todolist-m-tabs .t-radio-group {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #eee;
}
.todolist-m-tabs .t-radio-group .t-radio-button {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  border: none;
  border-radius: 0 !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px !important;
}
.todolist-m-tabs .t-radio-group .t-radio-button.t-is-checked {
  border-bottom: 1px solid var(--td-brand-color);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/SiderBarLeft/style.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
div.edit-main.expand-tab .wj-side-nav-container {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.wj-side-nav-container {
  width: 72px;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: inset -1px 0px 0px #E5E5E5;
          box-shadow: inset -1px 0px 0px #E5E5E5;
}
.wj-side-nav-container .wj-side-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wj-side-nav-container .wj-side-nav-list-item {
  margin-top: 8px;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button {
  width: 72px;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  color: var(--td-text-color-primary);
  cursor: pointer;
  background-color: transparent;
  border: 0;
  text-decoration: none;
  overflow: visible;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .icon-stat-sign-tips {
  stroke: var(--td-text-color-primary);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled svg {
  fill: var(--td-text-color-disabled);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled .icon-stat-sign-tips {
  stroke: var(--td-text-color-disabled);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button svg {
  margin-bottom: 4px;
  fill: var(--td-text-color-primary);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover {
  color: var(--td-brand-color);
  background-color: transparent;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active svg,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover svg,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover svg {
  fill: var(--td-brand-color);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled).active .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled):hover .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover .icon-stat-sign-tips,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button:not(.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled):hover .icon-stat-sign-tips {
  stroke: var(--td-brand-color);
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled {
  color: var(--td-text-color-disabled) !important;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button--disabled svg,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button--disabled svg {
  fill: var(--td-text-color-disabled) !important;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button-text,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button-text {
  font-size: var(--td-font-size-body-small);
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button-text:lang(zh),
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button-text:lang(zh) {
  line-height: 20px;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .t-ripple,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .t-ripple {
  display: none;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .coral-icon,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .coral-icon {
  font-size: 24px;
}
.wj-side-nav-container .wj-side-nav-list-item .wj-side-nav-button .coral-icon + .t-button__text,
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button .coral-icon + .t-button__text {
  margin-left: 0;
}
.wj-side-nav-container .wj-side-nav-suffix {
  margin-bottom: 8px;
}
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button {
  height: 40px;
}
.wj-side-nav-container .wj-side-nav-suffix .wj-side-nav-button svg {
  margin-bottom: 0;
}
.help-popup-div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-default);
  padding: 20px;
}
.wj-side-nav-container {
  height: calc(100vh - 112px - 16px * 2) !important;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 128px;
  z-index: 3;
  overflow-y: overlay;
  overflow-y: auto;
  overflow-x: hidden;
  /* total width */
  /* set button(top and bottom of the scrollbar) */
}
.wj-side-nav-container::-webkit-scrollbar {
  width: 8px;
  z-index: 99;
}
.wj-side-nav-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px 8px transparent;
          box-shadow: inset 0 0 8px 8px transparent;
  border: solid 2px transparent;
}
.wj-side-nav-container::-webkit-scrollbar-track:hover {
  background: #fff;
}
.wj-side-nav-container::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.1);
  border: solid 2px transparent;
  border-radius: 8px;
}
.wj-side-nav-container::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.15);
}
.wj-side-nav-container::-webkit-scrollbar-button {
  display: none;
}
.diagnosis-badge .t-badge--circle {
  right: 1px;
  top: 1px;
}
.diagnosis-badge .t-badge--circle.t-size-s {
  min-width: 16px;
}
.diagnosis-badge .t-badge--dot {
  width: 10px;
  height: 10px;
  top: -4px;
  right: -4px;
}
.mini-menu-popup.t-popup .t-popup__content {
  margin-left: 0;
  padding: 11px 20px;
  position: relative;
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip .wj-side-nav-button {
  background-color: #fff;
  margin: 4px 0;
  cursor: pointer;
  border: none;
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip .wj-side-nav-button:hover svg {
  fill: var(--td-brand-color);
}
.mini-menu-popup.t-popup .t-popup__content .mini-menu-tooltip .wj-side-nav-button .menu-button-tip .tips-style {
  right: -30px;
  top: -5px;
}
.menu-button-tip {
  position: relative;
  height: 0;
  width: 0;
}
.menu-button-tip .tips-style {
  position: absolute;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  right: -16px;
  top: -4px;
}
@media screen and (max-height: 900px) {
  .normal-bottom-menu {
    display: none;
  }
  .mini-bottom-menu {
    display: block;
  }
}
@media screen and (min-height: 901px) {
  .normal-bottom-menu {
    display: block;
  }
  .mini-bottom-menu {
    display: none;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Evaluate/EvalReportList/panel/mobileReportList.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.phone-report-panel {
  padding: 16px;
}
.phone-report-panel > .empty {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 400px;
}
.phone-report-panel .answered-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  background: #fff;
  color: #333;
}
.phone-report-panel .answered-item:not(:first-child) {
  margin-top: 8px;
  opacity: 0.8;
}
.phone-report-panel .answered-item:active {
  background: #f6f8fa;
}
.phone-report-panel .answered-item-info {
  padding: 0 12px;
  display: block;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
}
.phone-report-panel .answered-item-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.phone-report-panel .answered-item-time {
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
.phone-report-panel .answered-item .survey-icon {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}
.phone-report-panel .answered-item-status {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.phone-report-panel .answered-item-status .status-running {
  color: #1ED261;
}
.phone-report-panel .answered-item-status .status-delete {
  color: #EF382D;
}
.phone-report-panel .answered-item-status .status-stop {
  color: #999999;
}
.uer-phone-box {
  background-color: #f4f6f9;
  height: 100%;
}
.uer-phone-box .phone-report-panel {
  max-height: calc(100% - 90px);
  overflow: auto;
}
.panel-loading {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Evaluate/EvalReportList/style.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.eval-report-tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.uer-container .wj-side-nav-container {
  height: calc(100vh - 112px - 91px - 16px * 2) !important;
  top: 136px;
}
.uer-container .uer-panel {
  margin-left: 100px;
  background-color: #fff;
  border-radius: 5px;
  padding: 32px;
  padding-top: 0;
  height: calc(100vh - 112px - 124px - 16px * 2);
  overflow: hidden;
}
.uer-container .uer-panel .uer-panel-nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.uer-container .uer-panel .uer-panel-nav .panel-nav-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 15px;
  margin: 15px 0;
}
.uer-container .uer-panel .uer-panel-nav .panel-nav-row .nav-btn .t-button__text {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.uer-container .uer-panel .uer-panel-nav .panel-nav-row .nav-title {
  font-size: 16px;
  color: #000;
}
.uer-container .uer-panel .uer-table-box {
  overflow: auto;
  max-height: calc(100% - 120px);
}
.user-eval-report .uer-panel {
  margin-left: 0;
  padding: 0;
  height: auto;
  border-radius: 0;
  overflow: visible;
}
.user-eval-report .uer-panel .uer-panel-nav {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 16px;
}
.user-eval-report .uer-panel .uer-table-box {
  max-height: none;
}
.mobile-report-nav {
  background-color: #f4f6f9;
}
.mobile-report-nav .mobile-report-btn {
  padding: 14px 0px;
  margin: 0px 16px;
}
.mobile-report-nav .report-btn-act {
  border-bottom: 1px solid #0F6BFF;
  color: #0F6BFF;
}
.mobile-report-panel {
  height: calc(100vh - 45px);
  background-color: #f4f6f9;
  padding: 10px 16px 40px 16px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/StickyTool/index.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.custom-sticky-tool.coral-sticky-tools {
  bottom: 16px;
  right: 25px;
}
.custom-sticky-tool .coral-sticky-tools-service {
  cursor: default;
  border: none;
}
.custom-sticky-tool .coral-sticky-tools-service-title {
  width: 48px;
  height: 48px;
}
.custom-sticky-tool .coral-sticky-tools-service-content {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 48px;
  white-space: nowrap;
}
.custom-sticky-tool .coral-sticky-tools-content-item {
  width: 60px;
  height: 60px;
  border: none;
}
body:has(> #ss-chat-p) .custom-sticky-tool {
  bottom: 110px;
}
.coral-sticky-tools-service-content {
  -webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit;
  letter-spacing: inherit;
}
@media (max-width: 980px) {
  .coral-sticky-tools-service-content {
    display: none;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/user/component/UserPanelBalance/index.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.user-panel-balance {
  padding: 24px 0;
}
.user-panel-balance__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-panel-balance__title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin: 0;
}
.user-panel-balance__tabs .t-tabs__operations--right .t-tabs__btn {
  background: none;
  border-left: 0;
  padding-left: 4px;
}
.user-panel-balance__tabs .t-tabs__operations--right .t-tabs__btn:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-panel-balance__filters {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.user-panel-balance__filters-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.user-panel-balance__filters-group > * {
  margin-right: 10px;
}
.user-panel-balance__filters-group > *:last-child {
  margin-right: 0;
}
.user-panel-balance__filter-date.t-date-range-picker {
  width: 260px;
}
.user-panel-balance__filter-input.t-input__wrap {
  width: 180px;
}
.user-panel-balance__filter-select.t-select__wrap {
  width: 160px;
}
.user-panel-balance__table {
  padding-top: 8px;
}
.user-panel-balance__expired-tip {
  font-size: 12px;
}
.user-panel-balance__expired-tip a {
  font-size: 12px;
  text-decoration: underline;
}
.user-panel-balance__status-text {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-panel-balance__status-text > svg {
  margin-left: 4px;
}
.user-panel-balance__status-text.expired {
  color: #ef382d;
}
.expired-amount {
  color: var(--td-text-color-disabled);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/StatWrap/index.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.org-stat-list--info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  padding: 0;
}
.org-stat-list--section ~ .org-stat-list--section {
  margin-top: 24px;
}
.org-stat-list--overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 200px));
  grid-column-gap: 8px;
  width: calc(100% - 24px);
  margin-bottom: 8px;
  margin-top: 8px;
}
.org-stat-list--overview__card {
  background: #f3f3f3;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  position: relative;
}
.org-stat-list--overview__card .storage-usage-bar {
  margin-bottom: 10px;
}
.org-stat-list--overview__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  margin-bottom: 5px;
}
.org-stat-list--overview__value {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  /* identical to box height, or 129% */
  color: #000000;
  margin-top: 4px;
}
.org-stat-list--overview .org-stat-list--overview__btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.org-stat-list--overview .org-stat-list--overview__btn-separator {
  color: #999;
  line-height: 22px;
}
.org-stat-list--filter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}
.org-stat-list--filter__item {
  max-width: 25%;
  padding: 0 12px;
}
.org-stat-list--filter__item.col-1 {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.org-stat-list--filter__item.col-2 {
  -webkit-flex: 1.6 1;
      -ms-flex: 1.6 1;
          flex: 1.6 1;
}
.org-stat-list--filter__label {
  margin-top: 8px;
  margin-bottom: 4px;
  white-space: nowrap;
}
.org-stat-list--filter__reset {
  text-align: right;
}
.org-stat-list--filter__reset .t-button {
  margin-right: -16px;
  margin-top: 4px;
}
.org-stat-list--section__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
}
.org-stat-list--content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  padding: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/user/style.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
html,
body {
  height: 100%;
}
#root-container {
  min-width: 980px;
  height: 100%;
}
.page-user {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  background-color: #fff;
}
.page-user-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
}
.user-sidebar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 240px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: #fff;
  border-right: 1px solid #E7E7E7;
}
.user-sidebar__scroll {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow-y: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.user-sidebar__profile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 4px;
  margin: 16px 8px 0;
}
.user-sidebar__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.user-sidebar__info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.user-sidebar__name {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.9);
}
.user-sidebar__uid {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.user-sidebar__nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 8px 8px 16px;
}
.user-sidebar__nav-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-sidebar__nav-item:hover {
  background-color: #f5f5f5;
}
.user-sidebar__nav-item--active {
  background-color: #F0F6FF;
  color: #0F6BFF;
}
.user-sidebar__nav-item--active .user-sidebar__nav-icon .coral-icon,
.user-sidebar__nav-item--active .user-sidebar__nav-icon .t-icon {
  color: #0F6BFF;
  fill: #0F6BFF;
}
.user-sidebar__nav-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.user-sidebar__nav-icon .coral-icon,
.user-sidebar__nav-icon .t-icon {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  fill: rgba(0, 0, 0, 0.4);
}
.user-sidebar__nav-label {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-sidebar__divider {
  height: 1px;
  background-color: #E7E7E7;
  margin: 6px 8px;
}
.user-sidebar__footer {
  border-top: 1px solid #E7E7E7;
  padding: 8px;
}
.page-user .user-wrap {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow-y: auto;
  background-color: #fff;
}
.page-user .user-wrap .main {
  min-height: calc(100vh - 56px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 32px;
}
.page-user .user-wrap .main.MyAnswer-page {
  padding: 0;
}
.page-user .user-wrap .main .pagination-space {
  width: 100%;
  height: 48px;
}
.page-user .user-wrap .main .uer-container .wj-side-nav-button {
  padding: 8px;
}
.page-user .user-wrap .main .user-eval-report {
  min-width: 700px;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.page-user .user-wrap .main .user-eval-report-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 16px;
}
.page-user .user-wrap .main .user-eval-report-title > h3 {
  font-size: 16px;
  font-weight: 500;
}
.page-user .user-wrap .main .user-buy-record {
  min-width: 700px;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.page-user .user-wrap .main .user-buy-record .user-buy-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 84px;
  padding: 0;
}
.page-user .user-wrap .main .user-buy-record .user-buy-title > h3 {
  font-size: 20px;
  font-weight: 500;
}
.page-user .user-wrap .main .user-buy-record .user-buy-title > a {
  color: #0f6bff;
  font-size: 14px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-buy-record .user-buy-title > a .coral-icon {
  font-size: 16px;
  margin-right: 8px;
}
.page-user .user-wrap .main .user-my-enterprise {
  min-width: 700px;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table .ten-table-fixed {
  overflow-y: hidden;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table th {
  color: #999999;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table table th:last-child {
  text-align: right;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table table td:last-child {
  text-align: right;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table .ten-table-fixed-left table th:last-child {
  text-align: left;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table .ten-table-fixed-left table td:last-child {
  text-align: left;
}
.page-user .user-wrap .main .user-my-enterprise-content .enterprise-table.ten-table .operates .t-space-item {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-user .user-wrap .main .user-my-enterprise-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 16px;
}
.page-user .user-wrap .main .user-my-enterprise-title > h3 {
  font-size: 16px;
  font-weight: 500;
}
.page-user .user-wrap .main .user-my-enterprise-title .user-my-enterprise-operate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-my-enterprise-title .user-my-enterprise-operate .coral-icon {
  font-size: 16px;
}
.page-user .user-wrap .main .user-my-enterprise-title .user-my-enterprise-operate .t-button + .t-button {
  margin-left: 16px;
}
.page-user .user-wrap .main .user-my-enterprise-table-name {
  position: relative;
  padding-left: 24px;
  word-break: break-all;
}
.page-user .user-wrap .main .user-my-enterprise-table-name .saas-vip-icon {
  position: absolute;
  left: 0;
  top: 2px;
}
.page-user .user-wrap .main .user-my-enterprise .operate-separator {
  display: block;
  width: 1px;
  height: 100%;
  background-color: #e5e5e5;
}
.page-user .user-wrap .main .user-my-enterprise-table-role {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-my-enterprise-table-role .coral-icon {
  margin-right: 6px;
  font-size: 16px;
  height: 20px;
}
.page-user .user-wrap .main .user-my-enterprise-table-role .coral-icon.role-owner {
  fill: #0f6bff;
}
.page-user .user-wrap .main .user-my-enterprise-table-role .coral-icon.role-super-admin {
  fill: #ff9e01;
}
.page-user .user-wrap .main .user-my-enterprise-table-role .coral-icon.role-admin {
  fill: #1ed261;
}
.page-user .user-wrap .main .user-my-enterprise .name-columns {
  word-wrap: break-word;
}
.page-user .user-wrap .main .user-table-empty {
  width: 100%;
  height: calc(100vh - 56px - 70px - 184px - 92px - 70px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 32px;
}
.page-user .user-wrap .main .user-table-empty > img {
  display: block;
  width: 64px;
  height: 64px;
}
.page-user .user-wrap .main .user-table-empty > span {
  line-height: 26px;
  margin: 16px 0;
  color: #000;
}
.page-user .user-wrap .main .user-my-card {
  min-width: 700px;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.page-user .user-wrap .main .user-my-card-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 16px;
}
.page-user .user-wrap .main .user-my-card-title-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-user .user-wrap .main .user-my-card-title-label-link {
  background: #F5F9FF;
  border-radius: 6px;
  color: #0f6bff;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 26px;
  padding: 2px 8px 2px 0;
  vertical-align: middle;
  margin-left: 16px;
}
.page-user .user-wrap .main .user-my-card-title-label-link .coral-icon {
  fill: #0f6bff;
  font-size: 16px;
  margin: 0 8px;
}
.page-user .user-wrap .main .user-my-card-title-label-link.sample {
  color: var(--td-success-color);
}
.page-user .user-wrap .main .user-my-card-title-label-link.sample .coral-icon {
  fill: var(--td-success-color);
}
.page-user .user-wrap .main .user-my-card-title-label-link.resource {
  color: var(--td-warning-color);
}
.page-user .user-wrap .main .user-my-card-title-label-link.resource .coral-icon {
  fill: var(--td-warning-color);
}
.page-user .user-wrap .main .user-my-card-title > h3 {
  font-size: 16px;
  font-weight: 500;
}
.page-user .user-wrap .main .user-my-card-title .user-my-card-operate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-my-card-title .user-my-card-operate .coral-icon {
  font-size: 16px;
}
.page-user .user-wrap .main .user-my-card-title .user-my-card-operate .t-button + .t-button {
  margin-left: 16px;
}
.page-user .user-wrap .main .user-my-card-main .card-item {
  width: calc(50% - 12px);
  float: left;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 16px;
  margin-right: 24px;
  padding: 16px 20px 16px 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-my-card-main .card-item:nth-child(even) {
  margin-right: 0;
}
.page-user .user-wrap .main .user-my-card-main .card-item-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  padding-bottom: 4px;
}
.page-user .user-wrap .main .user-my-card-main .card-item-title-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-my-card-main .card-item-title-wrap .coral-icon-label_line {
  font-size: 32px;
  margin-right: 8px;
  fill: #0f6bff;
}
.page-user .user-wrap .main .user-my-card-main .card-item-title-wrap .is-expired {
  fill: #D8D8D8;
}
.page-user .user-wrap .main .user-my-card-main .card-item-end-time {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #999999;
}
.page-user .user-wrap .main .user-my-card-main .empty-card {
  padding: 150px 0;
  text-align: center;
}
.page-user .user-wrap .main .user-my-card-main .empty-card img {
  width: 64px;
}
.page-user .user-wrap .main .user-my-card-main .empty-card p {
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
.page-user .user-wrap .main .user-my-todo {
  min-width: 700px;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.page-user .user-wrap .main .user-my-todo .t-loading .t-icon-loading {
  width: 40px;
  height: 40px;
}
.page-user .user-wrap .main .user-my-todo-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 16px;
}
.page-user .user-wrap .main .user-my-todo-title > h3 {
  font-size: 16px;
  font-weight: 500;
}
.page-user .user-wrap .main .user-my-todo-title .todo-crumb {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .user-wrap .main .user-my-todo-title .todo-crumb .t-breadcrumb__inner {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.page-user .user-wrap .main .user-my-todo-title .todo-crumb .act-crumbItem .t-breadcrumb__inner {
  color: #0F6BFF;
  display: inline-block;
}
.page-user .user-wrap .main .user-my-todo .name-columns {
  word-wrap: break-word;
}
.page-user .user-wrap .main .user-my-groups {
  padding: 0;
}
.page-user .user-my-groups {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.page-user .user-my-groups-header {
  margin-top: 0;
  height: 60px;
  line-height: 60px;
}
.page-user .MyTodo-page {
  min-height: 500px !important;
}
.page-user .ten-loading.ten-loading {
  position: relative;
  height: 100%;
}
.mobile-bind-dialog .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.mobile-bind-dialog .content > section {
  width: 100%;
}
.mobile-bind-dialog .content > section:first-child {
  margin-top: 40px;
}
.mobile-bind-dialog .content > section > .title {
  display: block;
  line-height: 24px;
  margin-bottom: 8px;
}
.mobile-bind-dialog .content > section > em {
  display: block;
  margin: 8px 0;
  line-height: 24px;
  height: 24px;
  color: #ef382d;
  visibility: hidden;
  font-style: normal;
}
.mobile-bind-dialog .content > section > em.error {
  visibility: visible;
}
.mobile-bind-dialog .content > section .input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mobile-bind-dialog .content > section .input-group .coral-input__input {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-right: 8px;
}
.mobile-bind-dialog .content > section .coral-icon-correct_fill {
  fill: #0f6bff;
  font-size: 16px;
}


/*# sourceMappingURL=user.ea4808d4.css.map*/