/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/site-page/header/home-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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.coral-header .coral-header-inner {
  overflow: hidden;
}
.coral-header.coral-header--fixed {
  top: 0;
  z-index: 66;
}
.coral-header.coral-header--transparent-all .user-btnmake {
  color: var(--td-brand-color);
  background-color: #fff;
}
.coral-header.coral-header--transparent-all .user-btnmake:hover {
  color: var(--td-brand-color);
}
.coral-header.coral-header--transparent-all .buy-consult {
  color: #FFFFFF;
}
.coral-header.coral-header--transparent-all .buy-consult svg {
  fill: #FFFFFF;
}
.coral-header.coral-header--transparent-all .buy-consult:hover {
  color: #FFFFFF;
}
.coral-header .user-btnmake {
  background-color: var(--td-brand-color);
  color: #fff;
}
.coral-header .user-btnmake:hover {
  color: #fff;
}
.coral-header .buy-consult {
  font-size: 16px;
  font-weight: bold;
  cursor: default;
  white-space: nowrap;
}
.coral-header .buy-consult svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  fill: var(--td-brand-color);
}
.coral-header .buy-consult:hover {
  color: var(--td-text-color-primary);
}
.coral-header-nav {
  margin-left: 40px;
}
.coral-header-nav__menu .coral-header-nav__menuitem {
  color: var(--td-text-color-primary);
}
.coral-header-nav__menu .coral-header-nav__menuitem:hover {
  color: var(--td-text-color-primary);
}
.coral-header-nav__menu .coral-header-nav__menuitem:active {
  color: var(--td-text-color-primary);
}
.user {
  white-space: nowrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-avatar {
  display: inline-block;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  z-index: 10;
  font-size: 14px;
}
.user-avatar .coral-icon-arrow_down_line {
  width: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-left: 5px;
  vertical-align: middle;
  margin-right: -3px;
}
.user-avatar.open .coral-icon-arrow_down_line {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.user .user-avatar img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}
.user .notice {
  position: relative;
  display: inline-block;
}
.user .notice::after {
  content: '';
  position: absolute;
  top: 16px;
  left: 20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fc2f35;
}
.user-login {
  display: inline-block;
  color: inherit;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.user-login:hover {
  text-decoration: underline;
}
.user-btnmake {
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  color: var(--td-brand-color);
  font-size: 16px;
  line-height: 48px;
  font-weight: bold;
  padding: 0px 16px;
  height: 48px;
  display: inline-block;
  text-align: center;
  position: relative;
  white-space: nowrap;
}
.user-btnmake:hover {
  color: var(--td-brand-color);
}
.user-btnmake:hover:before {
  content: '';
  position: absolute;
  background: rgba(35, 120, 255, 0.1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
}
#header {
  z-index: 66;
}
.global-header-popup.t-popup__content {
  padding: 0;
  border-radius: 6px;
  -webkit-box-shadow: 10px 10px 40px rgba(108, 132, 153, 0.2);
          box-shadow: 10px 10px 40px rgba(108, 132, 153, 0.2);
  margin-top: 16px !important;
}
.coral-header-nav__menu .coral-header-nav__menuitem {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nav-list {
  padding: 92px 25px 0;
}
.nav-list li {
  padding-bottom: 44px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.nav-list li:has(.nav-child:empty) {
  display: none;
}
.nav-list li a {
  display: block;
  font-size: inherit;
}
.nav-list li a,
.nav-list li a:hover {
  color: #000000 !important;
  text-decoration: none;
}
.nav-list li .icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQxNCAxLjFBMiAyIDAgMSAwIC41ODYgMy45M0w3LjY1NyAxMSAuNTg2IDE4LjA3MUEyIDIgMCAxIDAgMy40MTQgMjAuOWw4LjQ4Ni04LjQ4NWEyIDIgMCAwIDAgMC0yLjgyOGwtLjAwMi0uMDAyLTguNDg0LTguNDgzWiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  background-size: 100%;
  width: 6.5px;
  height: 11px;
  float: right;
  margin-top: 2px;
  margin-right: 3px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.nav-list li .icon.active {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.nav-list li ul {
  display: none;
  padding: 38px 15px 0;
}
.nav-list li ul li {
  font-weight: normal;
  padding-bottom: 32px;
}
.nav-list li ul li:last-child {
  padding-bottom: 0;
}
.nav-list li ul li a {
  display: inline-block;
}
.nav-list li ul.show {
  display: block;
}
.nav-list li:last-child ul li {
  position: relative;
}
.nav-list li:last-child ul li:nth-child(1) a:before {
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAADBNhlmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIDSURBVHgBzZjddYMwDIXvCIygERjBI3QD2KDZADYIG4QNskHpBtmg3aDZIBQdoKHGMgbs4HuOXsA/H5IlBMDxShCx0s6+O1OIUFln985a9JBReZLhWs1KRKICc7gakegdc7grIpEprDdEcvYU5nCcGIQIRHhma5RwDKN7TyEC8dkywZXwIF78gv4QE7apQaCMTQawPefljIBJoQOuXbzAHI7tDR5FMGdeujDvXYCrEEAnw0YMLXkiFeCCNgJXYdOTNo5gztjgJSWxbFw4wAUJrS4lbD5C3nBAaHVVkCEly/Bi3eAOd9HmNsM1hiYEEmFeeqTQ0mReDnObxVFR2KhkmEza9ZMDoJ7hlcODsYe5hlrrLA2DGvz/mCFt3BV270lS6BuFBssRuKD3/J9sk/Su11Z6MriJ1+CCX8N+tml8MtPN+/AkCmZvrPHekmpYirxps08s1zC99Lh6byreo8DCW8gUMtPZMymf2BYwKXkenX1MJ6TY1r2s1RIY2w/mlUCEbKXBAcBGr5FtoVyYXCAc2Oi1zHXRXFjkDHe5gj2GdVc3FSXkmkjYD8b2hZ29Ygm50tMOsDEaXlqx0gKZ4fk2aB2tgf/KsKkX1I0966MaiKqxHY69RniBGqz3mtdv4SWZPuglq3DQfz9bqzUmj8LBIsh/raL5U0/oE4dB+Wx6Lx2jfgGkXdn90yyEFQAAAABJRU5ErkJggg==);
}
.nav-list li:last-child ul li:nth-child(2) a:before {
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAxCAYAAAC/BXv3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIBSURBVHgB7Zj/UcIwFMe/eg6AE1g3cAPrBugE0QV0A+oGOgFlAtwAnABcwHYCYQI175IeJSTNj4bUP/zcvUPTpnx476WEAsOwwB9gwuNHGRshMUxKDCqS8dhIiUIZTwZ94kpKlMqxKySklBK6Jk0m0jTnCoe9kCNRacZSojK84RgJyKSASYLGchyZkUWCKEwTJ9h1dozokmAwZKOMKGCTyLDL1l7z5gkliFXr3KIZPEXc5VPzuJGvOqbYv29ctEVSSjDT5FgidYdEBnFHZV0XiCFSd0gwiJ7IYaGvyNogkUNkgcrh9BV/hjCWPN55vPDYKgJzBO4vGNyXpkuaaVVUjtebNpN8SjODKMPScl5Tri08cBWpITLnenE6/xkeuIrctP6m1FNKM8sc6p9XeMDQXcc35fzKMG6iRKQemSv/1/J1DTcYHMtEJ5qMPw1zMvjDcLianDNyZxiv4U8J0Wsz3UGbSOwfPjVEZi553EMpLx0wlWaBRNgykkNsXk6QAAa3W/stj3Mp1Y6kIrrtYBMuN7ejiejEejV2rB1axuMJPYi5Z31Ej6zEFCGJ4KzEFCGCsxJbhCSuEUBsESKoPK4iXUtXJUdAeVx28bTT+oAfJOK1ZyUYzJ+2QEKYRuA7tYSuNCTygMPHkEdFbdbNEBIN9PPgS0bSh686Rhjgwfw/XfwCUS4GY8PPe1EAAAAASUVORK5CYII=);
}
.nav-list li:last-child ul li:nth-child(3) a:before {
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAYAAABJ/8wUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD+SURBVHgB7ZfhDYIwEIVfCQO4gd1ARmADHcER3EQ2UCdwBHAD2IANdANsIyQEWrgffSiJX/II9JrcC+ldWwU32igFj8Kolkw8GTVEpcOEkceIBpcSQiM78Hi1EhlJwKN0DcaOMQ2P60A88EeAEs5Lwe0rV+nEDNy+Ii6OnGjiaRNEQiP0cpYY2bRiUdlHLJio8dmkWBT4JdTMd0iaqWA/sV0HZ/AojG6+YH+N2Mo4gkc1FYwGRpiUWJuRLXjMHiv6a8S22hwcKqwF5Xm3TNZ9aLrkB6P9IGZ/Z4aFuWO8PS9qoqsa7YjV+AKi2xibxGOEeQYZ0fWRiyPGutc4eQO0X3SXAOgcsgAAAABJRU5ErkJggg==);
}
.nav-list li:last-child ul li:nth-child(4) a:before {
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAYAAABJ/8wUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD9SURBVHgB7ZfhDYIwEIVfjQPoBmwgI7CBjuQIugFOwAiwgbCBG+gGyCVcQrBt4Hq5hMQvOSDtjz7o3evhEOYyRA4bythkPURvFNEXfhuJoHWwC4gghQfY0MaEZLCjo8s+MElfo4ENDf54cOOdPOOMdGi/b0iggk4pikVw1WTQ4YVEtMypQAK5ohCxCbKPlEjnM8a2cYHnNfRQgBenPKkg4zHEFYlwjmSQl7BKXrCPpHRiLRRgISfIUREy3RpJ0qmVLAu5Q8b2fWOOho9IiKbBEzZdu/dMcktVKkJ5dZwPavjIWrzlrt0YLaHzDXL5FrDbmto3OD30LP/sfvznC+enpOazCGQxAAAAAElFTkSuQmCC);
}
.nav-list li:last-child ul li:nth-child(5) a:before {
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGeSURBVHgBxZfLUcMwFEVvAht2oQOnA+jA6QAqwFQAVIBdAVABpgM6wB0kVGBRgb1kB++NrUExkvXx78zchUZOfPJGelJW0LOhXFAijIugFC4PssAjpaL8TBT+7qf2XVoiSjmhQDclNBWfW0KVOapMvoCETColNgtKyDWDNZrdYaOmZJRLyo7yhvGQOxQJ7NY62RRhFdAlXsNOTjkYRGqMhIvIV8/cAX7UQ0Q2gXMqgrKlnFNeEChyA32rv4L7Qt+1MkyBQBH+1R+UWBknlFe4ca1ISLF/nMKNqJXx5QGOh5xLRULhvvPs+vBUIrwgU58PTCHyTrmHJz4i3NZ5C97iePGpiHY+iAT+x3VE2cPhfqEhRmCLZ7gPqNtOoDkAs3bc7RXeuIhkPS9I0XTLLQZIMLY+UsC++kc5+PoqIjBg4fnSJ5JiYLl9MInkGPcWZsUkMqsEYxIxHf1D4V50Z5qMMc9t3XonZssKwFISJUucUL4pZ/i7+MwNH5CfcsBVYbNFqtElmllmD8uGSCcWqqA5NlY9QrySXf8uuCJg6Na/ZjyC1szfpFQAAAAASUVORK5CYII=);
}
.navbtn-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 88px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  padding: 0 25px;
  z-index: 2;
}
.navbtn-box-space {
  width: 100%;
  height: 88px;
}
.navbtn-box a {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 7px;
  font-size: 16px;
  line-height: 15px;
  font-weight: bold;
  padding: 16.5px 0;
  text-decoration: none;
}
.navbtn-box a:first-child {
  background-color: #2378FF;
  border: #2378FF 1px solid;
  color: #ffffff;
  margin-right: 10px;
}
.navbtn-box a:last-child {
  background-color: #ffffff;
  border: #2378FF 1px solid;
  color: #2378FF;
}
/*移动端重置*/
@media (max-width: 980px) {
  .t-drawer__body {
    padding: 0 !important;
  }
  .coral-header__right,
  .buy-consult,
  .coral-header-nav {
    display: none !important;
  }
  .global-header .nav-btn {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABqSURBVHgB7dWxDYAwEENRBwaAEdgANoI1YFlqKm4DcBCioI0iufCTnKRM9wFg5k7uEtue/5bexwBN0fDooStaHgc3Qe+jwa0wMzO3uMTT4g66vhaP0GzxBjOzutLvVpOTJ93ixS0upN/iG++NhM7tcqjXAAAAAElFTkSuQmCC);
    background-size: cover;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-size: 20px 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .global-header .nav-btn:active {
    opacity: 0.5;
  }
  .global-header .nav-btn.hide {
    display: none;
  }
  .global-header .coral-header--transparent-all .nav-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB8SURBVHgB7dXBDYAwDANAlwVgBDaDFWAC2IAJgQmgExDS8uFfIVnCJ1ntM8ojDmbWAVg8Dbjsnin4gJt/WnCKFfg295YHHPCsk030zBAR+bmgLi6Tq64Grzzg6ElbNLKcUBeLyPdSk+QXnCwd6tTFh+ciy+rp1cWF+Lv4BvMDlssBs1/OAAAAAElFTkSuQmCC);
  }
  .nav-box-mobile {
    position: relative;
  }
  .nav-box-mobile .nav-box-bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-height: 500px;
  }
  .nav-box-mobile .nav-box-bg::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F9FB), to(#fff));
    background: linear-gradient(180deg, #F8F9FB 0%, #fff 100%);
    position: absolute;
    bottom: 0;
    z-index: 2;
  }
  .nav-box-mobile .nav-box-bg img {
    display: block;
    width: 100%;
    max-height: 100%;
    -webkit-transform: rotate(180deg) scaleX(-1);
        -ms-transform: rotate(180deg) scaleX(-1);
            transform: rotate(180deg) scaleX(-1);
    position: absolute;
  }
  .nav-box-mobile .nav-mobile {
    position: relative;
    z-index: 2;
  }
}
.is-mobile-layout .t-drawer__body {
  padding: 0 !important;
}
.is-mobile-layout .coral-header__right,
.is-mobile-layout .buy-consult,
.is-mobile-layout .coral-header-nav {
  display: none !important;
}
.is-mobile-layout .global-header .nav-btn {
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABqSURBVHgB7dWxDYAwEENRBwaAEdgANoI1YFlqKm4DcBCioI0iufCTnKRM9wFg5k7uEtue/5bexwBN0fDooStaHgc3Qe+jwa0wMzO3uMTT4g66vhaP0GzxBjOzutLvVpOTJ93ixS0upN/iG++NhM7tcqjXAAAAAElFTkSuQmCC);
  background-size: cover;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 20px 14px;
  background-position: center;
  background-repeat: no-repeat;
}
.is-mobile-layout .global-header .nav-btn:active {
  opacity: 0.5;
}
.is-mobile-layout .global-header .nav-btn.hide {
  display: none;
}
.is-mobile-layout .global-header .coral-header--transparent-all .nav-btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB8SURBVHgB7dXBDYAwDANAlwVgBDaDFWAC2IAJgQmgExDS8uFfIVnCJ1ntM8ojDmbWAVg8Dbjsnin4gJt/WnCKFfg295YHHPCsk030zBAR+bmgLi6Tq64Grzzg6ElbNLKcUBeLyPdSk+QXnCwd6tTFh+ciy+rp1cWF+Lv4BvMDlssBs1/OAAAAAElFTkSuQmCC);
}
.is-mobile-layout .nav-box-mobile {
  position: relative;
}
.is-mobile-layout .nav-box-mobile .nav-box-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 500px;
}
.is-mobile-layout .nav-box-mobile .nav-box-bg::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F8F9FB), to(#fff));
  background: linear-gradient(180deg, #F8F9FB 0%, #fff 100%);
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.is-mobile-layout .nav-box-mobile .nav-box-bg img {
  display: block;
  width: 100%;
  max-height: 100%;
  -webkit-transform: rotate(180deg) scaleX(-1);
      -ms-transform: rotate(180deg) scaleX(-1);
          transform: rotate(180deg) scaleX(-1);
  position: absolute;
}
.is-mobile-layout .nav-box-mobile .nav-mobile {
  position: relative;
  z-index: 2;
}
.coral-header-nav__menu .t-dropdown__item-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  width: 100%;
  padding: 0 8px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.coral-header-nav__link,
.coral-header-nav__menu-button {
  padding: 4px 8px;
}
.selfdefined-button {
  background-color: transparent;
  border: none;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!../../node_modules/.pnpm/tdesign-react@1.10.5_react-dom@16.14.0_react@16.14.0/node_modules/tdesign-react/esm/_common/style/web/components/drawer/_index.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * 颜色
 */
/**
 * 尺寸
 */
/**
 * 字体
 */
/**
 * 动画
 */
/**
 * 间距
 */
/**
 * 位置
 */
/**
 * 边框弧度
 */
.t-drawer-fade-enter,
.t-drawer-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-play-state: paused;
}
.t-drawer-fade-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  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 {
  animation-name: tDrawerFadeIn;
  animation-duration: 0.2s;
  animation-play-state: running;
}
.t-drawer-fade-exit.t-drawer-fade-exit-active,
.t-drawer-fade-leave-active.t-drawer-fade-leave-to {
  animation-name: tDrawerFadeOut;
  animation-duration: 0.2s;
  animation-play-state: running;
}
@keyframes tDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDrawerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-drawer {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  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);
  transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  opacity: 0;
}
.t-drawer__content-wrapper {
  display: flex;
  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);
  box-shadow: var(--td-shadow-2);
  overflow: hidden;
  pointer-events: auto;
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 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;
  transform: translateX(-100%);
}
.t-drawer .t-drawer__content-wrapper--right {
  right: 0;
  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;
  transform: translateY(-100%);
}
.t-drawer .t-drawer__content-wrapper--bottom {
  bottom: 0;
  transform: translateY(100%);
}
.t-drawer__header {
  display: flex;
  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;
  box-sizing: border-box;
}
.t-drawer__body {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  overflow: auto;
  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);
  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: flex;
  justify-content: 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;
  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/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/layout/LayoutContent/style.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
