/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/antd-mobile/es/components/date-picker/date-picker.css ***!
  \************************************************************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/antd-mobile/es/components/picker/picker.css ***!
  \**************************************************************************************************************************************************************************************************************/
.adm-picker {
  --header-button-font-size: 15px;
  --title-font-size: 15px;
  --item-font-size: 16px;
  --item-height: 34px;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  ---item-font-size: var(--item-font-size);
  ---item-height: var(--item-height);
}
.adm-picker .adm-picker-view.adm-picker-view {
  --item-font-size: var(---item-font-size);
  --item-height: var(---item-height);
}
.adm-picker-header {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border-bottom: solid 1px var(--adm-border-color);
  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: 4px 4px;
}
.adm-picker-header-button {
  font-size: var(--header-button-font-size);
  display: inline-block;
  padding: 8px 8px;
}
.adm-picker-header-title {
  padding: 4px 4px;
  font-size: var(--title-font-size);
  color: var(--adm-color-text);
  text-align: center;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.adm-picker-body {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  height: 100%;
  width: 100%;
}
.adm-picker-body > .adm-picker-view {
  --height: 100%;
}
.adm-picker-popup .adm-popup-body {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/antd-mobile/es/components/popup/popup.css ***!
  \************************************************************************************************************************************************************************************************************/
.adm-popup {
  --z-index: var(--adm-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-popup-body {
  position: fixed;
  background-color: #ffffff;
  z-index: calc(var(--z-index) + 10);
}
.adm-popup-body-position-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}
.adm-popup-body-position-top {
  width: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-left {
  height: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-right {
  height: 100%;
  top: 0;
  right: 0;
}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/antd-mobile/es/components/mask/mask.css ***!
  \**********************************************************************************************************************************************************************************************************/
.adm-mask {
  --z-index: var(--adm-mask-z-index, 1000);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  display: block;
  width: 100%;
  height: 100%;
}
.adm-mask-aria-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.adm-mask-content {
  z-index: 1;
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/antd-mobile/es/components/picker-view/picker-view.css ***!
  \************************************************************************************************************************************************************************************************************************/
.adm-picker-view {
  --height: 240px;
  --item-height: 34px;
  --item-font-size: 16px;
  height: var(--height);
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  background: var(--adm-color-white);
}
.adm-picker-view-column {
  height: 100%;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
  position: relative;
  z-index: 0;
}
.adm-picker-view-column-wheel {
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  top: calc(50% - var(--item-height) / 2);
  left: 0;
}
.adm-picker-view-column-wheel::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: -100vh;
}
.adm-picker-view-column-wheel::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  bottom: -100vh;
}
.adm-picker-view-column-item {
  font-size: var(--item-font-size);
  padding: 0 6px;
  height: var(--item-height);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.adm-picker-view-column-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adm-picker-view-column-accessible {
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 0;
}
.adm-picker-view-column-accessible > * {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  text-overflow: ellipsis;
}
.adm-picker-view-column-accessible-current {
  position: absolute;
  width: 100%;
  height: 100%;
}
.adm-picker-view-column-accessible-button {
  width: 100%;
  height: 100%;
}
.adm-picker-view-mask {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
}
.adm-picker-view-mask-top,
.adm-picker-view-mask-bottom {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.adm-picker-view-mask-middle {
  height: var(--item-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border-top: solid 1px var(--adm-border-color);
  border-bottom: solid 1px var(--adm-border-color);
}
.adm-picker-view-mask-top {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(#ffffff));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);
}
.adm-picker-view-mask-bottom {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(#ffffff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/antd-mobile/es/components/safe-area/safe-area.css ***!
  \********************************************************************************************************************************************************************************************************************/
.adm-safe-area {
  display: block;
  width: 100%;
}
.adm-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));
}
.adm-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/layout/LayoutEditPc/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;
}
ol,
ul,
li {
  list-style: none;
}
html,
body {
  height: 100%;
  margin: 0;
  background-color: #f4f6f9;
  overflow-y: hidden;
}
body {
  font-family: 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
  font-size: 14px;
}
#root-container {
  min-width: 980px;
  height: 100%;
}
.layout-left,
.layout-main,
.layout-right {
  height: calc(100% - 56px - 60px);
}
.not-subheader {
  height: calc(100% - 56px);
}
.second-nav {
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 104px;
}
.second-nav.single-nav-height {
  padding-top: 58px;
}
.second-nav.single-nav-height .deliver-aside,
.second-nav.single-nav-height .wj-side-nav-container {
  top: 78px;
}
.layout-left {
  position: relative;
  float: left;
  z-index: 2;
}
.layout-left.second-nav {
  height: 100vh;
}
.layout-right {
  position: relative;
  float: right;
  z-index: 2;
}
.layout-main {
  color: #333333;
  overflow: auto;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.layout-main::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.layout-main::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.layout-main::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.layout-container {
  position: relative;
  margin: 0 auto;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 100%;
  max-width: 1240px;
  z-index: 1;
}
.layout-container.fill {
  max-width: none;
}
.layout-container-head {
  margin: 10px 0 20px 0;
}
.layout-container-head:after {
  content: ' ';
  display: block;
  clear: both;
}
.layout-container-head .survey-title,
.layout-container-head .survey-recycle {
  float: left;
}
.layout-container-head .survey-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.layout-container-head .survey-recycle {
  margin-left: 10px;
  margin-top: 3px;
  padding: 0 6px;
  line-height: 20px;
  font-size: 12px;
  -webkit-box-shadow: 0 0 0 1px #bbb;
          box-shadow: 0 0 0 1px #bbb;
  border-radius: 20px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Enterprise/SubscriptionAlert/index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.subscription-alert-global.t-alert {
  position: fixed;
  z-index: 9;
  top: 9px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #FFD9C2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 65vw;
  -webkit-transform: translateX(calc(50vw - 50%));
      -ms-transform: translateX(calc(50vw - 50%));
          transform: translateX(calc(50vw - 50%));
}
.subscription-alert-global.t-alert .t-alert__icon {
  color: #E37318;
}
.subscription-alert-global.t-alert.subscription-alert-mobile {
  position: fixed;
  z-index: 99;
  background-color: #FFF1E9;
  width: 100%;
  top: 46px;
  border-radius: 0;
  padding: 13px 16px;
  max-width: 100vw;
}
.subscription-alert-global.t-alert.subscription-alert-mobile .t-alert__icon {
  color: #E37318;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/date-picker/_index.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.t-date-picker,
.t-date-range-picker {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-date-picker__header-controller-month-popup > .t-popup__content,
.t-date-picker__header-controller-year-popup > .t-popup__content {
  max-height: 160px;
}
.t-date-picker__panel-container > .t-popup__content,
.t-date-range-picker__panel-container > .t-popup__content {
  padding: 0;
  min-width: 280px;
}
.t-date-picker__panel,
.t-date-range-picker__panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__panel--direction-row,
.t-date-range-picker__panel--direction-row {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.t-date-picker__panel .t-time-picker__panel,
.t-date-range-picker__panel .t-time-picker__panel {
  width: 216px;
}
.t-date-picker__panel .t-time-picker__panel-section-body,
.t-date-range-picker__panel .t-time-picker__panel-section-body {
  padding: 0;
}
.t-date-picker__panel .t-time-picker__panel-body,
.t-date-range-picker__panel .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-content,
.t-date-range-picker__panel-content,
.t-date-range-picker__panel-content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__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;
  gap: var(--td-comp-margin-m);
  width: 100%;
}
.t-date-picker__header-controller {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--td-comp-margin-s);
}
.t-date-picker__header-controller .t-date-picker__header-controller-month {
  width: 80px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__header-controller .t-date-picker__header-controller-year {
  width: 78px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__table table {
  width: 100%;
  border-collapse: collapse;
}
.t-date-picker__table table th {
  text-align: center;
  color: var(--td-text-color-secondary);
  font-weight: 400;
}
.t-date-picker__table table td.t-date-picker__cell {
  text-align: center;
  font-weight: 500;
}
.t-date-picker__table table th,
.t-date-picker__table table td.t-date-picker__cell {
  padding: 0;
  border: 0;
  line-height: var(--td-line-height-body-medium);
}
.t-date-picker__table table thead::after {
  content: "-";
  display: block;
  line-height: var(--td-comp-margin-xs);
  color: transparent;
}
.t-date-picker__table table thead::before {
  content: "-";
  display: block;
  line-height: var(--td-comp-margin-xs);
  color: transparent;
}
.t-date-picker__table-week-row {
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
}
.t-date-picker__table-week-row .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__table-week-row .t-date-picker__cell:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.t-date-picker__table-week-row::after {
  content: "";
  position: absolute;
  left: var(--td-comp-margin-xxxl);
  right: 0;
  top: calc(var(--td-comp-margin-xs) - 1px);
  z-index: 10;
  height: var(--td-comp-size-xs);
  border-radius: var(--td-radius-default);
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  pointer-events: none;
}
.t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.t-date-picker__table-week-row:hover::after {
  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
          box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__table-week-row--active::after {
  opacity: 1;
  z-index: 0;
  background-color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell .t-date-picker__cell-inner {
  background: transparent;
  color: var(--td-text-color-anti);
}
.t-date-picker__table-week-row--range::after {
  opacity: 1;
  z-index: 0;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__table-week-row--range .t-date-picker__cell .t-date-picker__cell-inner {
  background: transparent;
}
.t-date-picker__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--td-pop-padding-xl);
  gap: var(--td-comp-margin-s);
}
.t-date-picker__footer--bottom {
  border-top: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--top {
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left .t-date-picker__presets {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__footer--right {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--right .t-date-picker__presets {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__presets {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--td-comp-margin-s);
  white-space: nowrap;
  min-width: var(--td-comp-size-xl);
}
.t-date-picker__presets .t-button {
  cursor: pointer;
}
.t-date-picker__presets a {
  color: var(--td-brand-color);
}
.t-date-picker__presets a:hover {
  color: var(--td-brand-color-hover);
}
.t-date-picker__panel-time,
.t-date-range-picker__panel-time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--td-comp-margin-m) / 2);
  padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__panel-time-viewer,
.t-date-range-picker__panel-time-viewer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--td-comp-size-m);
  line-height: var(--td-line-height-body-medium);
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--td-text-color-primary);
}
.t-date-picker__panel-time .t-time-picker__panel-body,
.t-date-range-picker__panel-time .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-year,
.t-date-picker__panel-month,
.t-date-picker__panel-quarter,
.t-date-picker__panel-week,
.t-date-picker__panel-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--td-pop-padding-xl);
  gap: var(--td-comp-margin-m);
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after {
  opacity: 1;
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
  z-index: 5;
}
.t-date-picker__panel-year .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before {
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__header-controller-year,
.t-date-picker__panel-month .t-date-picker__header-controller-year,
.t-date-picker__panel-quarter .t-date-picker__header-controller-year {
  width: 130px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__panel-year .t-date-picker__table table tbody,
.t-date-picker__panel-month .t-date-picker__table table tbody,
.t-date-picker__panel-quarter .t-date-picker__table table tbody {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--td-comp-margin-m);
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__panel-year .t-date-picker__table table tbody tr,
.t-date-picker__panel-month .t-date-picker__table table tbody tr,
.t-date-picker__panel-quarter .t-date-picker__table table tbody tr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-date-picker__panel-year .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-month .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-quarter .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before {
  left: calc(0px - var(--td-comp-size-xxxl));
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(1) {
  text-align: left;
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(3) {
  text-align: right;
}
.t-date-picker__panel-year .t-date-picker__cell-inner,
.t-date-picker__panel-month .t-date-picker__cell-inner,
.t-date-picker__panel-quarter .t-date-picker__cell-inner {
  width: var(--td-comp-size-xxl);
}
.t-date-picker__cell {
  cursor: pointer;
  position: relative;
  padding: 0;
}
.t-date-picker__cell::before,
.t-date-picker__cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5%;
  left: -5%;
  z-index: 1;
  opacity: 0;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-xs);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-date-picker__cell:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
          box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__cell-inner {
  position: relative;
  z-index: 5;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  margin: calc(var(--td-comp-margin-xs) - 1px);
  border-radius: var(--td-radius-default);
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-date-picker__cell--now .t-date-picker__cell-inner {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight::before {
  opacity: 1;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.06);
}
.t-date-picker__cell--additional:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.t-date-picker__cell--additional .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__cell--active .t-date-picker__cell-inner {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-date-picker__cell--active-start::before {
  opacity: 1;
  left: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-left-radius: var(--td-radius-default);
  border-bottom-left-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-start:hover::before {
  left: -5%;
}
.t-date-picker__cell--active-end::before {
  opacity: 1;
  right: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-right-radius: var(--td-radius-default);
  border-bottom-right-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-end:hover::before {
  right: -5%;
}
.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled + .t-date-picker__cell--disabled::before {
  opacity: 1;
  left: calc(0px - var(--td-comp-size-l));
  background-color: var(--td-bg-color-component-disabled);
  border-radius: var(--td-radius-default);
}
.t-date-picker__input--placeholder input {
  color: var(--td-text-color-placeholder);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/auto-complete/_index.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.t-select-option__highlight-item .t-is-highlight {
  color: var(--td-brand-color);
}
.t-auto-complete {
  width: 100%;
}
.t-auto-complete .t-input__suffix-clear {
  display: none;
}
.t-auto-complete:hover .t-input__suffix-clear {
  display: inline-block;
}
.t-auto-complete__panel--empty {
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  text-align: center;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/breadcrumb/_index.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
@-webkit-keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
@keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
.t-breadcrumb {
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb__separator {
  margin: 0 var(--td-comp-margin-xs);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb__separator .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-text-color-placeholder);
  text-decoration: none;
}
.t-breadcrumb__item.t-is-current {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item.t-is-current .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item:last-child {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item:last-child .t-breadcrumb__separator {
  display: none;
}
.t-breadcrumb__item .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-breadcrumb__item .t-link {
  color: inherit;
  text-decoration: none;
}
.t-breadcrumb__item .t-link:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__item .t-is-disabled {
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner {
  color: var(--td-text-color-disabled);
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active {
  -webkit-animation: none;
          animation: none;
}
.t-breadcrumb__item--arrow {
  margin: 0 var(--td-comp-margin-xs);
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__item--slash {
  margin: 0 var(--td-comp-margin-xs);
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner {
  font: var(--td-font-body-medium);
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner .t-icon {
  margin: 0 var(--td-comp-margin-xs);
}
.t-breadcrumb__select {
  position: relative;
}
.t-breadcrumb__select:hover .t-breadcrumb__option {
  display: block;
}
.t-breadcrumb__select-item:hover .t-icon {
  color: var(--td-brand-color);
}
.t-breadcrumb__option {
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 120px;
  background: var(--td-bg-color-container);
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__option-item {
  padding: 8px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb__option-item:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__option-item.t-is-active {
  color: var(--td-brand-color);
}
.t-breadcrumb__inner-msg {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 300px;
  padding: 8px;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
  border-radius: calc(var(--td-radius-default) * 0.5);
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__inner-msg::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: var(--td-bg-color-container) transparent transparent transparent;
  z-index: 20;
}
.t-breadcrumb--text-overflow {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg {
  display: block;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner {
  max-width: 120px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover {
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
  -webkit-animation: 0.2s linear changeColor;
          animation: 0.2s linear changeColor;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/privacy/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.tencent-privacy-dialog-mobile .m-popup-content__container {
  padding-top: 12px;
  padding-bottom: 12px;
}
.privacy-dialog-survey-mobile .m-popup-content__container {
  padding: 20px;
}
.privacy-dialog-survey-mobile .privacy-policy-respondent-header {
  font-size: 24px;
  line-break: 28px;
}
.privacy-dialog-survey-mobile .privacy-policy-respondent-time,
.privacy-dialog-survey-mobile .privacy-policy-respondent section {
  margin-top: 16px;
}
.privacy-dialog-prefix {
  background: var(--td-brand-color-light);
  border-radius: var(--td-radius-default);
  padding: 16px;
  line-height: 26px;
}
.privacy-dialog-generation {
  padding-bottom: 20px;
  line-height: 26px;
}
.privacy-dialog-generation-word {
  margin-top: 16px;
}
.privacy-dialog-generation-word + section {
  margin-top: 16px;
}
.privacy-dialog-generation textarea {
  resize: none;
}
.privacy-dialog hr {
  border-top: 1px solid var(--td-component-border);
  border-bottom: unset;
  margin-top: 24px;
  margin-bottom: 24px;
}
.privacy-dialog .ten-radio-group .ten-radio {
  display: block;
  margin-top: 14px;
}
.privacy-dialog .ten-radio-group .ten-radio + .ten-radio {
  margin-left: 0;
}
.privacy-dialog-section {
  margin-top: 24px;
}
.privacy-dialog-section > p:nth-child(1) {
  font-weight: bold;
}
.privacy-dialog-section textarea {
  margin-top: 8px;
}
.privacy-dialog-section table {
  margin-top: 8px;
  width: 100%;
  border-radius: var(--td-radius-default);
  border-collapse: collapse;
  border: 1px hidden var(--td-component-stroke);
  -webkit-box-shadow: 0 0 0 1px var(--td-component-stroke);
          box-shadow: 0 0 0 1px var(--td-component-stroke);
}
.privacy-dialog-section table tr {
  height: 40px;
}
.privacy-dialog-section table tr th:nth-child(1),
.privacy-dialog-section table tr td:nth-child(1) {
  text-align: center;
}
.privacy-dialog-section table th,
.privacy-dialog-section table td {
  border: 1px solid var(--td-component-stroke);
  padding: 7px 24px;
  text-align: left;
}
.privacy-dialog-section table th {
  color: var(--td-text-color-placeholder);
  font-weight: normal;
}
.privacy-dialog-section table th:nth-child(1) {
  width: 28px;
  white-space: nowrap;
}
.privacy-dialog-detected .privacy-dialog-section table th:nth-child(3),
.privacy-dialog-detected .privacy-dialog-section table td:nth-child(3) {
  width: 16px;
  border-left: none;
}
.privacy-dialog-detected .privacy-dialog-section table th:nth-child(2),
.privacy-dialog-detected .privacy-dialog-section table td:nth-child(2) {
  border-right: none;
}
.privacy-dialog-section .delete-time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.privacy-dialog-section .delete-time span {
  line-height: 40px;
}
.privacy-dialog-section .delete-time .coral-input__select {
  width: 64px;
  margin: 0 8px;
}
.privacy-dialog-userinfo .coral-input-wrap {
  display: inline-block;
}
.privacy-dialog-userinfo .input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  margin-top: 8px;
  margin-bottom: 40px;
}
.privacy-dialog-userinfo .phone {
  margin-left: 40px;
}
.privacy-dialog__footer-check-preset-agreement {
  position: absolute !important;
  left: 24px;
  bottom: 16px;
}
.ua-mobile .privacy-dialog__footer-check-preset-agreement {
  position: static !important;
  margin-top: 10px;
}
.ua-mobile .privacy-dialog .t-dialog__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.privacy-update-message button {
  background: none;
  color: var(--td-brand-color);
  margin-left: 5px;
}
.privacy-policy-check {
  margin-top: 40px;
}
.survey-mobile .privacy-policy-check {
  padding: 0 20px;
}
.survey-mobile .privacy-policy-check .coral-button {
  font-size: 16px;
}
.privacy-policy-check-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.privacy-policy-check-content .coral-checkbox {
  line-height: 1.5;
}
.privacy-policy-check-content-text {
  margin-left: 8px;
  line-height: 26px;
  font-size: 14px;
}
.privacy-policy-check button,
.privacy-policy-check a {
  border: none;
  margin-left: 0!important;
}
.privacy-policy-check-err {
  margin-top: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--td-error-color);
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.privacy-policy-check-err .coral-icon-alert_fill {
  fill: var(--td-error-color);
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.privacy-policy-respondent {
  line-height: 26px;
}
.privacy-policy-respondent-header {
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  line-height: 48px;
}
.privacy-policy-respondent-time {
  margin-top: 40px;
}
.privacy-policy-respondent section {
  margin-top: 24px;
}
.privacy-policy-respondent section > p:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 8px;
}
@media screen and (max-width: 550px) {
  .privacy-policy-check-content .t-checkbox .t-checkbox__input {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 20px;
    height: 20px;
  }
  .privacy-policy-check-content .t-checkbox .t-checkbox__label {
    margin-left: 15px;
  }
  .privacy-policy-check-content .t-is-checked .t-checkbox__input::after {
    top: 8px;
    left: 4px;
    width: 6px;
    height: 12px;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/drawer/_index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * 颜色
 */
/**
 * 尺寸
 */
/**
 * 字体
 */
/**
 * 动画
 */
/**
 * 间距
 */
/**
 * 位置
 */
/**
 * 边框弧度
 */
.t-drawer-fade-enter,
.t-drawer-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-drawer-fade-exit {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-drawer-fade-enter.t-drawer-fade-enter-active,
.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,
.t-drawer-fade-appear.t-drawer-fade-appear-active,
.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to {
  -webkit-animation-name: tDrawerFadeIn;
          animation-name: tDrawerFadeIn;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.t-drawer-fade-exit.t-drawer-fade-exit-active,
.t-drawer-fade-leave-active.t-drawer-fade-leave-to {
  -webkit-animation-name: tDrawerFadeOut;
          animation-name: tDrawerFadeOut;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes tDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tDrawerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tDrawerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-drawer {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: fixed;
  z-index: 1500;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  outline: none;
}
.t-drawer--lock {
  overflow: hidden;
}
.t-drawer--attach {
  position: absolute;
}
.t-drawer--left,
.t-drawer--right {
  top: 0;
}
.t-drawer--left {
  left: 0;
}
.t-drawer--right {
  right: 0;
}
.t-drawer--top,
.t-drawer--bottom {
  left: 0;
}
.t-drawer--top {
  top: 0;
}
.t-drawer--bottom {
  bottom: 0;
}
.t-drawer__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--td-mask-active);
  -webkit-transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  opacity: 0;
}
.t-drawer__content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--td-bg-color-container);
  width: 16px;
  height: 16px;
  font-size: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  overflow: hidden;
  pointer-events: auto;
  -webkit-transition: visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  position: relative;
}
.t-drawer .t-drawer__content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.t-drawer .t-drawer__content-wrapper--left,
.t-drawer .t-drawer__content-wrapper--right {
  top: 0;
}
.t-drawer .t-drawer__content-wrapper--left {
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.t-drawer .t-drawer__content-wrapper--right {
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.t-drawer .t-drawer__content-wrapper--top,
.t-drawer .t-drawer__content-wrapper--bottom {
  left: 0;
}
.t-drawer .t-drawer__content-wrapper--top {
  top: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.t-drawer .t-drawer__content-wrapper--bottom {
  bottom: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.t-drawer__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: var(--td-comp-size-xxxl);
  padding: 0 var(--td-comp-paddingLR-l);
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  border-bottom: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-small) var(--td-radius-small) 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-drawer__body {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  overflow: auto;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.t-drawer__footer {
  width: 100%;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  text-align: left;
  border-top: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-drawer__footer .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-drawer__footer .t-button:first-child {
  margin-left: 0;
}
.t-drawer__close-btn {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
  right: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.t-drawer__close-btn:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-drawer__close-btn:active {
  background-color: var(--td-bg-color-container-active);
}
.t-drawer__close-btn .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  vertical-align: unset;
}
.t-drawer--open {
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.t-drawer--open > .t-drawer__content-wrapper {
  visibility: visible;
}
.t-drawer--open > .t-drawer__mask {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.t-drawer--without-mask {
  pointer-events: none;
}
[tabindex="-1"]:focus {
  outline: none !important;
  /* stylelint-disable-line */
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Setting/components/evaluate-relationship-table/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.evaluate-relationship-table-container {
  width: 100%;
}
.evaluate-relationship-table-container .t-table__content {
  overflow-x: hidden;
}
.evaluate-relationship-table-container .t-table th,
.evaluate-relationship-table-container .t-table td {
  padding-left: 8px;
  padding-right: 8px;
}
.evaluate-relationship-table-container .t-table__th-selfEvaluate {
  width: 74px;
}
.evaluate-relationship-table-container .t-table__th-operate {
  width: 100px;
}
.evaluate-relationship-table-container .t-table__cell-wrap .t-select-input,
.evaluate-relationship-table-container .t-table__cell--editable .t-select-input,
.evaluate-relationship-table-container .t-table__cell-wrap .t-checkbox,
.evaluate-relationship-table-container .t-table__cell--editable .t-checkbox {
  display: block;
}
.evaluate-relationship-table-container .t-table__empty-row {
  display: none;
}
.evaluate-relationship-table-container .t-table__first-full-row {
  padding: 0;
  height: 57px;
}
.evaluate-relationship-table-container .t-table__first-full-row > td {
  padding: 0;
  border: 0px;
}
.evaluate-relationship-table-container .t-table__first-full-row .t-table__row-full-element {
  padding: 0;
}
.evaluate-relationship-table-container .t-table__first-full-row .evaluate-relationship-table-add-item-button-container {
  text-align: center;
  padding: 13px 24px 11px 24px;
  background-color: var(--td-bg-color-container);
  border-bottom: 1px solid transparent;
}
.evaluate-relationship-table-container .t-table__body > tr:last-child.t-table__first-full-row .evaluate-relationship-table-add-item-button-container {
  border-radius: var(--td-radius-default);
}
.evaluate-relationship-table-container .t-table__body > tr:not(:last-child).t-table__first-full-row .evaluate-relationship-table-add-item-button-container {
  border-color: var(--td-component-border);
}
.evaluate-relationship-table-container .t-table td.members-cell .members-cell-wrap {
  max-height: 170px;
  overflow-y: auto;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.evaluate-relationship-table-container .t-table td.members-cell .members-cell-wrap::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.evaluate-relationship-table-container .t-table td.members-cell .members-cell-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.evaluate-relationship-table-container .t-table td.members-cell .members-cell-wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.evaluate-relationship-table-container .t-table__scroll-bar-divider {
  top: 0;
  bottom: unset;
  z-index: 501;
}
.select-input-ul-autocomplete,
.select-input-ul-autocomplete li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.select-input-ul-autocomplete li {
  line-height: 40px;
  min-width: 200px;
  padding: 0 8px;
  cursor: pointer;
}
.select-input-ul-autocomplete li:hover,
.select-input-ul-autocomplete li:focus {
  background-color: var(--td-bg-color-container-hover);
}
.e-user {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.e-user-wrap {
  text-align: center;
}
.e-user-name {
  margin-top: 4px;
}
.confirm-change-page-dialog .t-dialog__header-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.group-select .t-input__prefix,
.group-select .select-label {
  white-space: nowrap;
  overflow-x: auto;
  display: inline-block;
  width: 160px;
  text-align: left;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.group-select .t-input__prefix::-webkit-scrollbar,
.group-select .select-label::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/MemberPicker/Select/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.member-picker-select .t-tag-input--break-line {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.member-picker-select .t-tag-input--break-line .t-input {
  max-height: 170px;
  overflow: auto;
  overflow: overlay;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.member-picker-select .t-tag-input--break-line .t-input::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.member-picker-select .t-tag-input--break-line .t-input::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.member-picker-select .t-tag-input--break-line .t-input::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.member-picker-select .t-tag-input--break-line .t-input .t-input__suffix {
  position: fixed;
}
.member-picker-select .t-tag-input--break-line .t-input .t-input__input-pre {
  height: 0;
  overflow: hidden;
}
.member-picker-select-popup .t-popup__content {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.member-picker-select-popup .t-popup__content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.member-picker-select-popup .t-popup__content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.member-picker-select-popup .t-popup__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.member-picker-select-popup .t-popup__content .t-tree__label {
  white-space: nowrap;
}
.member-picker-select-popup .t-popup__content .t-tree__label.t-checkbox {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.member-picker-select-popup .t-popup__content .t-tree__label.t-checkbox .t-checkbox__label {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 0;
  margin-right: 8px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/tree-select/_index.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.t-tree-select {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-tree-select--without-input input {
  display: none;
}
.t-tree-select--without-input .t-input__suffix-icon {
  margin-left: auto;
}
.t-tree-select .t-fake-arrow {
  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  color: var(--td-text-color-placeholder);
}
.t-tree-select .t-fake-arrow--highlight {
  color: var(--td-text-color-brand);
}
.t-tree-select .t-fake-arrow--disable {
  color: var(--td-text-color-disabled);
}
.t-tree-select--placeholder {
  color: var(--td-text-color-placeholder);
}
.t-tree-select.t-single-suffix {
  padding-right: 20px;
}
.t-tree-select.t-tag-prefix {
  padding-left: 4px;
}
.t-tree-select-popup .t-popup__content {
  padding: var(--td-pop-padding-m);
  max-height: 300px;
  overflow-y: auto;
}
@-moz-document url-prefix() {
  .t-tree-select-popup .t-popup__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-editor/components/SurveyActionWrap/style.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.survey-action-tooltip {
  pointer-events: none;
}
.survey-action--prevent {
  pointer-events: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-actions/export/less/index.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.export-package {
  bottom: calc(98px + 10px);
  height: 5px;
  width: 80%;
  display: block;
  left: 10%;
  position: absolute;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.export-package .export-progress {
  position: relative;
  height: 100%;
  background: #419be9;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.export-package .export-progress::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 200px;
  background-size: 20px 20px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
@-webkit-keyframes progress-bar-stripes {
  from {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  to {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
}
@keyframes progress-bar-stripes {
  from {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  to {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Setting/components/evaluate-relationship-table/styles/evaluation-relationship-batch.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.evaluation-relationship-batch-add-dialog .t-dialog__body .t-checkbox-group {
  height: calc(100% - 65px) !important;
}
.evaluation-relationship-batch-add-dialog .base-picker-root {
  margin-top: 0;
}
.evaluation-relationship-batch-add-dialog .evaluate-relationship-batch-add-content-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;
  margin: 0 -24px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--td-border-level-1-color);
}
.evaluation-relationship-batch-add-dialog .evaluate-relationship-batch-add-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-text-color-placeholder);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Setting/components/evaluate-weight-table/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.evaluate-weight-table-container {
  white-space: nowrap;
}
.evaluate-weight-table-container .t-table__header tr th {
  border-bottom-color: transparent;
}
.evaluate-weight-table-container .t-table__header tr th:first-child {
  border-top-left-radius: var(--td-radius-default);
  border-bottom-left-radius: var(--td-radius-default);
}
.evaluate-weight-table-container .t-table__header tr th:last-child {
  border-top-right-radius: var(--td-radius-default);
  border-bottom-right-radius: var(--td-radius-default);
}
.evaluate-weight-table-container .t-table__cell-wrap .t-input-number,
.evaluate-weight-table-container .t-table__cell--editable .t-input-number {
  width: 100%;
}
.evaluate-weight-table-container .cell-text--weight {
  display: inline-block;
  line-height: 32px;
  padding: 0 8px;
  border: 1px solid transparent;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-align-items: center;
      -ms-flex-align: center;
          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);
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  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;
      -ms-user-select: none;
          user-select: none;
}
.t-switch:hover {
  background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-switch__handle {
  position: absolute;
  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;
  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);
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  -webkit-box-shadow: var(--td-shadow-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;
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          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);
  -webkit-transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
  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);
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          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: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  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 {
  -webkit-box-shadow: none;
          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 {
  -webkit-box-shadow: none;
          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/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/card/_index.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.t-card {
  font: var(--td-font-body-medium);
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-card--bordered {
  border: 1px solid var(--td-component-border);
}
.t-card--shadow-hover:hover,
.t-card--shadow {
  -webkit-box-shadow: var(--td-shadow-1);
          box-shadow: var(--td-shadow-1);
}
.t-card__cover {
  display: flow-root;
}
.t-card__cover img {
  display: flow-root;
  width: 100%;
  max-height: 100%;
  border-radius: var(--td-radius-default) var(--td-radius-default) 0 0;
}
.t-card__body {
  display: flow-root;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__header {
  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: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  position: relative;
}
.t-card__header-wrapper {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-card__header + .t-card__cover img {
  border-radius: 0;
}
.t-card__footer {
  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;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__footer-wrapper {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.t-size-s .t-card__body {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__header {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__footer {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-card__avatar {
  margin-right: var(--td-comp-margin-l);
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
}
.t-card__title {
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  margin-right: var(--td-comp-margin-l);
  word-break: break-all;
}
.t-card__subtitle {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  word-break: break-all;
}
.t-card__description {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-xs);
  word-break: break-all;
}
.t-card__actions {
  float: right;
  color: var(--td-brand-color);
}
.t-card__title--bordered {
  border-bottom: 1px solid var(--td-component-border);
}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/tdesign-react/es/style/index.css ***!
  \***************************************************************************************************************************************************************************************************/
:root {
  --td-screen-xs: 320px;
  --td-screen-sm: 768px;
  --td-screen-md: 992px;
  --td-screen-lg: 1200px;
  --td-screen-xl: 1400px;
  --td-screen-xxl: 1880px;
}
@-moz-document url-prefix() {
  .narrow-scrollbar {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.narrow-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-fake-arrow path {
  -webkit-transition: d 0.2s;
  transition: d 0.2s;
  stroke: currentcolor;
}
.t-fake-arrow--active path {
  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
}
.t-slide-down-enter-active,
.t-slide-down-leave-active {
  -webkit-transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}

:root,
:root[theme-mode="light"] {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #ffffff;
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-6);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 0.6);
  --td-mask-disabled: rgba(255, 255, 255, 0.6);
  --td-bg-color-page: var(--td-gray-color-2);
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: var(--td-gray-color-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-container-select: #fff;
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-hover: var(--td-gray-color-4);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-7);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
  --td-table-shadow-color: rgba(0, 0, 0, 0.08);
  --td-scrollbar-color: rgba(0, 0, 0, 0.1);
  --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
  --td-scroll-track-color: #fff;
}
:root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
  --td-warning-color-1: #4f2a1d;
  --td-warning-color-2: #582f21;
  --td-warning-color-3: #733c23;
  --td-warning-color-4: #a75d2b;
  --td-warning-color-5: #cf6e2d;
  --td-warning-color-6: #dc7633;
  --td-warning-color-7: #e8935c;
  --td-warning-color-8: #ecbf91;
  --td-warning-color-9: #eed7bf;
  --td-warning-color-10: #f3e9dc;
  --td-error-color-1: #472324;
  --td-error-color-2: #5e2a2d;
  --td-error-color-3: #703439;
  --td-error-color-4: #83383e;
  --td-error-color-5: #a03f46;
  --td-error-color-6: #c64751;
  --td-error-color-7: #de6670;
  --td-error-color-8: #ec888e;
  --td-error-color-9: #edb1b6;
  --td-error-color-10: #eeced0;
  --td-success-color-1: #193a2a;
  --td-success-color-2: #1a4230;
  --td-success-color-3: #17533d;
  --td-success-color-4: #0d7a55;
  --td-success-color-5: #059465;
  --td-success-color-6: #43af8a;
  --td-success-color-7: #46bf96;
  --td-success-color-8: #80d2b6;
  --td-success-color-9: #b4e1d3;
  --td-success-color-10: #deede8;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: rgba(255, 255, 255, 0.9);
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-8);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-7);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-9);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 0.4);
  --td-mask-disabled: rgba(0, 0, 0, 0.6);
  --td-bg-color-page: var(--td-gray-color-14);
  --td-bg-color-container: var(--td-gray-color-13);
  --td-bg-color-container-hover: var(--td-gray-color-12);
  --td-bg-color-container-active: var(--td-gray-color-10);
  --td-bg-color-container-select: var(--td-gray-color-9);
  --td-bg-color-secondarycontainer: var(--td-gray-color-12);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
  --td-bg-color-component: var(--td-gray-color-11);
  --td-bg-color-component-hover: var(--td-gray-color-10);
  --td-bg-color-component-active: var(--td-gray-color-9);
  --td-bg-color-secondarycomponent: var(--td-gray-color-10);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
  --td-bg-color-component-disabled: var(--td-gray-color-12);
  --td-bg-color-specialcomponent: transparent;
  --td-text-color-primary: var(--td-font-white-1);
  --td-text-color-secondary: var(--td-font-white-2);
  --td-text-color-placeholder: var(--td-font-white-3);
  --td-text-color-disabled: var(--td-font-white-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-11);
  --td-component-stroke: var(--td-gray-color-11);
  --td-border-level-2-color: var(--td-gray-color-9);
  --td-component-border: var(--td-gray-color-9);
  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.16);
  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
  --td-table-shadow-color: rgba(0, 0, 0, 0.55);
  --td-scrollbar-color: rgba(255, 255, 255, 0.1);
  --td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
  --td-scroll-track-color: #333;
}
:root {
  --td-radius-small: 2px;
  --td-radius-default: 3px;
  --td-radius-medium: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
}
:root {
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-line-height-link-small: 20px;
  --td-line-height-link-medium: 22px;
  --td-line-height-link-large: 24px;
  --td-line-height-mark-small: 20px;
  --td-line-height-mark-medium: 22px;
  --td-line-height-body-small: 20px;
  --td-line-height-body-medium: 22px;
  --td-line-height-body-large: 24px;
  --td-line-height-title-small: 22px;
  --td-line-height-title-medium: 24px;
  --td-line-height-title-large: 28px;
  --td-line-height-headline-small: 32px;
  --td-line-height-headline-medium: 36px;
  --td-line-height-headline-large: 44px;
  --td-line-height-display-medium: 56px;
  --td-line-height-display-large: 72px;
  --td-font-link-small: var(--td-font-size-link-small) /
    var(--td-line-height-link-small) var(--td-font-family);
  --td-font-link-medium: var(--td-font-size-link-medium) /
    var(--td-line-height-link-medium) var(--td-font-family);
  --td-font-link-large: var(--td-font-size-link-large) /
    var(--td-line-height-link-large) var(--td-font-family);
  --td-font-mark-small: 600 var(--td-font-size-mark-small) /
    var(--td-line-height-mark-small) var(--td-font-family);
  --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
    var(--td-line-height-mark-medium) var(--td-font-family);
  --td-font-body-small: var(--td-font-size-body-small) /
    var(--td-line-height-body-small) var(--td-font-family);
  --td-font-body-medium: var(--td-font-size-body-medium) /
    var(--td-line-height-body-medium) var(--td-font-family);
  --td-font-body-large: var(--td-font-size-body-large) /
    var(--td-line-height-body-large) var(--td-font-family);
  --td-font-title-small: 600 var(--td-font-size-title-small) /
    var(--td-line-height-title-small) var(--td-font-family);
  --td-font-title-medium: 600 var(--td-font-size-title-medium) /
    var(--td-line-height-title-medium) var(--td-font-family);
  --td-font-title-large: 600 var(--td-font-size-title-large) /
    var(--td-line-height-title-large) var(--td-font-family);
  --td-font-headline-small: 600 var(--td-font-size-headline-small) /
    var(--td-line-height-headline-small) var(--td-font-family);
  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
    var(--td-line-height-headline-medium) var(--td-font-family);
  --td-font-headline-large: 600 var(--td-font-size-headline-large) /
    var(--td-line-height-headline-large) var(--td-font-family);
  --td-font-display-medium: 600 var(--td-font-size-display-medium) /
    var(--td-line-height-display-medium) var(--td-font-family);
  --td-font-display-large: 600 var(--td-font-size-display-large) /
    var(--td-line-height-display-large) var(--td-font-family);
}
:root {
  --td-size-1: 2px;
  --td-size-2: 4px;
  --td-size-3: 6px;
  --td-size-4: 8px;
  --td-size-5: 12px;
  --td-size-6: 16px;
  --td-size-7: 20px;
  --td-size-8: 24px;
  --td-size-9: 28px;
  --td-size-10: 32px;
  --td-size-11: 36px;
  --td-size-12: 40px;
  --td-size-13: 48px;
  --td-size-14: 56px;
  --td-size-15: 64px;
  --td-size-16: 72px;
  --td-comp-size-xxxs: var(--td-size-6);
  --td-comp-size-xxs: var(--td-size-7);
  --td-comp-size-xs: var(--td-size-8);
  --td-comp-size-s: var(--td-size-9);
  --td-comp-size-m: var(--td-size-10);
  --td-comp-size-l: var(--td-size-11);
  --td-comp-size-xl: var(--td-size-12);
  --td-comp-size-xxl: var(--td-size-13);
  --td-comp-size-xxxl: var(--td-size-14);
  --td-comp-size-xxxxl: var(--td-size-15);
  --td-comp-size-xxxxxl: var(--td-size-16);
  --td-pop-padding-s: var(--td-size-2);
  --td-pop-padding-m: var(--td-size-3);
  --td-pop-padding-l: var(--td-size-4);
  --td-pop-padding-xl: var(--td-size-5);
  --td-pop-padding-xxl: var(--td-size-6);
  --td-comp-paddingLR-xxs: var(--td-size-1);
  --td-comp-paddingLR-xs: var(--td-size-2);
  --td-comp-paddingLR-s: var(--td-size-4);
  --td-comp-paddingLR-m: var(--td-size-5);
  --td-comp-paddingLR-l: var(--td-size-6);
  --td-comp-paddingLR-xl: var(--td-size-8);
  --td-comp-paddingLR-xxl: var(--td-size-10);
  --td-comp-paddingTB-xxs: var(--td-size-1);
  --td-comp-paddingTB-xs: var(--td-size-2);
  --td-comp-paddingTB-s: var(--td-size-4);
  --td-comp-paddingTB-m: var(--td-size-5);
  --td-comp-paddingTB-l: var(--td-size-6);
  --td-comp-paddingTB-xl: var(--td-size-8);
  --td-comp-paddingTB-xxl: var(--td-size-10);
  --td-comp-margin-xxs: var(--td-size-1);
  --td-comp-margin-xs: var(--td-size-2);
  --td-comp-margin-s: var(--td-size-4);
  --td-comp-margin-m: var(--td-size-5);
  --td-comp-margin-l: var(--td-size-6);
  --td-comp-margin-xl: var(--td-size-7);
  --td-comp-margin-xxl: var(--td-size-8);
  --td-comp-margin-xxxl: var(--td-size-10);
  --td-comp-margin-xxxxl: var(--td-size-12);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Setting/GeneralSettings/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.general-settings {
  padding: 16px;
  padding-top: 0px;
  overflow-y: auto;
  height: 100%;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.general-settings::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.general-settings::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.general-settings::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.general-settings .setting-section-item {
  padding: 9px 0;
  border-bottom: none;
}
.general-settings .setting-section-item .setting-section-item-setting__content a {
  text-decoration: none;
}
.general-settings .setting-section-item-root {
  border-bottom: none;
}
.general-settings-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 8px;
  margin: 0;
  color: #000;
}
.general-settings-section {
  margin-top: 24px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/tdesign-react/esm/_common/style/web/components/badge/_index.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.t-badge {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.t-badge--dot,
.t-badge--circle,
.t-badge--round {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--td-text-color-anti);
  text-align: center;
  font: var(--td-font-body-small);
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.t-badge--static {
  position: static;
  display: inline-block;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.t-badge--dot {
  right: 1px;
  margin-top: 1px;
  width: 6px;
  height: 6px;
  border-radius: var(--td-radius-circle);
  background-color: var(--td-error-color);
}
.t-badge--circle,
.t-badge--round {
  padding-right: calc((var(--td-comp-size-xxs) - 8px) / 2);
  padding-left: calc((var(--td-comp-size-xxs) - 8px) / 2);
  min-width: 8px;
  height: var(--td-comp-size-xxs);
  background-color: var(--td-error-color);
  line-height: var(--td-comp-size-xxs);
}
.t-badge--circle.t-size-s,
.t-badge--round.t-size-s {
  padding-right: calc((var(--td-comp-size-xxxs) - 8px) / 2);
  padding-left: calc((var(--td-comp-size-xxxs) - 8px) / 2);
  min-width: 8px;
  height: var(--td-comp-size-xxxs);
  line-height: var(--td-comp-size-xxxs);
}
.t-badge--circle {
  border-radius: calc(var(--td-comp-size-xxs) / 2);
}
.t-badge--round {
  border-radius: var(--td-radius-default);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/DialogKit/SurveyReviewUpdateConfirmDialog/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-review-update-confirm-dialog-reviewer-section {
  margin-top: 24px;
}
.survey-review-update-confirm-dialog-reviewer-section-title {
  font-weight: 600;
}
.survey-review-update-confirm-dialog-reviewer-section-content {
  margin-top: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 24px;
}
.survey-review-update-confirm-dialog-reviewer-item {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.survey-review-update-confirm-dialog-reviewer-avatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 100%;
  height: 24px;
  width: 24px;
}
.survey-review-update-confirm-dialog-reviewer-name {
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  color: var(--td-text-color-secondary);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-actions/review/components/survey-review-status-line.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-review-status-line {
  text-align: center;
  padding: 16px;
  border-radius: var(--td-radius-default);
  font-size: var(--td-font-size-body-large);
  font-weight: 600;
  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;
}
.survey-review-status-line .survey-review-status-line-status {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.survey-review-status-line .survey-review-status-line-status .coral-icon {
  fill: currentColor;
}
.survey-review-status-line--pending {
  background-color: var(--td-brand-color-1);
}
.survey-review-status-line--reviewing {
  background-color: #fff8e6;
}
.survey-review-status-line--reviewing .survey-review-status-line-status {
  color: #ffc20e;
  margin-left: 12px;
}
.survey-review-status-line--rejected {
  background-color: var(--td-warning-color-1);
}
.survey-review-status-line--rejected .survey-review-status-line-status {
  color: var(--td-warning-color);
  margin-left: 12px;
}
.survey-review-status-line--approved {
  background-color: var(--td-success-color-1);
}
.survey-review-status-line--approved .survey-review-status-line-status {
  color: var(--td-success-color);
  margin-left: 12px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-actions/review/components/survey-reviewer.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-reviewer-title {
  font-size: var(--td-font-size-body-large);
  margin-bottom: 16px;
  font-weight: 600;
  line-height: var(--td-line-height-body-large);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.survey-reviewer-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 24px;
}
.survey-reviewer-item {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.survey-reviewer-avatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 100%;
  height: 24px;
  width: 24px;
}
.survey-reviewer-name {
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  color: var(--td-text-color-secondary);
}
.survey-reviewer-more {
  margin-top: 8px;
}
.survey-reviewer-group-status .coral-icon {
  fill: currentColor;
  margin-right: 4px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-actions/review/components/survey-review-detail.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-review-detail-title {
  font-size: var(--td-font-size-body-large);
  margin-bottom: 16px;
  font-weight: 600;
  line-height: var(--td-line-height-body-large);
}
.survey-review-detail-content {
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  margin-right: -16px;
  padding-right: 16px;
  word-break: break-word;
  /* total width */
  /* set button(top and bottom of the scrollbar) */
}
.survey-review-detail-content::-webkit-scrollbar {
  width: 8px;
  z-index: 99;
}
.survey-review-detail-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px 8px transparent;
          box-shadow: inset 0 0 8px 8px transparent;
  border: solid 2px transparent;
}
.survey-review-detail-content::-webkit-scrollbar-track:hover {
  background: #fff;
}
.survey-review-detail-content::-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;
}
.survey-review-detail-content::-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);
}
.survey-review-detail-content::-webkit-scrollbar-button {
  display: none;
}
.survey-review-detail-item:not(:last-child) {
  margin-bottom: 16px;
}
.survey-review-detail-item:not(:last-child) .survey-review-detail-item-body {
  min-height: 22px;
}
.survey-review-detail-item-head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.survey-review-detail-item-body {
  position: relative;
  margin-top: 8px;
  padding-left: 32px;
}
.survey-review-detail-item-body::before {
  content: '';
  display: block;
  border-left: 1px dashed var(--td-text-color-placeholder);
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.survey-review-detail-item-author {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.survey-review-detail-item-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.survey-review-detail-item-icon .coral-icon {
  fill: currentColor;
}
.survey-review-detail-item-name {
  color: var(--td-text-color-secondary);
}
.survey-review-detail-item-date {
  margin-left: 4px;
  color: var(--td-text-color-disabled);
}
.survey-review-detail-item-subtitle {
  margin-left: 4px;
  color: var(--td-text-color-disabled);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-actions/review/components/survey-review-status-actions.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-review-status-actions {
  margin-top: 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-actions/review/components/survey-review-status.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-review-status {
  max-width: 480px;
  width: 100%;
}
.survey-review-status-head,
.survey-review-status-foot {
  text-align: center;
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  color: var(--td-text-color-placeholder);
}
.survey-review-status-head p,
.survey-review-status-foot p {
  margin: 0px;
}
@media screen and (min-width: 640px) {
  .survey-review-status-head .survey-review-status-description-oversize,
  .survey-review-status-foot .survey-review-status-description-oversize {
    margin-left: -64px;
    margin-right: -64px;
  }
}
.survey-review-status-head {
  margin-bottom: 16px;
}
.survey-review-status-foot {
  margin-top: 16px;
}
.survey-review-status-card {
  background-color: #fff;
  border-radius: var(--td-radius-default);
  padding: 16px;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
}
.survey-review-status .survey-review-status-line {
  margin-bottom: 24px;
}
.survey-review-status .survey-reviewer {
  margin-bottom: 24px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/deliver/common/ShareSettings/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/deliver/common/ShareSettings/aside.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.edit-setting-aside-content {
  margin-bottom: 24px;
}
.edit-setting-aside-content .edit-setting-aside-group {
  font-size: 14px;
  line-height: 22px;
}
.edit-setting-aside-content .edit-setting-aside-group-title {
  font-weight: 600;
}
.edit-setting-aside .general-settings {
  height: calc(100% - 80px);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Deliver/contacts-input/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.contacts-input {
  max-width: 100%;
  border-radius: var(--td-radius-default);
  border: 1px solid var(--td-component-border);
}
.contacts-input--container {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 12px 16px 24px;
  border: none;
  max-height: 204px;
  overflow-y: auto;
  cursor: text;
}
.contacts-input--container--hide-button {
  border-radius: var(--td-radius-default);
}
.contacts-input--container.focused,
.contacts-input--container:hover {
  border-color: var(--td-brand-color);
  z-index: 2;
}
.contacts-input--loading {
  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: 32px;
  font-size: 8px;
}
.contacts-input--conditions {
  width: 100%;
}
.contacts-input .contacts-input--tag {
  margin: 4px;
}
.contacts-input .contacts-input--tag + .contacts-input--input__box {
  margin-left: 4px;
}
.contacts-input .contacts-input--tag.is-tag {
  position: relative;
  background-color: transparent;
}
.contacts-input .contacts-input--tag.is-tag::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--td-radius-default);
  background-color: currentColor;
  opacity: 0.1;
}
.contacts-input .contacts-input--tag.is-tag .t-tag-text,
.contacts-input .contacts-input--tag.is-tag .t-tag__icon-close {
  position: relative;
  z-index: 2;
}
.contacts-input--placeholder {
  color: var(--td-text-color-placeholder);
  line-height: 32px;
}
.contacts-input--input {
  width: 100%;
  border-width: 0;
  padding: 0;
  margin: 0;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 32px;
  display: block;
}
.contacts-input--input__box {
  position: relative;
  height: 32px;
  overflow: hidden;
  width: 100%;
  -webkit-flex: 10 1;
      -ms-flex: 10 1;
          flex: 10 1;
}
.contacts-input--input__inner {
  list-style: none;
  white-space: pre-wrap;
  display: none;
}
.contacts-input--input:focus {
  outline: none;
  border: none;
}
.contacts-input-footer {
  padding: 12px 16px;
  background-color: var(--td-gray-color-1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contacts-input-footer-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/deliver/common/unknow-contacts-dialog/style.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.unknow-contacts-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: var(--td-radius-default);
  border: 1px solid var(--td-gray-color-4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 8px 6px;
  min-height: 180px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/contacts/mp-preview/style.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.mp-template {
  width: 100%;
}
.mp-template-phone__box {
  width: 400px;
  margin: 0 auto;
  background: #333333;
  border-radius: 32px 32px 0 0;
  padding-top: 22px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mp-template-phone__mic {
  width: 60px;
  height: 6px;
  border-radius: 3px;
  margin: 0 auto;
  background: #666666;
}
.mp-template-phone__view {
  width: 360px;
  margin: 22px auto 0;
  border-radius: 8px 8px 0 0;
  border-bottom-width: 0;
  background-color: #f6f6f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.mp-template-phone__header {
  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;
  background-color: #f6f6f6;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e5e5e5;
}
.mp-template-phone__header-title {
  font-weight: bolder;
}
.mp-template-phone__header-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mp-template-phone__content {
  padding: 16px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mp-template-phone__content-card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  background: #fff;
  color: #333333;
  word-break: break-all;
}
.mp-template-phone__content-table {
  display: table;
  width: 100%;
  padding: 0 16px;
  border-spacing: 0 8px;
  margin-top: -8px;
}
.mp-template-phone__content-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  padding: 16px;
  padding-bottom: 0;
  color: #000000;
  margin-bottom: 16px;
}
.mp-template-phone__content-desc {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 0 16px;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 16px;
}
.mp-template-phone__content-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  display: table-row;
}
.mp-template-phone__content-item span {
  display: table-cell;
}
.mp-template-phone__content-item span:last-child {
  width: 100%;
}
.mp-template-phone__content-more {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  padding: 0 16px;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
  height: 36px;
}
.mp-template-phone__content-label {
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.4);
  padding-right: 8px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/contacts/mp-preview/dialog.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.wechat-template-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wechat-template-dialog-preview {
  width: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wechat-template-dialog-form {
  width: 50%;
}
.wechat-template-dialog-subtext {
  color: #999;
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/components/normalize/normalize.css ***!
  \********************************************************************************************************************************************************************************************/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
    font-family: 'PingFang SC', tahoma, arial, 'helvetica neue',
  'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun,
  sans-serif;
    line-height: 1.5;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/* 去除鼠标点击时候的outline轮廓，而保留键盘访问时候的outline轮廓
https://www.zhangxinxu.com/wordpress/2019/03/css-focus-visible/
** 20210610 更新 **
新版的 chrome，firefox 在鼠标点击上文提到的3种情况时已经不会再出蓝色的轮廓了
safari 目前还不支持 :focus-visible，所以以下代码对 safari 也无效(https://caniuse.com/?search=focus-visible)
综上，下面这段代码【只解决了】较低版本的 chrome 或 firefox 浏览器下，【下列3种元素被点击后会出现蓝色轮廓】的场景服务
1.设置了背景的<button>按钮；
2.HTML5 <summary>元素；
3.设置了HTML tabindex属性的元素；
特别需要注意的是，input被点击后，必定会出现:focus的样式，强烈不建议设置 input:focus{outline:0}，请与设计师沟通优化input元素获取焦点时的样式
*/
:focus:not(:focus-visible) {
    outline: 0;
}

/**
* 之前打包策略会打入 @tencent/ten-design-react/lib/theme/base.less
* 下面是跟normalize.css差异的部份
*/
ul, dl, li, dd, dt {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/deliver/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.deliver-container {
  min-width: 1280px;
  /* 左侧边栏 */
  /* 右侧边栏 */
  /* 短信投放页 */
  /* 联系人聚合投放 */
  /* 邮件投放页 */
  /* 微信公众号投放页 */
  /* 分享列表 */
}
.deliver-container .nav.top {
  /* 防止被transition动画遮挡 */
  view-transition-name: nav-top;
}
.deliver-container .nav.second {
  view-transition-name: nav-second;
}
.deliver-container .page-deliver {
  max-width: initial;
  padding-left: 112px;
  padding-right: 360px;
}
.deliver-container.survey-unapproved .footer-copyright {
  display: none;
}
.deliver-container.survey-unapproved .page-deliver {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
}
.deliver-container.survey-unapproved .page-deliver .deliver-content-main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-container .deliver-aside {
  width: 72px;
  overflow-y: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: var(--td-radius-default);
  padding: 16px 0;
  position: absolute;
  left: 20px;
  top: 124px;
  bottom: 20px;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.deliver-container .deliver-aside::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.deliver-container .deliver-aside::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.deliver-container .deliver-aside::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.deliver-container .deliver-aside--item {
  height: auto;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.deliver-container .deliver-aside--item__link {
  text-decoration: none;
}
.deliver-container .deliver-aside--item__link:hover .deliver-aside--icon,
.deliver-container .deliver-aside--item__link__active .deliver-aside--icon {
  fill: #0f6bff;
  color: #0f6bff;
}
.deliver-container .deliver-aside--item__link:hover .deliver-aside--icon__wrap,
.deliver-container .deliver-aside--item__link__active .deliver-aside--icon__wrap {
  background: #f5f9ff;
}
.deliver-container .deliver-aside--item__link:hover .deliver-aside--text,
.deliver-container .deliver-aside--item__link__active .deliver-aside--text {
  color: #0f6bff;
}
.deliver-container .deliver-aside--icon {
  font-size: 24px;
  padding: 4px;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.deliver-container .deliver-aside--icon__wrap {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: var(--td-radius-default);
}
.deliver-container .deliver-aside--text {
  font-size: 12px;
  line-height: 20px;
  padding-top: 4px;
  color: #333333;
}
.deliver-container .share-settings {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: var(--td-radius-default);
  width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: 20px;
  top: 124px;
  bottom: 20px;
}
.deliver-container .share-settings .deliver-view-header {
  margin: 0 16px;
}
.deliver-container .share-settings .deliver-view-header::after {
  width: calc(100% + 32px);
}
.deliver-container .share-settings.is-full-screen {
  top: calc(58px + 20px);
}
.deliver-container .deliver-view-header {
  position: relative;
  height: 56px;
  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;
  margin-bottom: 24px;
}
.deliver-container .deliver-view-header::after {
  content: '';
  display: block;
  width: calc(100% + 48px);
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #e7e7e7;
}
.deliver-container .deliver-view-header--title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.deliver-container .deliver-view-header--title .t-tabs {
  margin-left: -24px;
  background-color: transparent;
}
.deliver-container .deliver-view-header--extract {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.deliver-container .wechat-official-content-form,
.deliver-container .sms-content-form,
.deliver-container .email-content-form,
.deliver-container .contact-content-form {
  display: table;
  border-spacing: 0 24px;
  margin: -24px 0;
}
.deliver-container .wechat-official-content-form--item,
.deliver-container .sms-content-form--item,
.deliver-container .email-content-form--item,
.deliver-container .contact-content-form--item {
  display: table-row;
}
.deliver-container .wechat-official-content-form--item .t-is-error .contacts-input--container,
.deliver-container .sms-content-form--item .t-is-error .contacts-input--container,
.deliver-container .email-content-form--item .t-is-error .contacts-input--container,
.deliver-container .contact-content-form--item .t-is-error .contacts-input--container,
.deliver-container .wechat-official-content-form--item .t-is-error .contacts-input--button,
.deliver-container .sms-content-form--item .t-is-error .contacts-input--button,
.deliver-container .email-content-form--item .t-is-error .contacts-input--button,
.deliver-container .contact-content-form--item .t-is-error .contacts-input--button {
  border-color: #ef382d;
}
.deliver-container .wechat-official-content-form--item .t-is-error .coral-input__input,
.deliver-container .sms-content-form--item .t-is-error .coral-input__input,
.deliver-container .email-content-form--item .t-is-error .coral-input__input,
.deliver-container .contact-content-form--item .t-is-error .coral-input__input {
  border-color: #ef382d;
}
.deliver-container .wechat-official-content-form--item .t-form__label,
.deliver-container .sms-content-form--item .t-form__label,
.deliver-container .email-content-form--item .t-form__label,
.deliver-container .contact-content-form--item .t-form__label {
  display: table-cell;
  font-weight: 600;
  width: auto !important;
  float: none;
  vertical-align: top;
}
.deliver-container .wechat-official-content-form--item .t-form__controls,
.deliver-container .sms-content-form--item .t-form__controls,
.deliver-container .email-content-form--item .t-form__controls,
.deliver-container .contact-content-form--item .t-form__controls {
  display: table-cell;
  width: 100%;
  margin-left: 0 !important;
}
.deliver-container .wechat-official-content-form--tips,
.deliver-container .sms-content-form--tips,
.deliver-container .email-content-form--tips,
.deliver-container .contact-content-form--tips {
  position: absolute;
  font-size: 14px;
  bottom: -20px;
  line-height: 20px;
  color: var(--td-brand-color);
  left: 0;
}
.deliver-container .wechat-official-content-form .contacts-input,
.deliver-container .sms-content-form .contacts-input,
.deliver-container .email-content-form .contacts-input,
.deliver-container .contact-content-form .contacts-input {
  width: 100%;
}
.deliver-container .wechat-official-content-preview,
.deliver-container .sms-content-preview,
.deliver-container .email-content-preview,
.deliver-container .contact-content-preview {
  width: 100%;
  position: relative;
}
.deliver-container .wechat-official-content-preview--title,
.deliver-container .sms-content-preview--title,
.deliver-container .email-content-preview--title,
.deliver-container .contact-content-preview--title {
  background: #0f6bff;
  color: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  border-radius: 4px 4px 0 0;
  min-height: 48px;
  word-break: break-all;
}
.deliver-container .wechat-official-content-preview--content,
.deliver-container .sms-content-preview--content,
.deliver-container .email-content-preview--content,
.deliver-container .contact-content-preview--content {
  background: #fafafa;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  padding: 11px 8px;
}
.deliver-container .wechat-official-content .t-form__controls-content,
.deliver-container .sms-content .t-form__controls-content,
.deliver-container .email-content .t-form__controls-content,
.deliver-container .wechat-official-content .contacts-input,
.deliver-container .sms-content .contacts-input,
.deliver-container .email-content .contacts-input {
  width: 100%;
}
.deliver-container .wechat-official-content-form--item .t-form__label,
.deliver-container .sms-content-form--item .t-form__label,
.deliver-container .email-content-form--item .t-form__label {
  padding-right: 16px;
}
.deliver-container .wechat-official-content-form--item .t-form__label label,
.deliver-container .sms-content-form--item .t-form__label label,
.deliver-container .email-content-form--item .t-form__label label {
  display: block;
}
.deliver-container .wechat-official-content-form--item-action .t-form__controls-content,
.deliver-container .sms-content-form--item-action .t-form__controls-content,
.deliver-container .email-content-form--item-action .t-form__controls-content {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.deliver-container .wechat-official-content-setting,
.deliver-container .sms-content-setting,
.deliver-container .email-content-setting {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 24px;
}
.deliver-container .wechat-official-content-setting-item,
.deliver-container .sms-content-setting-item,
.deliver-container .email-content-setting-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.deliver-container .wechat-official-content-setting-item:first-child,
.deliver-container .sms-content-setting-item:first-child,
.deliver-container .email-content-setting-item:first-child {
  margin-top: 0px;
}
.deliver-container .wechat-official-content--extract,
.deliver-container .sms-content--extract,
.deliver-container .email-content--extract {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
  color: var(--td-text-color-placeholder);
}
.deliver-container .wechat-official-content--extract-line,
.deliver-container .sms-content--extract-line,
.deliver-container .email-content--extract-line {
  font-size: 16px;
  color: #e5e5e5;
  margin: 0 8px;
}
.deliver-container .wechat-official-content-submit,
.deliver-container .sms-content-submit,
.deliver-container .email-content-submit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.deliver-container .wechat-official-content-rule,
.deliver-container .sms-content-rule,
.deliver-container .email-content-rule {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  /* or 186% */
  white-space: pre-line;
  color: rgba(0, 0, 0, 0.4);
  list-style: auto;
  padding-left: 16px;
}
.deliver-container .wechat-official-content-rule li,
.deliver-container .sms-content-rule li,
.deliver-container .email-content-rule li {
  list-style: auto;
}
.deliver-container .wechat-official-content-rule b,
.deliver-container .sms-content-rule b,
.deliver-container .email-content-rule b {
  font-weight: normal;
  color: #f36d00;
}
.deliver-container .sms-content {
  width: 100%;
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.deliver-container .sms-content .sms-template {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.deliver-container .sms-content .sms-template-view {
  width: 400px;
  overflow: hidden;
}
.deliver-container .sms-content .sms-template-view__wrapper {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.deliver-container .sms-content .sms-template-view__wrapper .t-swiper {
  width: 100%;
}
.deliver-container .sms-content .sms-template-view__wrapper .t-swiper .t-swiper__navigation--fraction {
  left: unset;
  right: -24px;
  bottom: -30px;
  min-width: 80px;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.deliver-container .sms-content .sms-template-phone__box {
  width: 400px;
  margin: 0 50px;
  background: #333333;
  border-radius: 32px 32px 0 0;
  padding-top: 22px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.deliver-container .sms-content .sms-template-phone__mic {
  width: 60px;
  height: 6px;
  border-radius: 3px;
  margin: 0 auto;
  background: #666666;
}
.deliver-container .sms-content .sms-template-phone__view {
  width: 360px;
  margin: 22px auto 0;
  border-radius: 8px 8px 0 0;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.deliver-container .sms-content .sms-template-phone__header {
  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;
  background-color: #f6f6f6;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e5e5e5;
}
.deliver-container .sms-content .sms-template-phone__header-avatar {
  width: 40px;
  height: 40px;
  display: block;
  margin-top: 20px;
  margin-bottom: 4px;
}
.deliver-container .sms-content .sms-template-phone__header-number {
  font-size: 12px;
  line-height: 24px;
  color: #333333;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
.deliver-container .sms-content .sms-template-phone__body {
  padding: 23px 0 34px;
}
.deliver-container .sms-content .sms-template-phone__body-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 380px;
  border-radius: 6px;
  background: #eeeeee;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  padding: 16px;
  position: relative;
  word-break: break-all;
}
.deliver-container .sms-content .sms-template-phone__body-suficon {
  position: absolute;
  bottom: 10px;
  right: -8px;
}
.deliver-container .sms-content .sms-template-left__btn {
  margin: 184px 40px 0 0;
  height: 40px;
}
.deliver-container .sms-content .sms-template-left__btn svg,
.deliver-container .sms-content .sms-template-left__btn path,
.deliver-container .sms-content .sms-template-left__btn g {
  fill: currentColor;
}
.deliver-container .sms-content .sms-template-right__btn {
  height: 40px;
  margin: 184px 0 0 40px;
}
.deliver-container .sms-content .sms-template-right__btn svg,
.deliver-container .sms-content .sms-template-right__btn path,
.deliver-container .sms-content .sms-template-right__btn g {
  fill: currentColor;
}
.deliver-container .sms-content .sms-template-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #999999;
  margin-top: 8px;
}
.deliver-container .contact-content {
  width: 100%;
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 模版预览时的padding */
}
.deliver-container .contact-content .t-form__controls-content,
.deliver-container .contact-content .contacts-input {
  width: 100%;
}
.deliver-container .contact-content .form-label--space {
  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;
  width: 100%;
}
.deliver-container .contact-content .full-label .t-form__label {
  padding-right: 0;
}
.deliver-container .contact-content .full-label .t-form__label .t-button {
  margin-right: -4px;
  padding: 4px;
}
.deliver-container .contact-content .email-content,
.deliver-container .contact-content .sms-content,
.deliver-container .contact-content .wechat-official-content {
  padding: 0;
  padding-top: 24px;
  background: #f3f3f3;
  border: 1px dashed #dcdcdc;
  border-radius: 6px;
  margin-top: 8px;
}
.deliver-container .contact-content .email-content {
  padding: 0;
}
.deliver-container .contact-content .sms-template-rule {
  background: transparent;
}
.deliver-container .contact-content--flex-align {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-container .contact-content--flex-align .t-select__wrap {
  width: 120px;
  margin-left: 5px;
}
.deliver-container .contact-content--subtext {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-placeholder);
}
.deliver-container .contact-content--channel__checkbox {
  margin: 8px 0;
}
.deliver-container .contact-content--balance {
  background: #f0f6ff;
  border-radius: var(--td-radius-default);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 24px 8px 24px;
  width: 100%;
}
.deliver-container .contact-content--balance__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--td-text-color-primary);
}
.deliver-container .contact-content--balance__info {
  display: grid;
  grid-template-columns: 25% 25% 25%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-container .contact-content .deliver-timepicker-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
}
.deliver-container .contact-content .deliver-timepicker-header .t-switch {
  margin-left: 4px;
}
.deliver-container .email-content {
  width: 100%;
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.deliver-container .wechat-official-content {
  width: 100%;
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.deliver-container .wechat-official-content .grey-text {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
}
.deliver-container .wechat-official-content .deliver-timepicker-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-container .wechat-official-content .deliver-timepicker-header .t-switch {
  margin-left: 4px;
}
.deliver-container .wechat-official-content-mp-template-card {
  background-color: #f3f3f3;
  border-radius: var(--td-radius-default);
  margin-bottom: 8px;
  width: 400px;
}
.deliver-container .wechat-official-content--contact__btn {
  padding: 0;
}
.deliver-container .deliver-list {
  width: 100%;
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.deliver-container .deliver-list .t-table th,
.deliver-container .deliver-list .t-table td {
  padding: 13px 0 11px 20px;
}
.deliver-container .deliver-list-table thead tr {
  color: #333333;
  background-color: var(--td-bg-color-secondarycontainer);
}
.deliver-container .deliver-list-table__share {
  white-space: nowrap;
  min-width: 120px;
  width: 100%;
}
.deliver-container .deliver-list-table__share--name {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.deliver-container .deliver-list-table__share--name svg {
  margin-right: 4px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.deliver-container .deliver-list-table__share--title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.deliver-container .deliver-list-table .error-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-error-color);
}
.deliver-container .deliver-list-table .error-message .coral-icon {
  margin-right: 2px;
}
.deliver-container .deliver-list-table .error-message .coral-icon path {
  fill: var(--td-error-color);
}
/* 额外弹窗样式 */
.deliver-container--protocoal__body a {
  color: var(--td-brand-color);
}
/* 简易网格系统 */
.second-nav {
  height: 100vh;
}
.row::after {
  content: '';
  display: block;
  clear: both;
}
.row.pay-type-wrapper #contact_qq {
  display: inline-block;
  vertical-align: bottom;
}
.row.pay-type-wrapper #contact_qq button {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  vertical-align: bottom;
  color: #008fff;
}
.col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.col + .col {
  padding-left: 10px;
}
[class*="col-"] {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[class*="col-"] + [class*="col-"] {
  padding-left: 10px;
}
.col-1 {
  width: 8.33333333%;
}
.col-2 {
  width: 16.66666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333333%;
}
.col-5 {
  width: 41.66666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333333%;
}
.col-8 {
  width: 66.66666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333%;
}
.col-11 {
  width: 91.66666667%;
}
.col-12 {
  width: 100%;
}
.dialog-tips {
  top: 71px;
}
.dialog-message {
  display: table;
  width: 100%;
  height: 100%;
}
.dialog-message .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.dialog-message.elderly {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 36px 36px 0;
  font-size: 16px;
  font-weight: bolder;
}
.dialog-footer-button {
  min-width: 95px;
  outline: none;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.fieldset.option-group-wrapper {
  margin-top: 30px;
}
.fieldset.option-group-wrapper .option-group-tabs .ui-tabs-nav {
  background-color: #fff;
}
.fieldset.option-group-wrapper .option-group-tabs .ui-tabs-content {
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  margin: -1px -24px 28px -24px;
}
.fieldset.option-group-wrapper .option-group-tabs .showDot::after {
  content: '';
  display: inline-block;
  background: #f00;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.fieldset.submit-field {
  color: #a9a9a9;
}
.fieldset.submit-field .submit-message {
  margin-left: 10px;
}
.fieldset.submit-field .submit-icon {
  margin-left: 4px;
  vertical-align: -4px;
  height: 18px;
}
.fieldset.submit-field .submit-desc {
  display: inline;
}
.fieldset.submit-field .ui-button {
  margin-right: 6px;
}
.fieldset.submit-field .ui-button-primary {
  margin-right: 10px;
}
.fieldset .search {
  display: inline-block;
  height: 45px;
  line-height: 45px;
}
.fieldset .search svg {
  height: 44px;
  float: left;
}
.fieldset .search span {
  margin-left: 5px;
}
.option-group .option-group-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.option-group .option-group-item .icon-arrow-down {
  width: 10px;
  height: 32px;
  float: right;
  vertical-align: -5px;
  margin-left: 5px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.option-group .option-group-item.open .icon-arrow-down {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.option-group .option-group-item .name {
  width: 68px;
  line-height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.option-group .option-group-item .option {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.option-group .option-group-dropdown .option .ui-cascade-advanced-dropdown {
  height: auto;
}
.option-group .more {
  line-height: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.legend {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}
.ui-input {
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
}
.page-deliver {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  min-height: 100%;
}
.page-deliver .deliver-content {
  width: 100%;
}
.page-deliver .deliver-content-main {
  margin: 0 auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: var(--td-radius-default);
  max-width: 1152px;
  min-width: 720px;
  min-height: 100%;
}
.page-deliver .deliver-content-main.link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-deliver .deliver-content-main.link .share-content .wechat-share-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 24px;
}
@media screen and (min-width: 1440px) {
  .page-deliver .deliver-content-main.link .share-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .page-deliver .deliver-content-main.link .share-content .share-basic,
  .page-deliver .deliver-content-main.link .share-content .wechat-share-wrap {
    max-width: none;
    min-width: auto;
  }
  .page-deliver .deliver-content-main.link .share-content .share-basic {
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
  .page-deliver .deliver-content-main.link .share-content .wechat-share-wrap {
    max-width: 370px;
    margin-top: 0;
    margin-left: 24px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1550px) {
  .page-deliver .deliver-content-main.link .share-content .wechat-share-wrap {
    max-width: 340px;
  }
}
.page-deliver .deliver-content-main.link .share-link-banner,
.page-deliver .deliver-content-main.link .share-basic,
.page-deliver .deliver-content-main.link .wechat-share-wrap,
.page-deliver .deliver-content-main.link .locales-wrap,
.page-deliver .deliver-content-main.link .custom-args-content,
.page-deliver .deliver-content-main.link .embedded-entry-content {
  margin: 0 auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: var(--td-radius-default);
  max-width: 1152px;
  min-width: 720px;
  min-height: 100%;
}
.page-deliver .deliver-content-main.link .custom-args-content,
.page-deliver .deliver-content-main.link .locales-wrap {
  margin-top: 24px;
}
.page-deliver .deliver-content-main.link .embedded-entry-content {
  margin-top: 24px;
  padding: 0 24px;
}
.page-deliver .deliver-content-main.link .embedded-entry-main {
  padding-top: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(177px, 1fr));
  gap: 16px;
  padding-bottom: 24px;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item {
  background-color: #F3F3F3;
  border-radius: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  padding-right: 0;
  gap: 8px;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item__icon {
  max-width: 32px;
  max-height: 32px;
  margin-top: 3px;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item__icon > svg {
  height: 100%;
  width: 100%;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item__icon.wechat > svg > *,
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item__icon.mini > svg > * {
  fill: #00B240;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item__title {
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  color: #000000e6;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .embedded-entry-item__subtitle {
  font-family: "PingFang SC";
  font-style: normal;
  color: #00000066;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: normal;
  word-break: pre-wrap;
  margin-bottom: 8px;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .submit-buttons {
  margin-top: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-deliver .deliver-content-main.link .embedded-entry-main .submit-buttons > * {
  margin-right: 8px;
}
.page-deliver .deliver-content-main.link .share-link-banner {
  width: 100%;
  margin-bottom: 26px;
}
.page-deliver .deliver-content-main.link .share-link-banner img {
  display: block;
  width: 100%;
  cursor: pointer;
}
.page-deliver .deliver-content-main.group {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: initial;
}
.page-deliver .deliver-content-main.group .group-content {
  margin: 0 auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: var(--td-radius-default);
  min-width: 720px;
  min-height: 100%;
  max-width: 1152px;
}
.page-deliver .deliver-content-main.group .group-content.hide-panel-layout {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 !important;
  max-width: 1234px;
}
.page-deliver .deliver-content-main.group .group-content__extract-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-deliver .deliver-content-top-alert {
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  max-width: 1152px;
  min-width: 720px;
  margin: 0 auto;
  margin-bottom: 24px;
}
.page-deliver .ui-copy-text,
.page-deliver .ui-button {
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
}
.page-deliver .ui-button {
  height: 45px;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 75px;
}
.page-deliver .ui-button-primary {
  margin-right: 10px;
}
.page-deliver .ui-btn-clear {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #008fff;
}
.page-deliver .ui-button-cancel {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-deliver a.ui-button {
  text-decoration: none;
  color: #333;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 45px;
}
.page-deliver .btn-logo {
  display: block;
  padding: 0;
  min-width: 0;
}
.page-deliver .btn-logo .icon {
  width: 43px;
}
.page-deliver .ui-progress {
  width: 200px;
  display: inline-block;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
}
.page-deliver .hr {
  border: 1px solid #e1e7f2;
  border-width: 0 0 1px 0;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 24px;
}
.page-deliver .container {
  background-color: #f4f6f9;
  padding: 20px;
}
.page-deliver .content {
  height: 100%;
  border: 1px solid #e1e7f2;
  border-radius: 3px;
  background-color: #fff;
}
.page-deliver .section-title {
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0;
  text-align: left;
  width: 100%;
}
.page-deliver .section-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: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-deliver .section-title-set {
  width: 142px;
}
.page-deliver .section-title-set .coral-icon-setting_line {
  font-size: 16px;
}
.page-deliver .section-title .title-tip {
  font-size: 14px;
  color: #999999;
  font-weight: normal;
}
.page-deliver .section-title .title-tip .icon {
  height: 16px;
  vertical-align: -2px;
  cursor: pointer;
}
.page-deliver .section-title .title-tip.sender-name .ui-tooltip .content {
  display: block;
  margin-top: 4px;
}
.page-deliver .section-title .ui-btn-clear {
  float: right;
  cursor: pointer;
  font-weight: normal;
}
.page-deliver .section-title:first-child {
  margin-top: 0;
}
.page-deliver .section-title .tips-pause {
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
  color: #aaa;
}
.page-deliver .section-title .coral-icon {
  font-size: 14px;
  vertical-align: middle;
  margin-top: -2px;
  fill: #999999;
  margin-left: 5px;
}
.page-deliver .section-title .section-title-tip {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #999999;
}
.page-deliver .section-title .section-title-tip-link {
  color: #0f6bff;
  text-decoration: none;
}
.page-deliver .section-title .section-title-tip-link.disabled {
  pointer-events: none;
}
.page-deliver .section-content {
  font-size: 14px;
  margin-bottom: 30px;
}
.page-deliver .btn-add-deliver {
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  border-radius: 0;
  border-style: dashed;
  color: #2196f3;
  margin-top: 30px;
}
.page-deliver .ui-table {
  margin-top: 20px;
  border: 1px solid #e1e7f2;
}
.page-deliver .ui-table .part-processor .legend {
  margin-top: 15px;
}
.page-deliver .ui-table .part-processor .label {
  display: inline-block;
  width: 55px;
  white-space: nowrap;
}
.page-deliver .ui-table tbody tr td:nth-of-type(3) {
  width: 40%;
}
.page-deliver .ui-tooltip .content {
  display: none;
  border: none;
}
.page-deliver .ui-tooltip .caption {
  line-height: 1.5;
}
.page-deliver .unit img {
  vertical-align: -1px;
  margin-left: 0 !important;
}
.deliver-method.education_user .ui-tabs-nav-list .ui-tabs-nav {
  pointer-events: none;
}
.deliver-method.education_user .ui-tabs-nav-list .ui-tabs-nav .group-newer-tip {
  display: none;
}
.deliver-method.education_user .ui-tabs-nav-list .ui-tabs-nav span {
  color: #e2e2e2 !important;
}
.deliver-method.education_user .row {
  text-align: left;
}
.deliver-method.education_user .qr-code {
  height: 106px;
  width: 106px;
}
.deliver-method > .ui-tabs-header {
  position: relative;
  z-index: 1;
}
.deliver-method > .ui-tabs-header .ui-tabs-nav {
  height: 50px;
  line-height: 50px;
  width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.deliver-method > .ui-tabs-header .ui-tabs-nav .group-newer-tip {
  position: absolute;
  right: 5px;
  width: 30px;
}
.deliver-method > .ui-tabs-content {
  background-color: #fff;
}
.deliver-method .single-wrap {
  background-color: #fff;
  border: 1px solid #e1e7f2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.share-section .fold {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 0;
  overflow: hidden;
}
.share-section .title-btn {
  float: right;
  cursor: pointer;
}
.share-section .title-btn .icon-arrow-down {
  height: 8px;
  vertical-align: 2px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.share-section.open .fold {
  height: 320px;
}
.share-section.open .icon-arrow-down {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.group-content {
  padding: 0px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-content .ui-checkbox input + label .check-box .tick {
  left: 50%;
  top: 50%;
}
.group-content .icon-tips {
  background-color: transparent;
  margin-right: 10px;
  width: 18px;
}
.group-content .option-group,
.group-content .ui-cascade-advanced {
  width: 100%;
}
.group-content .more-wrapper--list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -10px;
}
.group-content .more-wrapper .opion-detail {
  margin-top: 16px;
  padding-left: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: none;
}
.group-content .more-wrapper .open .opion-detail {
  display: block;
}
.group-content .row {
  margin-bottom: 30px;
}
.group-content .col-field {
  width: 320px;
}
.group-content .col-tips {
  width: initial;
}
.group-content .ui-date-picker-placeholder {
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
}
.group-content .icon-loading-arrow,
.group-content .icon-success,
.group-content .icon-fail {
  width: 20px;
  height: 20px;
}
.group-content .row-agreement a {
  color: #008fff;
  text-decoration: none;
}
.group-content .row-agreement label {
  white-space: nowrap;
}
.group-content.edit table {
  margin-top: 20px;
  border-top: 1px solid #e1e7f2;
}
.group-content .box {
  width: 250px;
  border: 1px solid #008fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: 38px 44px;
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  border-color: #e1e7f2;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.group-content .box:hover,
.group-content .box.active {
  border-color: #008fff;
}
.group-content .box .icon {
  float: right;
  margin-top: 28px;
  margin-right: 15px;
  fill: #008fff;
}
.group-content .box.box-donut {
  background-image: url(data:image/png;base64,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);
  background-size: 38px 38px;
}
.group-content .box.box-donut .gap {
  width: 10px;
  display: inline-block;
  color: #e1e7f2;
  text-align: right;
}
.group-content .box.box-donut.grey {
  background-image: url(data:image/png;base64,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);
  border-color: #e1e7f2;
  color: #999999;
  cursor: default;
}
.group-content .box-main {
  font-size: 14px;
  margin: 15px 15px 15px 65px;
  line-height: 22px;
}
.group-content .box .value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-content .group-item .group-samples-count {
  color: #008fff;
}
.group-content .group-item .group-status {
  margin-left: 20px;
}
.group-content .group-item::after {
  content: '';
  display: block;
  border: 1px solid #e1e7f2;
  border-width: 0 0 1px 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
.group-control .ui-button {
  margin-right: 10px;
  background: #008fff;
  color: #fff !important;
  width: 120px;
}
.group-control .ui-button:hover {
  background: #2196f3;
}
.group-control .ui-button.disabled {
  background: rgba(33, 150, 243, 0.2);
  cursor: not-allowed;
}
.group-control .link {
  float: right;
  text-decoration: none;
  line-height: 45px;
  color: #008fff;
  margin-left: 10px;
}
.group-control .split {
  cursor: default;
  color: #e2e2e2;
}
.fieldset-group-attrs .ui-button {
  width: 85px;
  margin-right: 5px;
  padding: 0;
  outline: none;
}
.fieldset-group-attrs .ui-button.active {
  border-color: #2196f3;
  color: #2196f3;
}
.fieldset-group-attrs .group-attrs-wrap {
  border-width: 1px;
  border-style: solid;
  border-color: #e1e7f2;
  border-radius: 6px;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.fieldset-group-attrs .group-attrs-wrap.empty {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}
.fieldset-group-attrs .ui-checkgroup {
  border-radius: 0;
  border-width: 0;
  border-color: #e1e7f2;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.fieldset-group-attrs .group-attrs-active {
  max-height: 200px;
  border-top-width: 1px;
  margin-top: -1px;
}
.ui-tip-yellow {
  margin-top: -15px;
  background-color: rgba(242, 44, 45, 0.1) !important;
  color: #f22c2d;
}
.ui-tip-yellow .icon-close {
  fill: #000;
}
.ui-tip-yellow .icon-tips path:nth-of-type(1) {
  fill: #f22c2d;
}
.icon-tips {
  margin-right: 10px;
  vertical-align: top;
  height: 40px !important;
}
.banner-wrapper {
  position: relative;
  height: 160px;
  background-color: #2964f3;
  overflow: hidden;
  cursor: pointer;
}
.banner-wrapper:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.banner-wrapper .banner-pic {
  display: block;
  margin: 0 auto;
  height: 100%;
  -webkit-animation: a-banner-pic1 10s linear infinite;
          animation: a-banner-pic1 10s linear infinite;
}
.banner-wrapper .banner-pic:last-child {
  top: 100%;
  -webkit-animation: a-banner-pic2 10s linear infinite;
          animation: a-banner-pic2 10s linear infinite;
}
@-webkit-keyframes a-banner-pic1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  44% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  47% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  97% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes a-banner-pic1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  44% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  47% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  97% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes a-banner-pic2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  47% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  94% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  97% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes a-banner-pic2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  47% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  94% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  97% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.row-type {
  font-size: 14px;
}
.row-type .icon {
  vertical-align: middle;
  margin-right: 5px;
}
.row-control .ui-button {
  font-size: 16px;
}
.embedded-content {
  width: 100%;
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.embedded-content .radio-group {
  padding: 20px 0;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 8px;
  background-color: #F3F3F3;
}
.embedded-content .radio-group > * {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.embedded-content .radio-group .t-radio-button {
  height: auto;
}
.embedded-content .radio-group .t-radio-button::before {
  opacity: 0 !important;
}
.embedded-content .radio-group > .t-radio-group__bg-block {
  height: 100% !important;
  top: 0px !important;
  background-color: transparent;
}
.embedded-content .radio-group > .t-radio-group__bg-block::before {
  content: '';
  width: calc(100% - 16px);
  height: calc(100% - 12px);
  background-color: #fff;
  border-radius: 6px;
  position: absolute;
  left: 8px;
  top: 6px;
}
.embedded-content .radio-group-item {
  margin-left: 14px;
}
.embedded-content .radio-group-item.icon {
  max-width: 32px;
  max-height: 32px;
  margin-top: 3px;
  margin-bottom: 8px;
}
.embedded-content .radio-group-item.icon > svg {
  height: 100%;
  width: 100%;
}
.embedded-content .radio-group-item.icon.wechat > svg > *,
.embedded-content .radio-group-item.icon.mini > svg > * {
  fill: #00B240;
}
.embedded-content .radio-group-item.title {
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  color: #000000e6;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  margin-bottom: 8px;
}
.embedded-content .radio-group-item.subtitle {
  font-family: "PingFang SC";
  font-style: normal;
  color: #00000066;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: normal;
  word-break: break-all;
}
.embedded-content .page-embed-flex-wrapper {
  width: 100%;
}
.embedded-content .page-embed-flex-wrapper > :nth-child(1) {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.embedded-content .page-embed-flex-wrapper > :nth-child(2) {
  -webkit-flex: 0 1;
      -ms-flex: 0 1;
          flex: 0 1;
}
.embedded-content .page-embed-flex-wrapper > :nth-child(3) {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.embedded-content .page-embed-flex-wrapper .frame-wrapper {
  position: relative;
  width: 100%;
  font-size: 0;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px;
}
.embedded-content .page-embed-flex-wrapper .frame-wrapper .t-image__wrapper {
  z-index: 0;
}
.embedded-content .page-embed-flex-wrapper .frame-wrapper #idy_floatdiv {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  position: absolute !important;
}
.embedded-content .mini-embed-flex-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}
.embedded-content .mini-embed-flex-wrapper .mini-embed-flex-box {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 6px;
  background-color: #F3F3F3;
}
.embedded-content .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}
.embedded-content .sub-label {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  vertical-align: top;
}
.embedded-content .sub-label.app-page-embedding {
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}
.embedded-content .header {
  margin-bottom: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.embedded-content .header > * {
  margin-right: 8px;
}
.embedded-content .header .button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #0F6BFF;
  background: none;
  border: none;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: self-start;
      -ms-flex-item-align: self-start;
          align-self: self-start;
  margin-left: auto;
}
.embedded-content .header .button:hover {
  color: #1062e7;
}
.embedded-content .options {
  margin-bottom: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
.embedded-content .options > .option-label {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 8px;
}
.embedded-content .options .option-input {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.embedded-content .url {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  outline: none;
  background-color: #f3f3f3;
  border: 1px solid #DCDCDC;
  color: #00000066;
  padding: 5px 8px;
  width: 100%;
  line-height: 22px;
  margin-bottom: 11px;
  border-radius: 6px;
  word-break: break-all;
}
.embedded-content .url.app-page-embedding {
  margin-top: 16px;
  height: 486px;
}
.embedded-content .url.mini-embed {
  background-color: #FFF;
}
@media (max-width: 1330px) {
  .embedded-content .url.direct-page-embedding {
    height: 66px;
  }
}
.embedded-content .submit-buttons {
  height: 34px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.embedded-content .submit-buttons > * {
  margin-right: 8px;
}
.embedded-content .ui-copy-text .t-input__inner {
  color: #00000099;
}
.embedded-content .ui-copy-text .ui-button {
  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;
}
.embedded-content .ui-copy-text .ui-button .coral-icon-copy_line {
  font-size: 20px;
  margin-right: 4px;
}
.mini-embed-popup-qrcode {
  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;
}
.mini-embed-popup-qrcode__image {
  width: 125px;
  height: 125px;
}
.mini-embed-popup-qrcode__text {
  padding: 8px 0 4px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #000000af;
}
.embedded-showcase-header .site-header .nav {
  display: none;
}
.swap-community-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.swap-community-content {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.swap-community-header {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 16px;
}
.swap-community-header h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.swap-community-header p {
  color: #888;
  font-size: 14px;
}
.swap-community-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.swap-community-info h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
.swap-community-survey-info {
  background-color: #f7f8fa;
  padding: 16px;
  border-radius: 6px;
}
.swap-community-survey-info div {
  line-height: 24px;
}
.swap-community-actions h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey/scene-config/icon/style.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.survey-icon {
  height: 1em;
  width: 1em;
  -o-object-fit: contain;
     object-fit: contain;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Header/global-search/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.global-search {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 240px;
}
.global-search-popup {
  width: 100%;
  max-width: 400px;
}
.global-search-popup .t-popup__content {
  padding: 0;
  min-height: 54px;
}
.global-search-popup .t-loading__overlay {
  border-radius: var(--td-radius-default);
  min-height: 54px;
}
.global-search-popup--variant-popup .t-popup__content {
  margin-top: -32px !important;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.global-search-popup--variant-popup .global-search-popup-input-container {
  padding: 8px;
}
.global-search-popup--variant-popup .t-input {
  background-color: #e7e7e7;
}
.global-search--variant-popup .t-input {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.global-search--variant-popup .t-input .t-input__inner {
  display: none;
}
.search-popup-content {
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  height: 100%;
  max-height: 480px;
  overflow: auto;
  overflow: overlay;
  /* total width */
  /* set button(top and bottom of the scrollbar) */
}
.search-popup-content::-webkit-scrollbar {
  width: 8px;
  z-index: 99;
}
.search-popup-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px 8px transparent;
          box-shadow: inset 0 0 8px 8px transparent;
  border: solid 2px transparent;
}
.search-popup-content::-webkit-scrollbar-track:hover {
  background: #fff;
}
.search-popup-content::-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;
}
.search-popup-content::-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);
}
.search-popup-content::-webkit-scrollbar-button {
  display: none;
}
.search-popup-content .icon-ai-create {
  margin-right: 8px;
}
.search-result-section {
  padding: 8px;
}
.search-result-section:not(:last-child) {
  border-bottom: 1px solid var(--td-border-level-1-color);
}
.search-result-section-ai {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  white-space: nowrap;
}
.search-result-section-ai img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.search-result-section-ai .t-button {
  margin-left: auto;
  font-size: 14px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-result-section-ai .highlight {
  color: var(--td-brand-color);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-result-section-title {
  font-weight: 600;
  padding: 0 12px;
}
.search-result-section-content {
  margin-top: 8px;
}
.search-result-empty {
  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: 16px;
  color: var(--td-text-color-placeholder);
}
.search-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--td-text-color-primary);
  padding: 8px;
  border-radius: var(--td-radius-default);
  text-decoration: none;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
a.search-card {
  cursor: pointer;
}
.search-card:not(:last-child) {
  margin-bottom: 2px;
}
.search-card:hover {
  background-color: var(--td-bg-color-container-hover);
}
.search-card-image {
  margin-right: 8px;
  font-size: 24px;
  height: 24px;
  width: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-card-image .avatar {
  width: 100%;
  height: 100%;
  border: 1px solid var(--td-component-border);
  border-radius: 50%;
}
.search-card-image .survey-icon {
  font-size: 20px;
}
.search-card-content .highlight {
  color: var(--td-brand-color);
}
.search-card-meta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-small);
  line-height: var(--td-line-height-body-small);
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 4px;
}
.search-card-meta .t-divider {
  margin-left: 8px;
  margin-right: 8px;
}
.v3temp-search-popup {
  max-width: 400px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Header/Header.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.header--middle .site-header .header-inner .coral-header-logo {
  margin-top: 5px;
}
.site-header {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
          box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);
  min-width: 980px;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  z-index: 3;
}
.site-header .coral-header-logo__img {
  height: 32px !important;
  width: auto !important;
}
.site-header .header-inner {
  white-space: nowrap;
  height: 56px;
  line-height: 56px;
  padding-left: 20px;
  padding-right: 20px;
}
.site-header .logo {
  float: left;
  display: block;
  height: 100%;
}
.site-header .logo img {
  margin-right: 5px;
  display: block;
  margin-top: 18px;
  height: 40px;
}
.site-header a {
  text-decoration: none;
}
.site-header .site-title {
  display: inline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}
.site-header .nav {
  display: inline-block;
  margin-left: 36px;
  font-size: 17px;
  color: #333333;
  white-space: nowrap;
  vertical-align: top;
}
.site-header .nav > a:not(.nav-mine):hover {
  color: #008fff;
  fill: #008fff;
}
.site-header .nav-item {
  display: inline-block;
  height: 100%;
  color: #333333;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  position: relative;
}
.site-header .nav-item::after {
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 3px;
  border-radius: 2px;
  background-color: #008fff;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.site-header .nav-item.active {
  color: #008fff;
}
.site-header .nav-item:hover {
  color: #008fff;
}
.site-header .nav-item.has-dropdown::after {
  width: calc(100% - 45px);
}
.site-header .nav-item + .nav-item {
  margin-left: 45px;
}
.site-header .title-center {
  position: absolute;
  width: 240px;
  left: 50%;
  margin-left: -120px;
  text-align: center;
}
.site-header .enters-layout {
  margin-left: 90px;
  font-weight: 600;
  font-size: 16px;
}
.site-header .return-work {
  border-bottom: 1px solid #e5e5e5;
  line-height: 55px;
  height: 55px;
}
.site-header .return-work-wrap {
  display: inline-block;
  margin-right: 10px;
  float: right;
  line-height: 55px;
  height: 55px;
}
.site-header .return-work-wrap .coral-icon {
  font-size: 16px;
}
.site-header .return-work-wrap .coral-button {
  vertical-align: middle;
  margin-top: -2px;
}
.site-header .return-work-wrap.left {
  float: none;
  border-left: 1px solid #e5e5e5;
  vertical-align: top;
  margin-left: 45px;
  padding-left: 20px;
  margin-right: 0;
}
.site-header .return-work-wrap .promotions_nav_right {
  height: 100%;
  vertical-align: unset;
}
.site-header .return-work-wrap .header-publicity-activity {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .return-work-wrap .header-publicity-activity .publicity-activity-container {
  background: linear-gradient(271deg, #FFF1DA 27.03%, #FFE5BB 136.58%);
  border-radius: var(--td-radius-default);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px 0 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  color: #77583B;
  cursor: pointer;
}
.site-header .return-work-wrap .header-publicity-activity .publicity-activity-number {
  font-family: Arial;
  display: block;
  height: 22px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 88, 59, 0.9)), to(rgba(100, 70, 42, 0.65)));
  background: linear-gradient(180deg, rgba(119, 88, 59, 0.9) 0%, rgba(100, 70, 42, 0.65) 100%);
  font-weight: 700;
  line-height: 22px;
  font-size: 16px;
  padding: 0 4px;
  color: #fff;
  border-radius: 3px;
  margin: 0 3px;
}
.site-header .return-work-wrap .header-publicity-activity .coral-icon-jewelry_line {
  width: 20px;
  height: 20px;
  fill: #77583B;
  margin-right: 8px;
}
.site-header .page-title {
  float: left;
  font-size: 16px;
}
.site-header .page-title span {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #bdbdbd;
}
.site-header:after {
  content: '';
  display: block;
  clear: both;
}
.site-header .header-global-search {
  height: 100%;
  margin-right: 16px;
  float: right;
}
.global-header .site-sub-header {
  margin: 0 auto;
}
@media (min-width: 1252px) {
  .global-header .site-sub-header:not(.site-sub-header--full) {
    padding-left: 108px;
    padding-right: 108px;
  }
}
@media (max-width: 1251px) {
  .global-header .site-sub-header:not(.site-sub-header--full) {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.global-header .site-sub-header:not(.site-sub-header--full) .site-sub-header-inner {
  max-width: 1152px;
}
.global-header .site-sub-header-inner {
  margin: 24px auto;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 6;
}
.global-header .site-sub-header-nav {
  margin-right: 48px;
  padding-bottom: 4px;
  line-height: 28px;
  text-align: center;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
}
.global-header .site-sub-header-nav.active::after {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  border-radius: 1.5px;
  background-color: var(--td-brand-color);
  position: absolute;
  bottom: 0;
  left: 0;
}
#header,
.header-fix {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 66;
  left: 0;
}
#header {
  z-index: 65;
  height: 56px;
}
.header-has-sub-nav .site-header {
  -webkit-box-shadow: inset 0px -1px 0px #E5E5E5;
          box-shadow: inset 0px -1px 0px #E5E5E5;
}
.global-header-transparent .site-header {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.global-header-transparent .site-header:after {
  border: 0;
}
.global-header-transparent .site-header .nav-item.active::after,
.global-header-transparent .site-header .nav-item:hover::after {
  border-color: transparent;
}
.content-header .site-header {
  margin: auto;
}
@media (min-width: 1252px) {
  .content-header .site-header {
    padding-left: 108px;
    padding-right: 108px;
  }
}
@media (max-width: 1251px) {
  .content-header .site-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.content-header .site-header .header-inner {
  max-width: 1152px;
  margin: auto;
  padding: 0;
}
.user-popup {
  overflow: visible !important;
}
.user-control {
  min-width: 240px;
  min-height: 100px;
  width: fix-content;
  background: #fff;
  border-radius: 4px;
}
.user-control .control-item {
  position: relative;
  font-size: 14px;
  display: block;
  padding: 8px 16px !important;
  height: 48px;
  line-height: 32px;
  white-space: nowrap;
  color: #000;
  width: 100%;
  text-align: left;
  border-radius: 0;
}
.user-control .control-item .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.user-control .control-item:hover {
  color: #008fff;
  background: rgba(33, 150, 243, 0.05);
}
.user-control .control-item.active {
  color: #008fff;
  background: rgba(33, 150, 243, 0.05);
}
.user-control .control-item .arrow {
  float: right;
}
.user-control .control-item .arrow .coral-icon-arrow_right_line {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.user-control .control-item .arrow.open .coral-icon-arrow_right_line {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.user-control .control-item .control-org-wrap {
  top: 0;
  background-color: #fff;
  border-radius: 4px;
  width: 240px;
  left: -239px;
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
}
.user-control .control-item .control-org-wrap .org-wrap {
  max-height: 290px;
  overflow-x: auto;
}
.user-control .control-item .control-org-wrap .org-wrap .control-item {
  padding: 8px 40px !important;
}
.user-control .create-item {
  color: #008fff;
  border-top: 1px solid #e1e7f2;
  text-align: center;
  line-height: 48px;
  display: block;
}
.user-control .create-item .coral-icon-add_line {
  fill: #008fff;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}
.user-control .user-name {
  cursor: auto;
  border-bottom: 1px solid #e1e7f2;
}
.nav-dropdown {
  height: 100%;
}
.nav-dropdown .coral-icon-arrow_down_line {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 16px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  vertical-align: middle;
  padding: 5px 5px;
}
.nav-dropdown .coral-icon-arrow_down_line:hover {
  fill: #008fff;
}
.nav-dropdown.open .coral-icon-arrow_down_line {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.nav-dropdown-content-item {
  position: relative;
  display: block;
  padding: 0 30px;
  text-decoration: none;
  color: #333333;
  line-height: 40px;
}
.nav-dropdown-content-item:first-child {
  border-radius: 6px 6px 0 0;
}
.nav-dropdown-content-item:last-child {
  border-radius: 0 0 6px 6px;
}
.nav-dropdown-content-item:hover {
  color: var(--td-brand-color);
  background-color: #f6f8fa;
}
.nav-dropdown-content-item:hover .moreMenu {
  display: block;
}
.v3temp-save-template {
  position: relative;
  display: inline-block;
  top: 8px;
  cursor: pointer;
}
.v3temp-save-template :hover {
  fill: #2378FF;
}
.v3temp-head-li {
  padding: 10px 30px;
  cursor: pointer;
}
.v3temp-head-li:hover {
  background-color: #F6FAFF;
  color: #2378FF;
}
.v3temp-savetemp {
  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;
}
.v3temp-tempmodal {
  border-radius: 4px;
}
.v3temp-tempmodal button {
  border-radius: 4px;
}
.v3temp-tempmodal button.ten-button--type-primary {
  background-color: #2378FF;
  border-color: #2378FF;
}
.v3temp-tempmodal button.ten-button--type-primary:hover {
  background: #5697ff;
}
.v3temp-save-icon {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-right: 5px;
  top: 4px;
}
@media screen and (max-width: 1310px) {
  .site-header .enters-layout {
    margin-left: 40px;
  }
  .site-header .nav-item + .nav-item {
    margin-left: 20px;
  }
  .site-header .header-user-info-container .header-user-info,
  .site-header .header-user-info-container .coral-icon {
    display: none;
  }
}
@media screen and (max-width: 1170px) {
  .header-publicity-activity {
    display: none !important;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Header/MobileHeader.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.global-mobile-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  width: 100%;
  height: 56px;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 99;
  padding: 0 16px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.global-mobile-header.global-mobile-header-transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Header/BusinessNavigation.module.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_mxN_ksz1.t-button_rgWpAumy {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_mxN_ksz1.t-button_rgWpAumy:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.businessNavigation_mkPiprWt {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  z-index: 20;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.container_b248OjyS {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: 6px;
  padding: 4px 32px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.step_gJ_Ob5VC {
  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;
  min-width: 120px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  background: #F3F3F3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
.step_gJ_Ob5VC:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  color: rgba(0, 0, 0, 0.4);
  background: #F3F3F3;
}
.step_gJ_Ob5VC:hover {
  background: rgba(33, 150, 243, 0.05);
  color: #2378FF;
}
.stepActive_KkIqwa42 {
  background: #2378FF;
  color: #fff;
  font-weight: 600;
}
.stepActive_KkIqwa42:hover {
  background: #2378FF;
  color: #fff;
}
.stepActive_KkIqwa42 .title_eNQWadNo {
  color: #fff;
}
.content_tLDfcMkg {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.number_iyQnej0H {
  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;
  border-radius: 100px;
  background: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.9);
}
.stepActive_KkIqwa42 .number_iyQnej0H {
  background: #FFFFFF;
  color: #2378FF;
}
.title_eNQWadNo {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
}
.arrow_Bcgpshh6 {
  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;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 4px;
}
.arrow_Bcgpshh6 .t-icon {
  width: 16px;
  height: 16px;
}
.arrow_Bcgpshh6 .t-icon path {
  fill: rgba(0, 0, 0, 0.26);
}
@media (max-width: 768px) {
  .businessNavigation_mkPiprWt {
    padding: 0 10px;
  }
  .container_b248OjyS {
    gap: 4px;
    padding: 2px;
  }
  .step_gJ_Ob5VC {
    min-width: 80px;
    height: 28px;
    font-size: 14px;
  }
  .title_eNQWadNo {
    font-size: 14px;
    line-height: 20px;
  }
  .number_iyQnej0H {
    width: 14px;
    height: 14px;
    font-size: 10px;
  }
  .arrow_Bcgpshh6 {
    margin: 0 2px;
  }
}


/*# sourceMappingURL=deliver.caa10e2f.css.map*/