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

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

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

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

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

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

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

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

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

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/v3__survey/common/survey-icon/style.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.page-endpic.anim,
.page-endpic.animated {
  -webkit-animation: a-e-paper 0.3s cubic-bezier(0.42, 1.14, 1, 1) both;
          animation: a-e-paper 0.3s cubic-bezier(0.42, 1.14, 1, 1) both;
}
.page-endpic.anim .page-endpic-icon-shadow,
.page-endpic.animated .page-endpic-icon-shadow {
  -webkit-animation: a-e-icon-shadow 0.3s 0.7s linear both, a-e-icon-shadow-1 1.4s 1.2s linear infinite;
          animation: a-e-icon-shadow 0.3s 0.7s linear both, a-e-icon-shadow-1 1.4s 1.2s linear infinite;
}
.page-endpic.anim .page-endpic-paper-line.l1,
.page-endpic.animated .page-endpic-paper-line.l1 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.2s linear both;
          animation: a-c-quote-1-line 0.2s 0.2s linear both;
}
.page-endpic.anim .page-endpic-paper-line.l2,
.page-endpic.animated .page-endpic-paper-line.l2 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.3s linear both;
          animation: a-c-quote-1-line 0.2s 0.3s linear both;
}
.page-endpic.anim .page-endpic-paper-line.l3,
.page-endpic.animated .page-endpic-paper-line.l3 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.4s linear both;
          animation: a-c-quote-1-line 0.2s 0.4s linear both;
}
.page-endpic.anim .page-endpic-paper-line.l4,
.page-endpic.animated .page-endpic-paper-line.l4 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.5s linear both;
          animation: a-c-quote-1-line 0.2s 0.5s linear both;
}
.page-endpic.anim .page-endpic-paper-line.l5,
.page-endpic.animated .page-endpic-paper-line.l5 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.6s linear both;
          animation: a-c-quote-1-line 0.2s 0.6s linear both;
}
.page-endpic.anim .page-endpic-icon,
.page-endpic.animated .page-endpic-icon {
  -webkit-animation: a-e-icon-finish 0.3s 0.7s linear both, a-e-icon-finish-1 1.4s 1.2s linear infinite;
          animation: a-e-icon-finish 0.3s 0.7s linear both, a-e-icon-finish-1 1.4s 1.2s linear infinite;
}
.page-endpic {
  position: relative;
  width: 106px;
  height: 128px;
  margin: 0 auto;
}
.page-endpic-paper-line.l2 {
  top: 48px;
}
.page-endpic-paper-line.l3 {
  top: 60px;
}
.page-endpic-paper-line.l4 {
  top: 72px;
}
.page-endpic-paper-line.l5 {
  top: 84px;
  width: 34px;
}
.page-endpic-paper {
  position: relative;
  width: 106px;
  height: 128px;
  border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ebebeb, endColorstr=#d9d9d9);
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#d9d9d9));
  background: linear-gradient(to bottom, #ebebeb 0%, #d9d9d9 100%);
}
.page-endpic-paper:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 14px solid #f1f1f1;
  border-bottom: 14px solid #f7f7f7;
  border-left: 14px solid #f7f7f7;
  border-right: 14px solid #f1f1f1;
  border-bottom-left-radius: 3px;
}
.page-endpic-angle-shadow {
  position: absolute;
  top: 28px;
  right: 0;
  width: 0;
  height: 0;
  border-top: 12.5px solid #d8d8d8;
  border-bottom: 12.5px solid transparent;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid #d8d8d8;
}
.page-endpic-icon-shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 39px;
  height: 36px;
  background-size: 100% 100%;
}
.page-endpic-paper-line {
  position: absolute;
  left: 28px;
  top: 36px;
  width: 50px;
  height: 6px;
  background: #fff;
}
.page-endpic-icon {
  position: absolute;
  right: -28px;
  bottom: -25px;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
@-webkit-keyframes a-e-paper {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 90px) scale(0.3, 0.5);
            transform: translate(0, 90px) scale(0.3, 0.5);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0px, -10px) scale(1.1, 0.9);
            transform: translate(0px, -10px) scale(1.1, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0px, 5px) scale(0.95, 1.05);
            transform: translate(0px, 5px) scale(0.95, 1.05);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(0px, -4px) scale(1.02, 0.98);
            transform: translate(0px, -4px) scale(1.02, 0.98);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) scale(1, 1);
            transform: translate(0px, 0px) scale(1, 1);
  }
}
@keyframes a-e-paper {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 90px) scale(0.3, 0.5);
            transform: translate(0, 90px) scale(0.3, 0.5);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0px, -10px) scale(1.1, 0.9);
            transform: translate(0px, -10px) scale(1.1, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0px, 5px) scale(0.95, 1.05);
            transform: translate(0px, 5px) scale(0.95, 1.05);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(0px, -4px) scale(1.02, 0.98);
            transform: translate(0px, -4px) scale(1.02, 0.98);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) scale(1, 1);
            transform: translate(0px, 0px) scale(1, 1);
  }
}
@-webkit-keyframes a-c-quote-1-line {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 1px) scale(0.9, 1);
            transform: translate(0, 1px) scale(0.9, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -1px) scale(1.1, 1);
            transform: translate(0, -1px) scale(1.1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0px) scale(1, 1);
            transform: translate(0, 0px) scale(1, 1);
  }
}
@keyframes a-c-quote-1-line {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 1px) scale(0.9, 1);
            transform: translate(0, 1px) scale(0.9, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -1px) scale(1.1, 1);
            transform: translate(0, -1px) scale(1.1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0px) scale(1, 1);
            transform: translate(0, 0px) scale(1, 1);
  }
}
@-webkit-keyframes a-e-icon-finish {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.5) translate(-3px, 23px);
            transform: scale(0.3, 0.5) translate(-3px, 23px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.03) translate(1px, 0px);
            transform: scale(1.05, 1.03) translate(1px, 0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.96, 0.98) translate(0px, 0px);
            transform: scale(0.96, 0.98) translate(0px, 0px);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.02, 1.01) translate(0px, 0px);
            transform: scale(1.02, 1.01) translate(0px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
            transform: scale(1, 1) translate(0px, 0px);
  }
}
@keyframes a-e-icon-finish {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.5) translate(-3px, 23px);
            transform: scale(0.3, 0.5) translate(-3px, 23px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.03) translate(1px, 0px);
            transform: scale(1.05, 1.03) translate(1px, 0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.96, 0.98) translate(0px, 0px);
            transform: scale(0.96, 0.98) translate(0px, 0px);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.02, 1.01) translate(0px, 0px);
            transform: scale(1.02, 1.01) translate(0px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
            transform: scale(1, 1) translate(0px, 0px);
  }
}
@-webkit-keyframes a-e-icon-finish-1 {
  0% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: scale(1, 1) translate(-1px, 0) rotate(-1deg);
            transform: scale(1, 1) translate(-1px, 0) rotate(-1deg);
  }
  60% {
    -webkit-transform: scale(1, 1) translate(0px, 0) rotate(1deg);
            transform: scale(1, 1) translate(0px, 0) rotate(1deg);
  }
  80% {
    -webkit-transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
            transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
}
@keyframes a-e-icon-finish-1 {
  0% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: scale(1, 1) translate(-1px, 0) rotate(-1deg);
            transform: scale(1, 1) translate(-1px, 0) rotate(-1deg);
  }
  60% {
    -webkit-transform: scale(1, 1) translate(0px, 0) rotate(1deg);
            transform: scale(1, 1) translate(0px, 0) rotate(1deg);
  }
  80% {
    -webkit-transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
            transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes a-e-icon-shadow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.5) translate(-3px, 3px);
            transform: scale(0.3, 0.5) translate(-3px, 3px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.03) translate(1px, 0px);
            transform: scale(1.05, 1.03) translate(1px, 0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.96, 0.98) translate(0px, 0px);
            transform: scale(0.96, 0.98) translate(0px, 0px);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.02, 1.01) translate(0px, 0px);
            transform: scale(1.02, 1.01) translate(0px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
            transform: scale(1, 1) translate(0px, 0px);
  }
}
@keyframes a-e-icon-shadow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.5) translate(-3px, 3px);
            transform: scale(0.3, 0.5) translate(-3px, 3px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.03) translate(1px, 0px);
            transform: scale(1.05, 1.03) translate(1px, 0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.96, 0.98) translate(0px, 0px);
            transform: scale(0.96, 0.98) translate(0px, 0px);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.02, 1.01) translate(0px, 0px);
            transform: scale(1.02, 1.01) translate(0px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
            transform: scale(1, 1) translate(0px, 0px);
  }
}
@-webkit-keyframes a-e-icon-shadow-1 {
  0% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: scale(0.99, 1) translate(-1px, 0) rotate(-1deg);
            transform: scale(0.99, 1) translate(-1px, 0) rotate(-1deg);
  }
  60% {
    -webkit-transform: scale(1.01, 1) translate(0px, 0) rotate(1deg);
            transform: scale(1.01, 1) translate(0px, 0) rotate(1deg);
  }
  80% {
    -webkit-transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
            transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
}
@keyframes a-e-icon-shadow-1 {
  0% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
  30% {
    -webkit-transform: scale(0.99, 1) translate(-1px, 0) rotate(-1deg);
            transform: scale(0.99, 1) translate(-1px, 0) rotate(-1deg);
  }
  60% {
    -webkit-transform: scale(1.01, 1) translate(0px, 0) rotate(1deg);
            transform: scale(1.01, 1) translate(0px, 0) rotate(1deg);
  }
  80% {
    -webkit-transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
            transform: scale(1, 1) translate(-1px, 0) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0, 0) rotate(0deg);
            transform: scale(1, 1) translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes a-c-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes a-c-opacity {
  0% {
    opacity: 0;
  }
  100% {
    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/DialogKit/AttentionCheckHitAlert/style.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.attention-check-hit-alert--dialog {
  width: 90vw;
}
.attention-check-hit-alert--info {
  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;
}
.attention-check-hit-alert--title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  color: rgba(0, 0, 0, 0.9);
  margin-top: 4px;
}
.attention-check-hit-alert--icon {
  color: #f73b45;
}
.attention-check-hit-alert--icon svg,
.attention-check-hit-alert--icon path {
  fill: currentColor;
}
.attention-check-hit-alert--desc {
  text-align: center;
  margin-top: 8px;
}
.attention-check-hit-alert--footer {
  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;
  margin-top: 46px;
}
.attention-check-hit-alert .t-dialog__body {
  padding: 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/Deliver/surveyShoppingList/index.module.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.dialogWrap_MMBzNc1z .t-dialog__body {
  padding: 0;
  overflow: hidden;
}
.dialogWrap_MMBzNc1z .main_dCTxOk37 {
  padding: 24px;
  min-height: 300px;
  max-height: 500px;
  overflow: auto;
}
.dialogWrap_MMBzNc1z .table_hWmyLjEN .t-input--auto-width {
  min-width: 100px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Deliver/PanelTencentAccountInfo/account-info.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.panel-recharge--account {
  border: 1px solid #ddd;
  padding: 22px 32px;
  border-radius: var(--td-radius-default);
  background-color: #FFF8F2;
}
.panel-recharge--account.is-success {
  background-color: #fff;
}
.panel-recharge--account--root {
  margin-bottom: 24px;
}
.panel-recharge--account--title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 24px;
}
.panel-recharge--account--title .sub-text {
  color: var(--td-text-color-placeholder);
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
}
.panel-recharge--account--item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
}
.panel-recharge--account--item__mgt10 {
  margin-top: 10px;
}
.panel-recharge--account--label {
  line-height: 32px;
}
.panel-recharge--account--label::after {
  content: '：';
}
.panel-recharge--account--label.required::before {
  content: '*';
  color: var(--td-error-color);
  margin-right: 5px;
}
.panel-recharge--account--value {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.panel-recharge--account--value .t-tag {
  margin-left: 24px;
}
.panel-recharge--account--value .t-select__wrap,
.panel-recharge--account--value .t-input__wrap,
.panel-recharge--account--value .t-cascader {
  width: 220px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ConsultLargeCustomerDialog/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.consult-large-dialog .t-dialog__body {
  overflow: initial;
}
.consult-large-dialog-content--title {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  color: var(--td-text-color-primary);
}
.consult-large-dialog-content--subtitle {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
}
.consult-large-dialog-content--qrcode {
  width: 160px;
  height: 160px;
  border-radius: var(--td-radius-default);
  border: 1px dashed var(--td-component-stroke);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}
.consult-large-dialog-content--qrcode__img {
  display: block;
  width: 124px;
  height: 124px;
}
.consult-large-dialog-content--desc {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: var(--td-text-color-placeholder);
  margin-top: 16px;
}
.consult-large-dialog-content--footer {
  text-align: center;
  margin-top: 24px;
  margin-bottom: -24px;
}
.consult-large-dialog .mobile-only {
  display: none;
}
@media (max-width: 980px) {
  .consult-large-dialog {
    width: 80vw!important;
    padding: 24px;
  }
  .consult-large-dialog .consult-large-dialog-content--title {
    font-size: 24px;
  }
  .consult-large-dialog .pc-only {
    display: none;
  }
  .consult-large-dialog .mobile-only {
    display: block;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Deliver/ActivityDouble11/index.module.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.wrap_zNKNWXJN {
  font-size: 14px;
  height: 32px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#fff5eb), color-stop(10%, #fff5eb), color-stop(50%, #ffeff1), color-stop(90%, #fff5eb), to(#fff5eb));
  background: linear-gradient(to right, #fff5eb 0%, #fff5eb 10%, #ffeff1 50%, #fff5eb 90%, #fff5eb 100%);
  padding: 0 8px;
  border-radius: 4px;
  margin: 0 10px;
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrap_zNKNWXJN.pointer_My099ijF {
  cursor: pointer;
}
.wrap_zNKNWXJN .tag_iiQwXnr1 {
  font-size: 12px;
  padding: 0 3px;
  line-height: 16px;
  border-radius: 3px;
  background: linear-gradient(103.4deg, #FF8500 -42.21%, #FF133B 100%);
  color: #fff;
  text-align: center;
  margin-right: 6px;
}
.wrap_zNKNWXJN .txt_zCgtQFD1 {
  color: #f73b45;
}
.wrap_zNKNWXJN .btn_Ss2QZU7Z {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap_zNKNWXJN .btn_Ss2QZU7Z .t-icon {
  color: #f44627;
  font-size: 14px;
}
.wrap_zNKNWXJN.red {
  background: -webkit-gradient(linear, left top, right top, from(#f74f31), color-stop(10%, #f74f31), color-stop(50%, #f44627), color-stop(90%, #f74f31), to(#f74f31));
  background: linear-gradient(to right, #f74f31 0%, #f74f31 10%, #f44627 50%, #f74f31 90%, #f74f31 100%);
}
.wrap_zNKNWXJN.red .tag_iiQwXnr1 {
  background: linear-gradient(103.4deg, #FFFFFF -42.21%, #FFEEBE 100%);
  color: #f44627;
}
.wrap_zNKNWXJN.red .txt_zCgtQFD1 {
  color: #fff;
}
.wrap_zNKNWXJN.red .btn_Ss2QZU7Z {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(103.4deg, #FFFFFF -42.21%, #FFEEBE 100%);
  margin-left: 4px;
}
.wrap_zNKNWXJN.red .btn_Ss2QZU7Z .t-icon {
  color: #f44627;
}
.wrap_zNKNWXJN.default {
  background: none;
  border: 1px solid var(--td-border-level-2-color);
}
.wrap_zNKNWXJN.default .txt_zCgtQFD1 {
  color: var(--td-text-color-primary);
}
.newUserLoginGift_l416IIOY {
  border-radius: var(--td-radius-default);
  padding: 0 16px;
}
.popContent_N9pWdUux {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
}
.popContent_N9pWdUux > .popLabelWrap_fQGsiAyf {
  display: block;
  margin-top: 16px;
}
.popContent_N9pWdUux.toplabel_YFgbwPJI {
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.popContent_N9pWdUux.toplabel_YFgbwPJI > .popLabelWrap_fQGsiAyf {
  margin-top: 0;
  margin-bottom: 16px;
}
.redPacket_jReEm3mL {
  -webkit-animation: redPacket_jReEm3mL 1s ease-in-out infinite;
          animation: redPacket_jReEm3mL 1s ease-in-out infinite;
}
@-webkit-keyframes redPacket_jReEm3mL {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes redPacket_jReEm3mL {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    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/DialogKit/PanelAccountRecordDialog/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.panel-account-record--item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.panel-account-record--base {
  font-weight: bolder;
  color: var(--td-text-color-primary);
}
.panel-account-record--time {
  color: var(--td-text-color-placeholder);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/DialogKit/PanelAccountRechargeDialog/style.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.panel-account-recharge-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel-account-recharge-content .t-input__wrap {
  width: 124px;
}
.panel-account-recharge-content .t-button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 8px;
}
.panel-account-recharge-content__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -14px;
}
.panel-account-recharge-content__footer .t-button__text {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel-account-recharge-content__footer .t-button__text .coral-icon-help_line {
  margin-left: 2px;
}
.panel-account-recharge-content__tips {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  margin-top: 12px;
}
.panel-account-recharge-content__tips .coral-icon {
  margin-right: 2px;
}
.panel-account-recharge-content__tips svg,
.panel-account-recharge-content__tips path {
  fill: #666;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Deliver/button-card/index.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.deliver-button-card {
  width: 352px;
  height: 120px;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.deliver-button-card .t-button__text {
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deliver-button-card.active {
  border-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.deliver-button-card--active__icon {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32px;
  height: 32px;
}
.deliver-button-card + .deliver-button-card {
  margin-left: 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/Deliver/payDialog/index.module.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.chooseWrap_M6IFHRPm {
  margin-bottom: 16px;
}
.chooseWrap_M6IFHRPm .deliver-button-card {
  width: 100%;
}
.buttonCardContent_WMh7qh6m {
  text-align: left;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 32px;
  padding-top: 22px;
}
.buttonCardTitle_AgweMtcu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--td-text-color-primary);
}
.buttonCardText_BqKCBwUl {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  color: var(--td-text-color-placeholder);
  margin-right: 16px;
  white-space: break-spaces;
}
.deliver-button-card.active .buttonCardTitle_AgweMtcu,
.deliver-button-card.active .buttonCardText_BqKCBwUl {
  color: var(--td-brand-color);
}
.optsWrap_SarfD4Qw button {
  margin-right: 16px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Promotions/advertisement/utils/style.module.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/** 广告组件相关样式，目前PC和Mobile共用 */
.backdrop_djLJjvbN {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.context-box--flex {
  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;
}
.large-ad-box_jGRp9Ihw {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}
.large-ad-box_jGRp9Ihw .pic {
  width: 300px;
  margin: 24px 0;
}
.short-ad-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.short-ad-box .pic {
  width: 300px;
  height: 250px;
  margin: 24px 0;
}
.popup-ad-box_jESnZxbp {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.popup-ad-box_jESnZxbp .pic {
  width: 328px;
  height: 388px;
}
.hide-adbox {
  height: 0;
  overflow: hidden;
}
.ad-suffix_QXNZAYnY {
  padding: 0 20px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
}
.close-btn_bB63ET4G {
  -webkit-align-self: self-end;
      -ms-flex-item-align: self-end;
          align-self: self-end;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  margin-bottom: 1em;
}
.retry-btn_N1DvDUGi {
  width: 160px;
  height: 48px;
  border-radius: 12px;
  background: #FECD5C;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset;
          box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #904e2a;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.lottery-count_nPFCpxmT {
  margin-top: 8px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.lottery-fail-img_Lot59Wd1 {
  width: 328px;
}
.bannerAdContainer_SYkseUUR {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.bannerAdContainer_SYkseUUR .close-picker_CWXkqjiB {
  position: absolute;
  top: 10px;
  right: 5px;
  margin: 0;
}
.bannerAdContainer_SYkseUUR .pic {
  width: 100%;
}
.bannerAdContainer_SYkseUUR .t-input__suffix {
  margin-left: 0 !important;
}
.title_vRjCOUk_ {
  background-color: #fff;
  color: #000;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  position: fixed;
  z-index: 1001;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80vw;
  max-width: 800px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Promotions/advertisement/utils/prize-list/style.module.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.prize-list_nw_luR0M {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.prize-list_nw_luR0M.infinite-running_CcbgRaPG {
  -webkit-animation: marquee_RwZIGrUd 5s linear infinite;
          animation: marquee_RwZIGrUd 5s linear infinite;
}
.prize-list_nw_luR0M.is-drawing_yDBNijjc {
  -webkit-animation: 1s cubic-bezier(1, 0.01, 1, 1) 0s 1 normal none running marquee_RwZIGrUd, 2s cubic-bezier(0, -0.01, 0, 1) 1s normal none running marquee_RwZIGrUd;
          animation: 1s cubic-bezier(1, 0.01, 1, 1) 0s 1 normal none running marquee_RwZIGrUd, 2s cubic-bezier(0, -0.01, 0, 1) 1s normal none running marquee_RwZIGrUd;
}
@-webkit-keyframes marquee_RwZIGrUd {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.3333%);
            transform: translateX(-33.3333%);
  }
}
@keyframes marquee_RwZIGrUd {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.3333%);
            transform: translateX(-33.3333%);
  }
}
.prize-mask_hSeVYeIR {
  -webkit-mask-image: url(data:image/png;base64,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);
          mask-image: url(data:image/png;base64,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);
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  mask-mode: alpha;
  position: absolute;
  bottom: 30px;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.prize-mask_hSeVYeIR .prize-list_nw_luR0M.infinite-running_CcbgRaPG {
  -webkit-animation: marquee_RwZIGrUd 5s steps(9, start) infinite;
          animation: marquee_RwZIGrUd 5s steps(9, start) infinite;
}
.prize-mask-backdrop_NM8BUbVF {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  border-radius: 4.4px;
  height: 68px;
  width: 48px;
  position: absolute;
  bottom: 30px;
  background: -webkit-gradient(linear, left bottom, left top, from(#FF9029), to(#FF3B82));
  background: linear-gradient(0deg, #FF9029 0%, #FF3B82 100%);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 100, 20, 0.5);
          box-shadow: 0px 4px 4px 0px rgba(255, 100, 20, 0.5);
}
.prize-mask-backdrop_NM8BUbVF::after {
  content: '';
  position: absolute;
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  width: 21px;
  height: 20px;
  bottom: -18px;
  left: 14px;
}
.prize-item_w029RfYk {
  height: 68px;
  width: 48px;
  -webkit-flex: none;
      -ms-flex: none;
          flex: 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/Promotions/advertisement/utils/cube/style.module.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.cube-box-wrapper_x7BDd1Hx {
  position: relative;
  width: 320px;
  height: 390px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 30px;
}
@media (min-width: 431px) {
  .cube-box-wrapper_x7BDd1Hx {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
            mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
            mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  }
}
.cube-box-container_KW5nKRTf {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.cube-box-container_KW5nKRTf.infinite-running_v7YfEiyM {
  -webkit-animation: cube-rotate_KqT9Tf7Z 20s linear infinite;
          animation: cube-rotate_KqT9Tf7Z 20s linear infinite;
}
.cube-box-container_KW5nKRTf.is-drawing_ai_DSxLt {
  -webkit-animation: cube-rotate_KqT9Tf7Z 3s cubic-bezier(0.8, 0, 0.2, 1);
          animation: cube-rotate_KqT9Tf7Z 3s cubic-bezier(0.8, 0, 0.2, 1);
}
@-webkit-keyframes cube-rotate_KqT9Tf7Z {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-1800deg);
            transform: rotateY(-1800deg);
  }
}
@keyframes cube-rotate_KqT9Tf7Z {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-1800deg);
            transform: rotateY(-1800deg);
  }
}
.cube-bg-light_ZOC0YU8V {
  position: absolute;
  top: -22px;
  z-index: -1;
  pointer-events: none;
  background-image: url(../statics/bg-light.e875b30b.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 330px;
  height: 330px;
  -webkit-animation: rotateAndScale__duzegCD 10s infinite ease-in-out;
          animation: rotateAndScale__duzegCD 10s infinite ease-in-out;
}
@-webkit-keyframes rotateAndScale__duzegCD {
  0% {
    -webkit-transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
            transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
  }
}
@keyframes rotateAndScale__duzegCD {
  0% {
    -webkit-transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
            transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
  }
}
.cube-bg-star_K9J967kD {
  position: absolute;
  top: 60px;
  z-index: 1;
  pointer-events: none;
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  background-repeat: no-repeat;
  width: 251px;
  height: 174px;
}
@-webkit-keyframes blink_a56TLdHo {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
@keyframes blink_a56TLdHo {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
.cube-container_WIvfX1dV {
  position: relative;
  -webkit-transform: rotateX(-8deg) rotateY(-32deg) rotate(19deg) scale3d(0.7, 0.7, 0.7);
          transform: rotateX(-8deg) rotateY(-32deg) rotate(19deg) scale3d(0.7, 0.7, 0.7);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.cube-title_Wvb7qN3h {
  background-image: url(../statics/cube-title.5df84449.png);
  background-size: cover;
  width: 201px;
  height: 70px;
}
.cube-content_VVM_Z9GA {
  position: relative;
  width: 130px;
  height: 130px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.cube-content_VVM_Z9GA .face_ywhp433D {
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 130px;
}
.cube-content_VVM_Z9GA .face_ywhp433D img {
  display: block;
  width: 100%;
  height: 100%;
}
.cube-content_VVM_Z9GA .face_ywhp433D:nth-of-type(1) {
  -webkit-transform: translateZ(65px);
          transform: translateZ(65px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cube-content_VVM_Z9GA .face_ywhp433D:nth-of-type(2) {
  -webkit-transform: translateZ(-65px) rotateY(180deg);
          transform: translateZ(-65px) rotateY(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cube-content_VVM_Z9GA .face_ywhp433D:nth-of-type(3) {
  -webkit-transform: translateX(-65px) rotateY(-90deg);
          transform: translateX(-65px) rotateY(-90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cube-content_VVM_Z9GA .face_ywhp433D:nth-of-type(4) {
  -webkit-transform: translateX(65px) rotateY(90deg);
          transform: translateX(65px) rotateY(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cube-content_VVM_Z9GA .face_ywhp433D:nth-of-type(5) {
  -webkit-transform: translateY(65px) rotateX(-90deg);
          transform: translateY(65px) rotateX(-90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cube-content_VVM_Z9GA .face_ywhp433D:nth-of-type(6) {
  -webkit-transform: translateY(-65px) rotateX(90deg);
          transform: translateY(-65px) rotateX(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cube-button_gi0qvHGm {
  z-index: 1;
  width: 218px;
  height: 44px;
  margin-bottom: 30px;
  border-radius: 44px;
  background: linear-gradient(303deg, #ff1400 31.72%, #ffd700 123.86%);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(255, 211, 0, 0.8) inset, 0px 6px 11px 0px rgba(255, 100, 20, 0.4);
          box-shadow: 0px 2px 6px 0px rgba(255, 211, 0, 0.8) inset, 0px 6px 11px 0px rgba(255, 100, 20, 0.4);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.prize-list_KOnPU1l9 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.prize-list_KOnPU1l9.infinite-running_v7YfEiyM {
  -webkit-animation: marquee__fmIbRW7 5s linear infinite;
          animation: marquee__fmIbRW7 5s linear infinite;
}
.prize-list_KOnPU1l9.is-drawing_ai_DSxLt {
  -webkit-animation: 1s cubic-bezier(1, 0.01, 1, 1) 0s 1 normal none running marquee__fmIbRW7, 2s cubic-bezier(0, -0.01, 0, 1) 1s normal none running marquee__fmIbRW7;
          animation: 1s cubic-bezier(1, 0.01, 1, 1) 0s 1 normal none running marquee__fmIbRW7, 2s cubic-bezier(0, -0.01, 0, 1) 1s normal none running marquee__fmIbRW7;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Promotions/advertisement/utils/nine-box/animation.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@-webkit-keyframes nine-box-animation-0 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
}
@keyframes nine-box-animation-0 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
}
@-webkit-keyframes nine-box-animation-1 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
}
@keyframes nine-box-animation-1 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
}
@-webkit-keyframes nine-box-animation-2 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
@keyframes nine-box-animation-2 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
@-webkit-keyframes nine-box-animation-3 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
}
@keyframes nine-box-animation-3 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
}
@-webkit-keyframes nine-box-animation-4 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
}
@keyframes nine-box-animation-4 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
}
@-webkit-keyframes nine-box-animation-5 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
}
@keyframes nine-box-animation-5 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
}
@-webkit-keyframes nine-box-animation-6 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes nine-box-animation-6 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes nine-box-animation-7 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
}
@keyframes nine-box-animation-7 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
}
@-webkit-keyframes nine-box-animation-8 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
}
@keyframes nine-box-animation-8 {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translate(200%, 100%);
            transform: translate(200%, 100%);
  }
  2.78%,
  27.78%,
  52.78%,
  77.78% {
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
  5.56%,
  30.56%,
  55.56%,
  80.56% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  8.33%,
  33.33%,
  58.33%,
  83.33% {
    -webkit-transform: translate(0, 200%);
            transform: translate(0, 200%);
  }
  11.11%,
  36.11%,
  61.11%,
  86.11% {
    -webkit-transform: translate(100%, 200%);
            transform: translate(100%, 200%);
  }
  13.89%,
  38.89%,
  63.89%,
  88.89% {
    -webkit-transform: translate(200%, 200%);
            transform: translate(200%, 200%);
  }
  16.67%,
  41.67%,
  66.67%,
  91.67% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  19.44%,
  44.44%,
  69.44%,
  94.44% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  22.22%,
  47.22%,
  72.22%,
  97.22% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 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/Promotions/advertisement/utils/nine-box/style.module.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.nine-box-wrapper_eDs7pZKa {
  position: relative;
  width: 320px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 30px;
}
@media (min-width: 431px) {
  .nine-box-wrapper_eDs7pZKa {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
            mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
            mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  }
}
.nine-box-container_CMq5QG_G {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.nine-box-bg-light_usiMj8kK {
  position: absolute;
  top: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url(../statics/bg-light.e875b30b.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 440px;
  height: 440px;
  -webkit-animation: rotateAndScale_OUPYXS3T 10s infinite ease-in-out;
          animation: rotateAndScale_OUPYXS3T 10s infinite ease-in-out;
}
@-webkit-keyframes rotateAndScale_OUPYXS3T {
  0% {
    -webkit-transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
            transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
  }
}
@keyframes rotateAndScale_OUPYXS3T {
  0% {
    -webkit-transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(0deg) scale(1) translate3d(0, 0, -200px);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
            transform: rotate(180deg) scale(1.2) translate3d(0, 0, -200px);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
            transform: rotate(360deg) scale(1) translate3d(0, 0, -200px);
  }
}
.nine-box-container_CMq5QG_G {
  margin-bottom: 10px;
}
.nine-box-title_VIdpAnUy {
  background-image: url(../statics/nine-box-title.57880606.png);
  background-size: cover;
  width: 167px;
  height: 75px;
}
.nine-box-content_CLF_gunG {
  cursor: pointer;
  position: relative;
  width: 237px;
  height: 293px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 49px 43px 76px;
  background-image: url(../statics/nine-box-bg.0467f538.png);
  background-size: cover;
  line-height: 1;
}
.nine-box-content_CLF_gunG::after {
  content: '';
  position: absolute;
  bottom: -5%;
  left: 60%;
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  width: 50px;
  height: 50px;
}
.infinite-running_chS4Yh8G .nine-box-content_CLF_gunG::after {
  -webkit-animation: finger-running_hpRu70u9 2s infinite;
          animation: finger-running_hpRu70u9 2s infinite;
}
.is-drawing_GjjAruDu .nine-box-content_CLF_gunG::after {
  display: none;
}
@-webkit-keyframes finger-running_hpRu70u9 {
  0%,
  100% {
    -webkit-transform: translateX(0) translateY(0) scale(1.2);
            transform: translateX(0) translateY(0) scale(1.2);
  }
  50% {
    -webkit-transform: translateX(-10%) translateY(-20%) scale(1);
            transform: translateX(-10%) translateY(-20%) scale(1);
  }
}
@keyframes finger-running_hpRu70u9 {
  0%,
  100% {
    -webkit-transform: translateX(0) translateY(0) scale(1.2);
            transform: translateX(0) translateY(0) scale(1.2);
  }
  50% {
    -webkit-transform: translateX(-10%) translateY(-20%) scale(1);
            transform: translateX(-10%) translateY(-20%) scale(1);
  }
}
.highlight_cDttl0rj {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.3333%;
  height: 33.3333%;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  -o-border-image: linear-gradient(#ef4032, #FF7F35) 2;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#ef4032), to(#FF7F35)) 2;
     border-image: linear-gradient(#ef4032, #FF7F35) 2;
  background: linear-gradient(155deg, #ffcc68 -40.53%, rgba(255, 204, 104, 0) 37.88%);
}
.infinite-running_chS4Yh8G .highlight_cDttl0rj {
  -webkit-animation-duration: 6.68s;
          animation-duration: 6.68s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.is-drawing_GjjAruDu .highlight_cDttl0rj {
  -webkit-animation-duration: 1s, 2s;
          animation-duration: 1s, 2s;
  -webkit-animation-timing-function: cubic-bezier(1, 0.01, 1, 1), cubic-bezier(0, -0.01, 0, 1);
          animation-timing-function: cubic-bezier(1, 0.01, 1, 1), cubic-bezier(0, -0.01, 0, 1);
  -webkit-animation-delay: 0s, 1s;
          animation-delay: 0s, 1s;
  -webkit-animation-iteration-count: 1, 1;
          animation-iteration-count: 1, 1;
  -webkit-animation-fill-mode: forwards, forwards;
          animation-fill-mode: forwards, forwards;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/r__answer_detail/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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.nav.top {
  z-index: 19;
}
.nav .title {
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-primary);
  font-weight: 600;
}
.nav .t-button--variant-outline:hover {
  color: var(--td-brand-color-hover);
}
.skin .survey-container .survey-main .question-list .question-body .clickBlock:hover,
.skin .survey-container .survey-main .question-list .question-body .checkbox-cell:hover,
.skin .survey-container .survey-main .question-list .question-body .mod_fillblank:hover {
  color: unset;
  background-color: unset;
  border-bottom-color: unset;
}
.skin .survey-container .survey-main .question-list .question-body .upload-opr {
  display: none;
}
.skin .survey-container .survey-main .question-list .question-body .sort-item,
.skin .survey-container .survey-main .question-list .question-body .checkbtn {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.skin .survey-container .survey-main .question-list .question .question-cont .linkage-item:not(.on):hover {
  color: unset;
  background-color: unset;
}
.page-survey .question-list .question-body,
.page-survey .question-list .question-cont {
  pointer-events: none;
}
.page-survey .question-list .question-body .upload-opr,
.page-survey .question-list .question-cont .upload-opr {
  display: none;
}
.question-type-upload .question-body {
  display: none;
}
.question-files-info {
  margin-top: 8px;
  font-size: 14px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.6;
}
.question-files-info svg {
  margin-right: 4px;
}
.survey-pc .question + .question-files {
  margin-top: 0;
  padding-top: 14px;
}
.page-survey .question + .question-files {
  margin-top: -20px;
  padding: 16px;
}
.survey-pc .question-type-chained_selects .question-cont {
  display: none;
}
.question-chained-selects {
  margin-top: 14px;
}
.question-chained-selects .t-input,
.question-chained-selects .t-input__inner {
  color: inherit;
}
.question .question-body .ess-sign .sign-tips,
.question .question-body .ess-sign .operate-btn,
.question .question-body .ess-sign .mobile-btn {
  display: none;
}
@media print {
  .nav,
  .survey-answer-pagination,
  .page-control,
  .t-popup,
  .answer-pc-header,
  .survey-actions,
  .survey-header-actions,
  .page-footer {
    display: none !important;
  }
  .survey-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--td-border-level-1-color);
  }
  .survey-exam-scores {
    margin-top: 0 !important;
  }
  #root-container {
    width: 1000px !important;
  }
}


/*# sourceMappingURL=r__answer_detail.9df0ee42.css.map*/