/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/LayoutContent/style.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
* {
  margin: 0;
  padding: 0;
  outline: none;
}
ol,
ul,
li {
  list-style: none;
}
html {
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  font-family: 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
  font-size: 14px;
}
a {
  text-decoration: none;
}
.layout-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout-wrap.layout-wrap-has-sider {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.layout-wrap .layout-header {
  height: 56px;
  line-height: 56px;
  color: #333333;
  padding: 0 16px;
}
.layout-wrap .layout-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.layout-wrap .layout-header .coral-header-logo {
  margin: 12px 0;
}
@media (max-width: 980px) {
  .layout-wrap .layout-header {
    height: 56px;
    line-height: 56px;
  }
}
.layout-wrap .layout-footer-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.layout-wrap .layout-content {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
}
.layout-wrap .layout-content-horizontal {
  white-space: nowrap;
  overflow-x: auto;
}
.layout-wrap .layout-sider {
  min-height: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/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/AnimateGroup/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.animateGroup-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1020;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}
.animateGroup-mask.visible {
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: auto;
}
.animateGroup.show .animateGroup-mask {
  opacity: 1;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Mobile/Popup/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.m-popup-root {
  color: #000;
}
.m-popup-mask {
  position: fixed;
  z-index: 1010;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
}
.m-popup-mask.run-animate {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.m-popup-mask.anim-before-show,
.m-popup-mask.anim-after-hide,
.m-popup-mask.anim-hide {
  opacity: 0;
}
.m-popup-mask.anim-before-hide,
.m-popup-mask.anim-after-show,
.m-popup-mask.anim-show {
  opacity: 1;
}
.m-popup-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;
  height: 48px;
  border-bottom: 1px solid var(--td-component-stroke);
  width: 100%;
}
.m-popup-header__button {
  width: 20%;
  min-width: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-popup-header__button .t-button {
  font-size: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.m-popup-header__title {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  line-height: 3;
  color: var(--td-text-color-primary);
}
.m-popup-header__title + .m-popup-header__button {
  -webkit-flex-flow: row-reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.m-popup-header .t-button:hover {
  background-color: transparent;
  border-color: transparent;
}
.m-popup-content {
  position: fixed;
  z-index: 1010;
  width: 100vw;
  left: 0;
  bottom: 0;
  background-color: var(--td-bg-color-container);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 20px 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 20px 40px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  border-radius: 8px 8px 0px 0px;
}
.m-popup-content.run-animate {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.m-popup-content.anim-before-show,
.m-popup-content.anim-after-hide,
.m-popup-content.anim-hide {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.m-popup-content.anim-before-hide,
.m-popup-content.anim-after-show,
.m-popup-content.anim-show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.m-popup-content__container {
  overflow-y: auto;
}
.m-popup-root.exit-active .m-popup-content {
  -webkit-animation: slide-out 0.33s ease-in;
          animation: slide-out 0.33s ease-in;
}
@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/DialogKit/AiSurveyCreditLessDialog/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.ai-survey-credit-less-dialog .t-dialog__mask {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.ai-survey-credit-less-dialog .ai-survey-credit-less-dialog-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ai-survey-credit-less-dialog .ai-survey-credit-less-dialog-footer:has(> :only-child) {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 370px) {
  .ai-survey-credit-less-dialog .ai-survey-credit-less-dialog-footer {
    color: red;
  }
  .ai-survey-credit-less-dialog .ai-survey-credit-less-dialog-footer .consultation-link .t-link__prefix-icon {
    display: 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/ai/use-pay/index.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.ai-use-pay__dialog-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/search-popup-content.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.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,
.search-result-section-ai .t-trigger {
  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;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/MaterialAssetOverDialog/index.module.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.wrap_uBD8Bs7J {
  margin-top: 16px;
  font-size: 14px;
  line-height: 22px;
}
.title_Laz82ghn {
  font-weight: bold;
  margin-bottom: 8px;
}
.admin_YuAYKaet {
  background-color: #F3F3F3;
  border-radius: 6px;
  padding: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projectsTitle_yV6lSFAo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 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/DialogKit/SaveToTemplateDialog/style.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.save-to-template-dialog .folder-tree-selector {
  height: 350px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.save-to-template-dialog .folder-tree-selector .t-tree {
  width: 100%;
}
.save-to-template-dialog .folder-tree-selector .t-tree__label {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.save-to-template-dialog .folder-tree-selector .tree-node-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
}
.save-to-template-dialog .folder-tree-selector .tree-node-content svg {
  margin-right: 4px;
}
.save-to-template-dialog .folder-tree-selector .tree-node-content .t-tag {
  padding: 0 4px;
  height: 20px;
  margin-top: 2px;
  margin-left: 8px;
}
.save-to-template-dialog .folder-tree-selector .loading {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/PreviewDialog/index.module.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_UWEJgvgT.t-button_A4dqIRNF {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_UWEJgvgT.t-button_A4dqIRNF:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.dialog_lr8q4LyQ .t-dialog {
  max-width: 90vw !important;
}
.dialog_lr8q4LyQ .t-dialog__body {
  padding: 0 !important;
}
@media (max-width: 980px) {
  .dialog_lr8q4LyQ .t-dialog__position {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    padding: 0;
  }
  .dialog_lr8q4LyQ .t-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .dialog_lr8q4LyQ .t-dialog .t-dialog__body {
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    height: 100%;
  }
  .dialog_lr8q4LyQ .t-dialog .t-dialog__footer .t-button {
    width: 100%;
  }
  .dialog_lr8q4LyQ .t-dialog__wrap {
    overflow: hidden;
  }
}
.container_FvqNlQML .header_VUxBTLwZ {
  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: 12px 24px;
  border-bottom: 1px solid var(--td-border-level-1-color);
}
@media (max-width: 980px) {
  .container_FvqNlQML .header_VUxBTLwZ {
    padding: 12px 16px;
  }
}
.container_FvqNlQML .header_VUxBTLwZ .title_RsAyq3LC {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container_FvqNlQML .header_VUxBTLwZ .computerButton_QWcDrJ1g.active_hArGegYg .coral-icon,
.container_FvqNlQML .header_VUxBTLwZ .mobileButton_lVmRujvg.active_hArGegYg .coral-icon {
  color: #0f6bff;
}
.container_FvqNlQML .header_VUxBTLwZ .computerButton_QWcDrJ1g .coral-icon,
.container_FvqNlQML .header_VUxBTLwZ .mobileButton_lVmRujvg .coral-icon {
  font-size: 18px;
}
@media (max-width: 980px) {
  .container_FvqNlQML .header_VUxBTLwZ .computerButton_QWcDrJ1g,
  .container_FvqNlQML .header_VUxBTLwZ .mobileButton_lVmRujvg {
    display: none;
  }
}
.container_FvqNlQML .header_VUxBTLwZ .actions_pwBWEji5 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.container_FvqNlQML .header_VUxBTLwZ .actions_pwBWEji5 .buttonGroup_A9Z1Qu2W {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.container_FvqNlQML .header_VUxBTLwZ .actions_pwBWEji5 .buttonGroup_A9Z1Qu2W .t-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.container_FvqNlQML .header_VUxBTLwZ .actions_pwBWEji5 .buttonGroup_A9Z1Qu2W .t-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.container_FvqNlQML .header_VUxBTLwZ .actions_pwBWEji5 .buttonGroup_A9Z1Qu2W .t-button:not(:first-child) {
  margin-left: -1px;
}
.container_FvqNlQML .header_VUxBTLwZ .actions_pwBWEji5 .buttonGroup_A9Z1Qu2W .t-button:hover {
  z-index: 1;
}
.container_FvqNlQML .body_PyrNG7zZ {
  width: 100%;
  height: 640px;
  position: relative;
  overflow: hidden;
}
.container_FvqNlQML .body_PyrNG7zZ.pc__Jaz3Pcy {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 12px 24px;
}
.container_FvqNlQML .body_PyrNG7zZ.pc__Jaz3Pcy .loading_kncI0MXJ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.container_FvqNlQML .body_PyrNG7zZ.pc__Jaz3Pcy .iframe_W3zladpv {
  width: 100%;
  height: 100%;
}
.container_FvqNlQML .body_PyrNG7zZ.mobile_u7J6v0HT .iphone_Fgwiltcv {
  width: 495px;
  -webkit-transform: translateX(-50%) scale(0.75);
      -ms-transform: translateX(-50%) scale(0.75);
          transform: translateX(-50%) scale(0.75);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  position: absolute;
  left: 50%;
}
@media (max-width: 980px) {
  .container_FvqNlQML .body_PyrNG7zZ.mobile_u7J6v0HT .iphone_Fgwiltcv {
    display: none;
  }
}
.container_FvqNlQML .body_PyrNG7zZ.mobile_u7J6v0HT .loading_kncI0MXJ {
  width: 240px;
  height: 428px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 1px), 98px);
      -ms-transform: translate(calc(-50% - 1px), 98px);
          transform: translate(calc(-50% - 1px), 98px);
  z-index: 2;
}
.container_FvqNlQML .body_PyrNG7zZ.mobile_u7J6v0HT .iframe_W3zladpv {
  width: 320px;
  height: 570px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 1px), 27px) scale(0.75);
      -ms-transform: translate(calc(-50% - 1px), 27px) scale(0.75);
          transform: translate(calc(-50% - 1px), 27px) scale(0.75);
  z-index: 1;
}
@media (max-width: 980px) {
  .container_FvqNlQML .body_PyrNG7zZ.mobile_u7J6v0HT .iframe_W3zladpv {
    width: 100%;
    height: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: static;
  }
}
.container_FvqNlQML .body_PyrNG7zZ .iframe_W3zladpv {
  opacity: 1;
  border: none;
}
.container_FvqNlQML .body_PyrNG7zZ .iframe_W3zladpv.iframeLoading_VcRGtkKX {
  opacity: 0;
}
@media (max-width: 980px) {
  .container_FvqNlQML .body_PyrNG7zZ {
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    height: 100%;
  }
}
@media (max-width: 980px) {
  .container_FvqNlQML {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/template/Template/components/Search/index.module.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_EoKBTSPU.t-button_cZMwqi9q {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_EoKBTSPU.t-button_cZMwqi9q:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.searchWrapper_S0qEWClT {
  width: 100%;
}
.searchBar_5toyVzkk {
  width: 100%;
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 6px;
  background-color: #fff;
  padding-right: 12px;
  padding-left: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  position: relative;
}
.searchBar_5toyVzkk .input_A1mBo7v4 {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-size: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  height: 24px;
  color: rgba(0, 0, 0, 0.9);
  z-index: 1;
}
.searchBar_5toyVzkk .placeholder_kvtWBEi_ {
  position: absolute;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  height: 26px;
  overflow: hidden;
  left: 27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.searchBar_5toyVzkk .placeholder_kvtWBEi_ .scrollWrapper_U0D1223D {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.searchBar_5toyVzkk .placeholder_kvtWBEi_ .scrollItem_UsYYCv_N {
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
}
.searchBar_5toyVzkk .clearIcon_qNpBvhdw {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.searchBar_5toyVzkk .clearIcon_qNpBvhdw:hover {
  color: rgba(0, 0, 0, 0.4);
}
.searchBar_5toyVzkk .searchButton_kL8gOzQa {
  width: 54px;
  height: 48px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 6px;
}
.searchBar_5toyVzkk .searchButton_kL8gOzQa .t-icon {
  font-size: 24px;
}
.popup_c91My9oJ .t-popup__content {
  margin: 1px !important;
  padding: 0;
}
.popupContent_Q32kHGUw {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.aiCreate_hS6JtUiB {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  gap: 8px;
  border-bottom: 1px solid var(--td-border-level-1-color);
}
.aiCreate_hS6JtUiB .aiText_KJOurpeP {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.aiCreate_hS6JtUiB .aiButton_OzegboQd {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.aiCreate_hS6JtUiB .icon-ai-create {
  width: 24px;
  height: 24px;
}
.recommend_shVLYvNT {
  padding: 16px 8px;
}
.recommend_shVLYvNT .recommendHeader_Z9FN9u_z {
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
  padding-top: 0;
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW {
  padding: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW .recommendIcon_EtG3KKbc {
  font-size: 18px;
  margin-left: 3px;
  margin-top: 3px;
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW .recommendInfo_lahlbBDk {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW .recommendInfo_lahlbBDk .recommendTitle_EZyKZlV0 {
  font-size: 14px;
  line-height: 24px;
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW .recommendInfo_lahlbBDk .recommendDesc_VMA0uMKc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW .recommendInfo_lahlbBDk .recommendDesc_VMA0uMKc .divider_mIar7Uy8 {
  color: rgba(0, 0, 0, 0.1);
}
.recommend_shVLYvNT .recommendList_TpehlIQc .recommendItem_TwOzIrMW:hover {
  background-color: var(--td-gray-color-1);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/template/Template/components/Header/index.module.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_yVcl_9Ni.t-button_BE7F80X6 {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_yVcl_9Ni.t-button_BE7F80X6:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.header_um0F2Abq {
  width: 100%;
  max-width: 1300px;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: auto;
}
.header_um0F2Abq.mobile_VR4h8AVf {
  height: auto;
  padding: 32px 16px 16px;
  background-size: 100% 100%;
}
.header_um0F2Abq.mobile_VR4h8AVf .container_ZbpjswC4 {
  width: 100%;
  margin-top: 0;
}
.header_um0F2Abq.mobile_VR4h8AVf .recommendTags_NBkFMSWY {
  gap: 8px;
  margin-top: 16px;
}
.header_um0F2Abq.mobile_VR4h8AVf .recommendTags_NBkFMSWY .tagList_oRvMviI8 {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 4px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: relative;
}
.header_um0F2Abq.mobile_VR4h8AVf .recommendTags_NBkFMSWY .tagList_oRvMviI8::after {
  content: ' ';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(246, 246, 246, 0.8)), to(transparent)) right center no-repeat;
  background: linear-gradient(to left, rgba(246, 246, 246, 0.8), transparent) right center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.header_um0F2Abq.mobile_VR4h8AVf .topicSection_ZvZGkWpC {
  margin-top: 24px;
}
.header_um0F2Abq.mobile_VR4h8AVf .topicSection_ZvZGkWpC .topicList_DGAhxjiO {
  gap: 10px;
}
.header_um0F2Abq.mobile_VR4h8AVf .topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s {
  height: 80px;
}
.header_um0F2Abq.mobile_VR4h8AVf .topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItemImage_oHc90gBA {
  height: 80px;
}
.header_um0F2Abq.mobile_VR4h8AVf .topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItemTitle_SJA0mrRm {
  font-size: 16px;
  line-height: 24px;
}
.header_um0F2Abq.mobile_VR4h8AVf .topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItemDescription_PCek8709 {
  font-size: 12px;
  line-height: 22px;
  margin-top: 4px;
}
.container_ZbpjswC4 {
  width: 100%;
  margin-top: 64px;
  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;
}
.searchSection_sN5q1Qm0 {
  width: 100%;
  max-width: 854px;
}
.recommendTags_NBkFMSWY {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  margin-top: 16px;
}
.recommendTags_NBkFMSWY .prefix_lMmUfSYe {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  line-height: 26px;
}
.recommendTags_NBkFMSWY .tagList_oRvMviI8 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.recommendTags_NBkFMSWY .tagList_oRvMviI8 .tagItem_T5dO2tuy {
  height: 26px;
  padding: 0 12px;
  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;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 13px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}
.recommendTags_NBkFMSWY .tagList_oRvMviI8 .tagItem_T5dO2tuy:hover {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.9);
}
.topicSection_ZvZGkWpC {
  margin-top: 32px;
  width: 100%;
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO {
  width: 100%;
  display: grid;
  gap: 16px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO.size-sm_DjhqJi4n,
.topicSection_ZvZGkWpC .topicList_DGAhxjiO.size-xs_i5sI4RRP {
  grid-template-columns: repeat(2, 1fr);
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO.size-md_IiaKFVMv,
.topicSection_ZvZGkWpC .topicList_DGAhxjiO.size-lg_bWSfnI_1 {
  grid-template-columns: repeat(auto-fit, 250px);
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 120px;
  color: #fff;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  -webkit-animation: a-sitem-show_6WokXiNr 0.8s ease both;
          animation: a-sitem-show_6WokXiNr 0.8s ease both;
}
@-webkit-keyframes a-sitem-show_6WokXiNr {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes a-sitem-show_6WokXiNr {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s .topicItemImage_oHc90gBA {
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s .topicItemImage_oHc90gBA img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s .topicItemMask_zH0geMlu {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s .topicItemTitle_SJA0mrRm {
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.topicSection_ZvZGkWpC .topicList_DGAhxjiO .topicItem_Vx9Tdy0s .topicItemDescription_PCek8709 {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/template/TemplateCard/index.module.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_XeoDLeQt.t-button_FVsFRFlr {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_XeoDLeQt.t-button_FVsFRFlr:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.container_Dh5mpwDM {
  position: relative;
  display: block;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  cursor: pointer;
  width: 220px;
  height: 210px;
}
.container_Dh5mpwDM::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: -1;
  margin: -1px;
}
.container_Dh5mpwDM:hover,
.container_Dh5mpwDM.hover_RMHgftew {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
  -webkit-box-shadow: 0 4px 12px 0 #00000029;
          box-shadow: 0 4px 12px 0 #00000029;
}
.container_Dh5mpwDM:hover::before,
.container_Dh5mpwDM.hover_RMHgftew::before {
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}
.container_Dh5mpwDM:hover .banner_rleJcQWJ,
.container_Dh5mpwDM.hover_RMHgftew .banner_rleJcQWJ {
  height: 106px;
}
.container_Dh5mpwDM:hover .info_HK5y_6F4 .description_LZyqktxr,
.container_Dh5mpwDM.hover_RMHgftew .info_HK5y_6F4 .description_LZyqktxr {
  opacity: 0;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
}
.container_Dh5mpwDM:hover .info_HK5y_6F4 .actions_sDAJzfCM,
.container_Dh5mpwDM.hover_RMHgftew .info_HK5y_6F4 .actions_sDAJzfCM {
  opacity: 1;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
}
.container_Dh5mpwDM:hover.multiline_sFY6uVsu .banner_rleJcQWJ,
.container_Dh5mpwDM.hover_RMHgftew.multiline_sFY6uVsu .banner_rleJcQWJ {
  height: 84px;
}
.container_Dh5mpwDM:hover.multiline_sFY6uVsu .title_hfOFfJqJ,
.container_Dh5mpwDM.hover_RMHgftew.multiline_sFY6uVsu .title_hfOFfJqJ {
  height: 80px;
}
.container_Dh5mpwDM:hover.multiline_sFY6uVsu .title_hfOFfJqJ .text_td7PTfdu,
.container_Dh5mpwDM.hover_RMHgftew.multiline_sFY6uVsu .title_hfOFfJqJ .text_td7PTfdu {
  max-height: 48px;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  white-space: normal;
  opacity: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.container_Dh5mpwDM:hover .more_kfbtt1XT,
.container_Dh5mpwDM.hover_RMHgftew .more_kfbtt1XT {
  opacity: 1;
}
.container_Dh5mpwDM .banner_rleJcQWJ {
  position: relative;
  height: 116px;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
  border-bottom: 1px solid #00000014;
  border-radius: 6px 6px 0 0;
  background: #f9f9f9;
  cursor: pointer;
  overflow: hidden;
}
.container_Dh5mpwDM .banner_rleJcQWJ .thumb_sTX15dGS {
  width: 100%;
  height: 100%;
  vertical-align: top;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.container_Dh5mpwDM .banner_rleJcQWJ .scene_Pxw8zt7e {
  position: absolute;
  left: 5px;
  top: 5px;
}
.container_Dh5mpwDM .title_hfOFfJqJ {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 16px;
  height: 56px;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.container_Dh5mpwDM .title_hfOFfJqJ .text_td7PTfdu {
  max-width: 100%;
  max-height: 24px;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  word-break: break-all;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container_Dh5mpwDM .title_hfOFfJqJ .virtualBox_CnsVGrV6 {
  position: absolute;
  visibility: hidden;
  white-space: normal;
  height: 24px;
  width: 186px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
}
.container_Dh5mpwDM .info_HK5y_6F4 {
  padding: 0 12px 0 16px;
}
.container_Dh5mpwDM .info_HK5y_6F4 .description_LZyqktxr {
  color: #999999;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s, transform 0.3s ease;
  transition: opacity 0.3s, transform 0.3s ease, -webkit-transform 0.3s ease;
  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;
  gap: 4px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
}
.container_Dh5mpwDM .info_HK5y_6F4 .description_LZyqktxr .avatar_rH7rfDGF {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: block;
}
.container_Dh5mpwDM .info_HK5y_6F4 .description_LZyqktxr .avatarWrap_gJXEqCKk {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}
.container_Dh5mpwDM .info_HK5y_6F4 .description_LZyqktxr .questionCount_H0wL3JLs {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.container_Dh5mpwDM .info_HK5y_6F4 .description_LZyqktxr span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.container_Dh5mpwDM .info_HK5y_6F4 .actions_sDAJzfCM {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s, transform 0.3s ease;
  transition: opacity 0.3s, transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, auto);
  padding-right: 16px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 18px;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  pointer-events: none;
}
.container_Dh5mpwDM .info_HK5y_6F4 .actions_sDAJzfCM .t-button {
  pointer-events: auto;
}
.container_Dh5mpwDM .info_HK5y_6F4 .actions_sDAJzfCM .more_kfbtt1XT {
  position: absolute;
  right: 3.6px;
  top: 8px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto;
}
.group_KbS4Zq8u {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 220px);
  grid-gap: 32px 16px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/common/scenes-icon/index.module.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.primary_FOOu9bQg {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #015bf4 !important;
  border-color: #015bf433 !important;
  background-color: #e6f0fc !important;
}
.primary_FOOu9bQg svg {
  display: block;
}
.primary_FOOu9bQg .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.primary_FOOu9bQg .content_Aj_XAeEv img {
  width: 20px;
}
.success__3v3qZ_g {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #2fac49 !important;
  border-color: #2fac4933 !important;
  background-color: #ebf7ed !important;
}
.success__3v3qZ_g svg {
  display: block;
}
.success__3v3qZ_g .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.success__3v3qZ_g .content_Aj_XAeEv img {
  width: 20px;
}
.assessment_ebsjRaAg {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #9348f4 !important;
  border-color: #9348f433 !important;
  background-color: #f5edfe !important;
}
.assessment_ebsjRaAg svg {
  display: block;
}
.assessment_ebsjRaAg .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.assessment_ebsjRaAg .content_Aj_XAeEv img {
  width: 20px;
}
.warning_bTnI_8zz {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #ff9800 !important;
  border-color: #f8b20033 !important;
  background-color: #fff3e0 !important;
}
.warning_bTnI_8zz svg {
  display: block;
}
.warning_bTnI_8zz .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.warning_bTnI_8zz .content_Aj_XAeEv img {
  width: 20px;
}
.danger_wPskSexs {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #e55c5c !important;
  border-color: #ee555533 !important;
  background-color: #fdeeee !important;
}
.danger_wPskSexs svg {
  display: block;
}
.danger_wPskSexs .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.danger_wPskSexs .content_Aj_XAeEv img {
  width: 20px;
}
.vote_wsy3th6H {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #18bcb2 !important;
  border-color: #18bcb233 !important;
  background-color: #e8f9f8 !important;
}
.vote_wsy3th6H svg {
  display: block;
}
.vote_wsy3th6H .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.vote_wsy3th6H .content_Aj_XAeEv img {
  width: 20px;
}
.registration_vqqJ0dcE {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #f36d00 !important;
  border-color: #f36d0033 !important;
  background-color: #fef1e6 !important;
}
.registration_vqqJ0dcE svg {
  display: block;
}
.registration_vqqJ0dcE .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.registration_vqqJ0dcE .content_Aj_XAeEv img {
  width: 20px;
}
.clockin_wkTMUa99 {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #f8b200 !important;
  border-color: #f8b20033 !important;
  background-color: #fff8e6 !important;
}
.clockin_wkTMUa99 svg {
  display: block;
}
.clockin_wkTMUa99 .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.clockin_wkTMUa99 .content_Aj_XAeEv img {
  width: 20px;
}
.other_Pkt8k400 {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #ff9800 !important;
  border-color: #ff9800 !important;
  background-color: #fff3e0 !important;
}
.other_Pkt8k400 svg {
  display: block;
}
.other_Pkt8k400 .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.other_Pkt8k400 .content_Aj_XAeEv img {
  width: 20px;
}
.interview_OblGtukr {
  border: 0.5px solid transparent;
  border-radius: 3px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  white-space: nowrap;
  font-size: 12px;
  gap: 4px;
  color: #6a6aff !important;
  border-color: rgba(106, 106, 255, 0.2) !important;
  background-color: #e9e9ff !important;
}
.interview_OblGtukr svg {
  display: block;
}
.interview_OblGtukr .content_Aj_XAeEv {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.interview_OblGtukr .content_Aj_XAeEv img {
  width: 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/template/Template/components/List/index.module.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_TI2xJ1_9.t-button_ia4c_D40 {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_TI2xJ1_9.t-button_ia4c_D40:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.listWrapper_lyd4qnf2 {
  margin: 0 auto;
  margin-top: 16px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf {
  width: 100%;
  margin-top: 0;
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container {
  overflow-x: auto;
  /* total width */
  /* set button(top and bottom of the scrollbar) */
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container::-webkit-scrollbar {
  width: 8px;
  z-index: 99;
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px 8px transparent;
          box-shadow: inset 0 0 8px 8px transparent;
  border: solid 2px transparent;
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container::-webkit-scrollbar-track:hover {
  background: #fff;
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.1);
  border: solid 2px transparent;
  border-radius: 8px;
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 8px 8px rgba(0, 0, 0, 0.15);
}
.listWrapper_lyd4qnf2.mobile_v8jqWVDf .tabsWrapper_a3lNwm_D .t-tabs__nav-container::-webkit-scrollbar-button {
  display: none;
}
.tabsWrapper_a3lNwm_D {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.tabsWrapper_a3lNwm_D .aiButton_LflZ_ZLz {
  position: absolute;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.tabsWrapper_a3lNwm_D .aiButton_LflZ_ZLz.aiButtonHidden_Xcng_3da {
  display: none;
}
.tabsWrapper_a3lNwm_D .tabs_DNxIphIc {
  background-color: transparent;
}
.tabsWrapper_a3lNwm_D .tabs_DNxIphIc .t-tabs__nav-item {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.tabsWrapper_a3lNwm_D .tabs_DNxIphIc .t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  font-weight: 600;
}
.content_p3blNMMH {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.loading_XQuz36rb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
}
.empty_U8Ge2fWW {
  text-align: center;
  padding: 100px 0;
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  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;
  gap: 20px;
}
.listContainer_qLcLe8bI {
  overflow: hidden;
}
.listContainer_qLcLe8bI .space_x5A3bqos {
  width: 100%;
  height: 32px;
}
.listContainer_qLcLe8bI.mobile_v8jqWVDf .group_SDF3vEJ8 {
  grid-template-columns: repeat(2, 1fr);
}
.listContainer_qLcLe8bI.mobile_v8jqWVDf .group_SDF3vEJ8 .card_PS9ZlBc_ {
  zoom: 0.75;
}
@media (max-width: 980px) {
  .listContainer_qLcLe8bI.mobile_v8jqWVDf .group_SDF3vEJ8 .card_PS9ZlBc_:nth-child(2n) {
    justify-self: flex-end;
  }
}
.listContainer_qLcLe8bI.mobile_v8jqWVDf .space_x5A3bqos {
  height: 16px;
}
.loadMore_aKpdzlOm {
  margin-top: 32px;
}
.topicView_Y6wrzNca {
  margin: 0 auto;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.topicView_Y6wrzNca .topBar_Nyd0aJGT {
  margin-top: 32px;
}
.topicView_Y6wrzNca .topBar_Nyd0aJGT .backLink_Ajq6rXo2 {
  font-size: 14px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.topicView_Y6wrzNca.mobile_v8jqWVDf {
  width: 100%;
}
.topicView_Y6wrzNca.mobile_v8jqWVDf .topBar_Nyd0aJGT {
  margin-top: 0;
}
.topicView_Y6wrzNca.mobile_v8jqWVDf .topicHeader_HMY_IBry {
  height: 160px;
}
.banner_OkB3Tkp4 {
  height: 200px;
  margin-top: 16px;
  position: relative;
  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;
  border-radius: 4px;
  overflow: hidden;
  -webkit-animation: a-sitem-show_lWPULGPr 0.8s ease both;
          animation: a-sitem-show_lWPULGPr 0.8s ease both;
}
@-webkit-keyframes a-sitem-show_lWPULGPr {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes a-sitem-show_lWPULGPr {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.banner_OkB3Tkp4 .bannerMask_tOh3mm1t {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.banner_OkB3Tkp4 .bannerImage_R0QXXGjn {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
  position: absolute;
  top: 0;
}
.banner_OkB3Tkp4 .bannerTitle_YfMK2OtD {
  position: relative;
  width: 100%;
  font-weight: 500;
  font-size: 30px;
  line-height: 48px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: #fff;
}
.banner_OkB3Tkp4 .bannerDescription_RlALQUIj {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 48px;
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: #fff;
}
.banner_OkB3Tkp4.mobile_v8jqWVDf {
  height: 120px;
}
.banner_OkB3Tkp4.mobile_v8jqWVDf .bannerTitle_YfMK2OtD {
  font-size: 22px;
  line-height: 30px;
}
.banner_OkB3Tkp4.mobile_v8jqWVDf .bannerDescription_RlALQUIj {
  font-size: 14px;
  line-height: 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/components/template/Template/index.module.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button_rber2KpH.t-button_YeuBByQC {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button_rber2KpH.t-button_YeuBByQC:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
@-webkit-keyframes slide-down_fFJhKHFb {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-down_fFJhKHFb {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.templateWrapper_ELCnYc9U {
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(../statics/bg.8f839855.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
.templateWrapper_ELCnYc9U.scrollLocal_hljmAsdE {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.templateWrapper_ELCnYc9U.scrollLocal_hljmAsdE .template-list-content {
  overflow: auto;
}
.templateWrapper_ELCnYc9U.mobile_BqGyUSLK .main_mYymLwoF {
  width: 100%;
  padding: 0 16px;
}
.toolbar_CpzyqDvc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 101;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: slide-down_fFJhKHFb 0.2s ease forwards;
          animation: slide-down_fFJhKHFb 0.2s ease forwards;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.main_mYymLwoF {
  width: 100%;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  max-width: 1300px;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin: auto;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/templates/index.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.global-header {
  position: relative;
}
.layout-content {
  position: relative;
  overflow: hidden;
}
.layout-content .template-toolbar {
  border-top: 1px solid #e7e7e7;
}


/*# sourceMappingURL=templates.7bd52605.css.map*/