* {
  margin: 0;
  padding: 0;
  outline: none;
}
ol,
ul,
li {
  list-style: none;
}
html {
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  font-family: 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
  font-size: 14px;
}
a {
  text-decoration: none;
}
.layout-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout-wrap.layout-wrap-has-sider {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.layout-wrap .layout-header {
  height: 56px;
  line-height: 56px;
  color: #333333;
  padding: 0 16px;
}
.layout-wrap .layout-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.layout-wrap .layout-header .coral-header-logo {
  margin: 12px 0;
}
@media (max-width: 980px) {
  .layout-wrap .layout-header {
    height: 56px;
    line-height: 56px;
  }
}
.layout-wrap .layout-footer-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.layout-wrap .layout-content {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
}
.layout-wrap .layout-content-horizontal {
  white-space: nowrap;
  overflow-x: auto;
}
.layout-wrap .layout-sider {
  min-height: 0;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/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%);
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  -webkit-mask-image: linear-gradient(#fff, #fff);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  mask-image: linear-gradient(#fff, #fff);
}
.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/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/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/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/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);
  gap: 32px min(16px, 1vw);
}
.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/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/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: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: local;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
.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;
  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/.pnpm/css-loader@7.1.2_@rspack+core@1.3.10/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_@rspack+core@1.3.10_postcss@8.5.3_typescript@4.9.5/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/.pnpm/less-loader@10.2.0_less@4.3.0_webpack@5.78.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/templates/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.global-header {
  position: relative;
}
.layout-content {
  position: relative;
  overflow: hidden;
}
.layout-content .template-toolbar {
  border-top: 1px solid #e7e7e7;
}


/*# sourceMappingURL=templates.470ee548.css.map*/