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

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/Header/header-resp/respondent-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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.answer-pc-header {
  position: fixed;
  z-index: 11;
  top: 16px;
  right: 16px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 32px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #333;
}
.answer-pc-header.answer-pc-header-hidden {
  -webkit-transform: translateY(-64px);
  -ms-transform: translateY(-64px);
  transform: translateY(-64px);
}
.answer-pc-header:hover,
.answer-pc-header.answer-pc-header-showpopup {
  background: #ffffff;
}
.answer-pc-user {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  padding: 8px 10px;
  line-height: 1;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
.answer-pc-user-avatar {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.answer-pc-user-avatar-img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.answer-pc-user-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -6px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.answer-pc-user-info {
  display: inline-block;
  margin-left: 10px;
  max-width: 90px;
  min-width: 38px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
  vertical-align: middle;
}
.answer-pc-user-type {
  display: block;
  font-size: 12px;
  color: #999;
  margin-top: 6px;
}
.answer-pc-user-arrow {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  height: 32px;
}
.answer-pc-user-arrow .coral-icon {
  width: 12px;
  height: 32px;
  fill: rgba(0, 0, 0, 0.3);
}
.answer-pc-user-arrow .coral-icon.coral-icon-arrow_up_line {
  fill: #0f6bff;
}
.answer-pc-dropdown .t-dropdown__item.answer-pc-dropdown-item-link {
  padding: 0;
}
.answer-pc-dropdown .t-dropdown__item.answer-pc-dropdown-item-link a {
  padding: calc(var(--td-comp-paddingTB-xs) - 1px) var(--td-comp-paddingLR-s);
  color: inherit;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey/common/answer-respondent-picker/card.less ***!
    \****************************************************************************************************************************************************************************************************************************************************************************************/
.m-card-ui {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  background: #fff;
}
.m-card-ui--header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
  line-height: 16px;
  color: #000000;
  padding: 8px 2px;
}
.m-card-ui--header__icon {
  margin-right: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.m-card-ui.shadow {
  -webkit-box-shadow: 0px 20px 20px rgba(108, 132, 153, 0.1);
  box-shadow: 0px 20px 20px rgba(108, 132, 153, 0.1);
}
.m-card-ui + .m-card-ui {
  margin-top: 15px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey/common/answer-respondent-picker/layout-style.less ***!
    \************************************************************************************************************************************************************************************************************************************************************************************************/
.m-style--h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #000000;
}
.m-style--h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
}
.m-style--text {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #666666;
  line-height: 21px;
}
.m-style--button {
  padding: 12px 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #1f6fff;
  text-decoration: none;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 40px 40px rgba(108, 132, 153, 0.1);
  box-shadow: 0px 40px 40px rgba(108, 132, 153, 0.1);
  display: inline-block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-style--button svg {
  fill: #1f6fff;
  font-size: 16px;
}
.m-style--button__text {
  display: inline;
  padding: 0;
  margin: 0;
  color: #1f6fff;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  border-width: 0;
  outline: none;
  background-color: transparent;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey/common/answer-respondent-picker/layout.less ***!
    \******************************************************************************************************************************************************************************************************************************************************************************************/
.m-layout-ui {
  overflow-y: auto;
  scroll-behavior: smooth;
}
.m-layout-ui--main {
  padding: 0 15px;
  position: relative;
  z-index: 2;
}
.m-layout-ui--bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #f5f5f5;
  background: radial-gradient(circle at 10% 30%, rgba(35, 120, 255, 0.2) 1%, #e5e5e5 50%);
}
.m-layout-ui--bg::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle at 90% 40%,
    rgba(194, 255, 146, 0.3) 1%,
    rgba(255, 255, 255, 0) 30%
  );
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey/common/answer-respondent-picker/tag-list.less ***!
    \********************************************************************************************************************************************************************************************************************************************************************************************/
.tag-list {
  margin: -4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tag-list--oneline .tag-list--item__inner-text {
  white-space: normal;
  word-break: break-all;
  line-height: 1.2;
}
.tag-list--item {
  width: 33.33%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
}
.tag-list--item__inner {
  background: rgba(229, 229, 229, 0.2);
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.tag-list--item__inner-content {
  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;
  text-align: center;
  color: #000000;
}
.tag-list--item__inner-text {
  white-space: nowrap;
}
.tag-list--item__inner svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 2px;
  font-size: 18px;
}
.tag-list--item__inner.status-0 svg {
  fill: #000;
}
.tag-list--item__inner.status-1 svg {
  fill: #2378ff;
}
.tag-list--item__inner.status-2 svg {
  fill: #e36637;
}
.tag-list--item__inner.status-3 svg {
  fill: #1ed261;
}
.tag-list--item__inner.status-4 svg {
  fill: #2378ff;
}
.tag-list--item__inner.is-gray:not(:hover, .is-select) {
  opacity: 0.6;
}
.tag-list--item__inner.is-select {
  background: rgba(35, 120, 255, 0.2);
  border-color: #2378ff;
  color: #000000;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey/common/pre-answer-selection/pc.less ***!
    \**********************************************************************************************************************************************************************************************************************************************************************************/
.answer-prelist {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background-color: #e5e5e5;
  overflow-y: auto;
}
.answer-prelist .m-layout-ui--main {
  min-height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.answer-prelist--card {
  margin: 24px auto;
  max-width: 1128px;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  width: 100%;
}
.answer-prelist--card .tag-list--item {
  width: 20%;
}
.answer-prelist--card .tag-list--item__inner {
  height: 64px;
  cursor: pointer;
}
.answer-prelist--card .tag-list--item__inner:hover {
  color: #2378ff;
  border-color: #2378ff;
}
.answer-prelist--card .tag-list--item__inner.is-select {
  background: rgba(35, 120, 255, 0.2);
  border-color: #2378ff;
  color: #2378ff;
}
.answer-prelist--card .m-card-ui--content {
  padding: 100px 24px;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.answer-prelist--header {
  padding: 0 20px 60px;
}
.answer-prelist--label {
  line-height: 1;
  font-size: 16px;
  margin-bottom: 16px;
}
.answer-prelist--title {
  text-align: center;
  width: 60%;
  margin: 0 auto;
  font-size: 30px;
  line-height: 30px;
}
.answer-prelist--prefix {
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
.answer-prelist--search {
  padding-bottom: 20px;
}
.answer-prelist--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: 60px;
}
.answer-prelist--footer .t-button {
  width: 240px;
}
.answer-prelist--drawer {
  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;
}
.answer-prelist--drawer__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 24px;
  color: #000;
  margin-top: 48px;
}
.answer-prelist--drawer__desc {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
}
.answer-prelist--drawer__desc span {
  color: #2378ff;
}
.answer-prelist--drawer__button {
  width: 140px;
  margin-top: 40px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/survey-respond/common/less/respondent-user-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;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-respondent-user-info-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  padding: 24px 72px;
}
.survey-respondent-user-info-container .survey-respondent-user-info-avatar img {
  border-radius: 50%;
}
.survey-respondent-user-info-container .survey-respondent-user-info-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.survey-respondent-user-info-container .survey-respondent-user-info-content-head {
  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;
}
.survey-respondent-user-info-container
  .survey-respondent-user-info-content
  .survey-respondent-user-info-name {
  font-weight: 800;
}
.survey-respondent-user-info-container
  .survey-respondent-user-info-content
  .survey-respondent-user-info-name.nameless {
  opacity: 0.74;
}
.survey-respondent-user-info-container
  .survey-respondent-user-info-content
  .survey-respondent-user-info-meta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: var(--td-line-height-body-large);
}
.survey-respondent-user-info-container
  .survey-respondent-user-info-content
  .survey-respondent-user-info-openid {
  white-space: normal;
  word-break: break-all;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** 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/pc/less/SurveyOutline.module.less ***!
    \********************************************************************************************************************************************************************************************************************************************************************************/
.btn_iKk2akd5 {
  position: fixed;
  right: 0;
  top: 80px;
  z-index: 11;
  outline: none;
  border-radius: 6px 0 0 6px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  background: #fff;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  color: #333;
  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;
  padding: 11px;
}
.btn_iKk2akd5.hide_APsWL3DU {
  display: none;
}
.btn_iKk2akd5 .coral-icon {
  width: 18px;
  height: 18px;
}
.drawer_ShK4YGGe.t-drawer .t-drawer__content-wrapper {
  height: auto;
  top: 80px;
  max-height: calc(100vh - 2 * 80px);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  -webkit-box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05),
    0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04),
    0 8px 10px -5px rgba(0, 0, 0, 0.08);
}
.drawer_ShK4YGGe.t-drawer .t-drawer__body {
  padding: 0;
  overflow: hidden;
}
.wrapper_uQShqYl1 {
  color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-height: calc(100vh - 2 * 80px);
}
.wrapper_uQShqYl1 .header_WlV45DTx {
  width: 100%;
  padding: 12px 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  top: 0;
  z-index: 2;
  background-color: #fff;
}
.wrapper_uQShqYl1 .content_vzgE5PgV {
  margin-bottom: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow: auto;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/v3__survey/common/outline/index.module.less ***!
    \*******************************************************************************************************************************************************************************************************************************************************************************/
.page_V9pgEyYC + .page_V9pgEyYC::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
  -webkit-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
}
.page_V9pgEyYC.disabled_EkQ_kEt1 {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.page_V9pgEyYC.disabled_EkQ_kEt1 .pageWrap_DSLNZjVw {
  background-color: #fff;
}
.page_V9pgEyYC .pageWrap_DSLNZjVw {
  margin: 0 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f3f3f3;
  border-radius: 6px;
}
.page_V9pgEyYC .pageWrap_DSLNZjVw .page_V9pgEyYC {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}
.page_V9pgEyYC .pageWrap_DSLNZjVw .page_V9pgEyYC .pageText_GFfqcur1 {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_V9pgEyYC .pageWrap_DSLNZjVw .page_V9pgEyYC .pageCount_WUbjpT7x {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.page_V9pgEyYC .pageWrap_DSLNZjVw .page_V9pgEyYC .progress_D1YggIoo {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 5px;
}
.question_wbTSya94 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}
.question_wbTSya94:hover {
  color: #0f6bff;
}
.question_wbTSya94 .questionText_a_hmVidu {
  overflow: hidden;
  text-overflow: ellipsis;
}
.question_wbTSya94 .questionError_ECMyDUQv {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 25px;
  margin-left: auto;
  color: #ef382d;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  padding-left: 5px;
}
@-webkit-keyframes shake-horizontal_ZcqbhSRi {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@keyframes shake-horizontal_ZcqbhSRi {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
.shake_PKh2e_c0 {
  -webkit-animation: shake-horizontal_ZcqbhSRi 1s ease-in-out both;
  animation: shake-horizontal_ZcqbhSRi 1s ease-in-out both;
}

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

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/nav-bar/desktop-nav-bar.less ***!
    \********************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.desktop-nav-bar {
  height: 42px;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  background-color: rgba(153, 153, 153, 0.3);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--td-text-color-primary);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.desktop-nav-bar-left {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 8px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.desktop-nav-bar-left .dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.desktop-nav-bar-left .dot--red {
  background-color: #ff796c;
  border: 1px solid #d25042;
}
.desktop-nav-bar-left .dot--yellow {
  background-color: #ffcf5e;
  border: 1px solid #efb350;
}
.desktop-nav-bar-left .dot--green {
  background-color: #77db68;
  border: 1px solid #61b74b;
}
.desktop-nav-bar-tabs {
  margin-left: 6px;
  margin-right: 6px;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.desktop-nav-bar-tabs-item {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  padding: 0 6px;
}
.desktop-nav-bar-tabs-item::before,
.desktop-nav-bar-tabs-item::after {
  position: absolute;
  bottom: 0;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
}
.desktop-nav-bar-tabs-item::before {
  left: 0px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.desktop-nav-bar-tabs-item::after {
  right: 0px;
}
.desktop-nav-bar-tabs-item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 6px 12px;
  position: relative;
  gap: 8px;
  font-size: var(--td-font-size-body-small);
  line-height: var(--td-font-size-body-small);
}
.desktop-nav-bar-tabs-item-content {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow: hidden;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.desktop-nav-bar-tabs-item-content .tab-item-favicon {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.desktop-nav-bar-tabs-item-content .tab-item-title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** 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/check-in-page/style.less ***!
    \******************************************************************************************************************************************************************************************************************************************************************************/
.p-check-in {
  z-index: 250 !important;
  position: fixed !important;
}
.p-check-in-logo {
  margin-top: 100px;
}
.p-check-in-title {
  padding: 0 20px;
  margin-top: -10px;
  margin-bottom: 35px;
  max-width: 100%;
  text-align: center;
  overflow: visible;
  word-break: break-word;
  white-space: pre-wrap;
}
.p-check-in-operate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-check-in-content {
  text-align: center;
  padding: 0 10px;
}
.p-check-in-content .btn-check-in {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 200px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  -webkit-box-shadow: 0 15px 14px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 15px 14px 0 rgba(0, 0, 0, 0.04);
}
.p-check-in-content .btn-check-in[disabled] {
  background-color: #d3d3d3;
  color: #999999;
  cursor: not-allowed;
}
.survey-pc .p-check-in-content .btn-check-in {
  display: block;
  width: 220px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}
.p-check-in-divide {
  color: #d8d8d8;
  -webkit-flex-grow: 0.2;
  -ms-flex-positive: 0.2;
  flex-grow: 0.2;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.p-check-in .animateGroup-mask {
  z-index: 300;
}
.p-check-in-dialog {
  z-index: 350;
}
.p-check-in-dialog .dialog-mobile-button {
  color: #2863f3;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
    !*** 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/page-cover-pic/style.less ***!
    \*****************************************************************************************************************************************************************************************************************************************************************/
.page-cover-pic {
  height: 150px;
}
.survey-pc .page-cover-pic {
  margin-top: 10px;
  margin-bottom: 40px;
}
.page-cover-pic .laptop {
  position: relative;
  width: 232px;
  height: 150px;
  margin: 0 auto;
}
.page-cover-pic .laptop .pen {
  position: absolute;
  right: 44px;
  bottom: 0;
  width: 16px;
  height: 93px;
}
.page-cover-pic .laptop .pen-t {
  position: absolute;
  left: 4px;
  top: 0;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid #242d3b;
  z-index: 1;
}
.page-cover-pic .laptop .pen-m {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid #dfe6f0;
}
.page-cover-pic .laptop .pen-b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 16px;
  height: 77px;
  background: #018fff;
}
.page-cover-pic .laptop .hook {
  position: absolute;
  left: 30px;
  bottom: 16px;
  width: 172px;
  height: 134px;
  overflow: hidden;
}
.page-cover-pic .laptop .paper {
  position: absolute;
  left: 29px;
  bottom: 0;
  width: 118px;
  height: 134px;
  overflow: hidden;
}
.page-cover-pic .laptop .paper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -57px;
  width: 114px;
  height: 134px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 2px 0 #ced8e3;
  box-shadow: 0 2px 2px 0 #ced8e3;
}
.page-cover-pic .laptop .paper-line {
  position: absolute;
  left: 19px;
  top: 28px;
  width: 80px;
  height: 5px;
  background: #d8e0ea;
}
.page-cover-pic .laptop .paper-line.l2 {
  top: 42px;
}
.page-cover-pic .laptop .paper-line.l3 {
  width: 49px;
  left: 50px;
  top: 56px;
}
.page-cover-pic .laptop .paper-line.l4 {
  width: 49px;
  left: 50px;
  top: 70px;
}
.page-cover-pic .laptop .paper-line.l5 {
  top: 84px;
}
.page-cover-pic .laptop .paper-line.l6 {
  top: 98px;
}
.page-cover-pic .laptop .paper-line.l7 {
  top: 112px;
}
.page-cover-pic .laptop .paper-block {
  position: absolute;
  left: 19px;
  top: 56px;
  width: 23px;
  height: 19px;
  background: #d8e0ea;
}
.page-cover-pic .laptop .quote-l {
  position: absolute;
  left: 2px;
  top: 55px;
  width: 66px;
  height: 50px;
}
.page-cover-pic .laptop .quote-l-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  height: 40px;
  border-radius: 3px;
  background-color: #018fff;
}
.page-cover-pic .laptop .quote-l-drop {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 9px;
  width: 0;
  height: 0;
  border-top: 5px solid #0d79d2;
  border-left: 5px solid #0d79d2;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.page-cover-pic .laptop .quote-l-line {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 48px;
  height: 4px;
  background: #fff;
}
.page-cover-pic .laptop .quote-l-line.l2 {
  top: 18px;
}
.page-cover-pic .laptop .quote-l-line.l3 {
  top: 27px;
}
.page-cover-pic .laptop .quote-r {
  position: absolute;
  top: 43px;
  right: 0;
  width: 48px;
  height: 58px;
}
.page-cover-pic .laptop .quote-r-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background-color: #fff;
}
.page-cover-pic .laptop .quote-r-bg:after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 9px;
  width: 0;
  height: 0;
  border-top: 5px solid #d8e0ea;
  border-left: 5px solid transparent;
  border-right: 5px solid #d8e0ea;
  border-bottom: 5px solid transparent;
}
.page-cover-pic .laptop .quote-r-dot {
  position: absolute;
  left: 11px;
  top: 21px;
  width: 6px;
  height: 6px;
  background-color: #018fff;
}
.page-cover-pic .laptop .quote-r-dot.d2 {
  left: 21px;
}
.page-cover-pic .laptop .quote-r-dot.d3 {
  left: 31px;
}
.page-cover-pic .laptop.anim {
  -webkit-animation: a-c-laptop 0.3s 0s cubic-bezier(0.71, 0.05, 0.29, 0.97) both;
  animation: a-c-laptop 0.3s 0s cubic-bezier(0.71, 0.05, 0.29, 0.97) both;
}
.page-cover-pic .laptop.anim .laptop-t {
  -webkit-animation: a-c-laptop-t 0.3s 0.15s linear both;
  animation: a-c-laptop-t 0.3s 0.15s linear both;
}
.page-cover-pic .laptop.anim .paper {
  -webkit-animation: a-c-paper 0.5s 0.45s cubic-bezier(0.42, 1.14, 1, 1) both;
  animation: a-c-paper 0.5s 0.45s cubic-bezier(0.42, 1.14, 1, 1) both;
}
.page-cover-pic .laptop.anim .paper-line.l1 {
  -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-cover-pic .laptop.anim .paper-line.l2 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.7s linear both;
  animation: a-c-quote-1-line 0.2s 0.7s linear both;
}
.page-cover-pic .laptop.anim .paper-line.l3 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.8s linear both;
  animation: a-c-quote-1-line 0.2s 0.8s linear both;
}
.page-cover-pic .laptop.anim .paper-line.l4 {
  -webkit-animation: a-c-quote-1-line 0.2s 0.9s linear both;
  animation: a-c-quote-1-line 0.2s 0.9s linear both;
}
.page-cover-pic .laptop.anim .paper-line.l5 {
  -webkit-animation: a-c-quote-1-line 0.2s 1s linear both;
  animation: a-c-quote-1-line 0.2s 1s linear both;
}
.page-cover-pic .laptop.anim .paper-line.l6 {
  -webkit-animation: a-c-quote-1-line 0.2s 1.1s linear both;
  animation: a-c-quote-1-line 0.2s 1.1s linear both;
}
.page-cover-pic .laptop.anim .paper-line.l7 {
  -webkit-animation: a-c-quote-1-line 0.2s 1.2s linear both;
  animation: a-c-quote-1-line 0.2s 1.2s linear both;
}
.page-cover-pic .laptop.anim .paper-block {
  -webkit-animation: a-c-quote-1-line 0.2s 0.8s linear both;
  animation: a-c-quote-1-line 0.2s 0.8s linear both;
}
.page-cover-pic .laptop.anim .pen {
  -webkit-animation: a-c-paper 0.5s 0.7s cubic-bezier(0.42, 1.14, 1, 1) both;
  animation: a-c-paper 0.5s 0.7s cubic-bezier(0.42, 1.14, 1, 1) both;
}
.page-cover-pic .laptop.anim .quote-l {
  -webkit-animation: a-c-quote-1-1 1.6s 1.5s linear both infinite;
  animation: a-c-quote-1-1 1.6s 1.5s linear both infinite;
}
.page-cover-pic .laptop.anim .quote-l-bg {
  -webkit-animation: a-c-quote-1 0.5s 1s linear both;
  animation: a-c-quote-1 0.5s 1s linear both;
}
.page-cover-pic .laptop.anim .quote-l-line.l1 {
  -webkit-animation: a-c-quote-1-line 0.2s 1.2s linear both;
  animation: a-c-quote-1-line 0.2s 1.2s linear both;
}
.page-cover-pic .laptop.anim .quote-l-line.l2 {
  -webkit-animation: a-c-quote-1-line 0.2s 1.3s linear both;
  animation: a-c-quote-1-line 0.2s 1.3s linear both;
}
.page-cover-pic .laptop.anim .quote-l-line.l3 {
  -webkit-animation: a-c-quote-1-line 0.2s 1.4s linear both;
  animation: a-c-quote-1-line 0.2s 1.4s linear both;
}
.page-cover-pic .laptop.anim .quote-r {
  -webkit-animation: a-c-quote-1-1 1.6s 1.8s linear both infinite;
  animation: a-c-quote-1-1 1.6s 1.8s linear both infinite;
}
.page-cover-pic .laptop.anim .quote-r-bg {
  -webkit-animation: a-c-quote-1 0.5s 1.3s linear both;
  animation: a-c-quote-1 0.5s 1.3s linear both;
}
.page-cover-pic .laptop.anim .quote-r-dot.d1 {
  -webkit-animation: a-c-quote-2-dot 0.2s 1.5s linear both;
  animation: a-c-quote-2-dot 0.2s 1.5s linear both;
}
.page-cover-pic .laptop.anim .quote-r-dot.d2 {
  -webkit-animation: a-c-quote-2-dot 0.2s 1.6s linear both;
  animation: a-c-quote-2-dot 0.2s 1.6s linear both;
}
.page-cover-pic .laptop.anim .quote-r-dot.d3 {
  -webkit-animation: a-c-quote-2-dot 0.2s 1.7s linear both;
  animation: a-c-quote-2-dot 0.2s 1.7s linear both;
}
.page-cover-pic .laptop-t {
  position: absolute;
  left: 50%;
  bottom: 8px;
  margin-left: -94px;
  width: 188px;
  height: 127px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #242d3b;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.page-cover-pic .laptop-t:after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  top: 8px;
  background-color: #ced8e3;
}
.page-cover-pic .laptop-b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 232px;
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #c4ccd9;
}
.page-cover-pic .laptop-b:after {
  content: "";
  position: absolute;
  left: 100px;
  top: 0;
  width: 32px;
  height: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #99a2b3;
}
@-webkit-keyframes a-c-laptop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.5) translate(0, 120px);
    transform: scale(0.3, 0.5) translate(0, 120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes a-c-laptop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.5) translate(0, 120px);
    transform: scale(0.3, 0.5) translate(0, 120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes a-c-laptop-t {
  0% {
    -webkit-transform: rotateX(88deg);
    transform: rotateX(88deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes a-c-laptop-t {
  0% {
    -webkit-transform: rotateX(88deg);
    transform: rotateX(88deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes a-c-paper {
  0% {
    -webkit-transform: translate(0px, 142px) scale(0.9, 1.1);
    transform: translate(0px, 142px) scale(0.9, 1.1);
  }
  30% {
    -webkit-transform: translate(0px, -10px) scale(1.2, 0.8);
    transform: translate(0px, -10px) scale(1.2, 0.8);
  }
  60% {
    -webkit-transform: translate(0px, 5px) scale(0.95, 1.05);
    transform: translate(0px, 5px) scale(0.95, 1.05);
  }
  80% {
    -webkit-transform: translate(0px, -2px) scale(1.02, 0.98);
    transform: translate(0px, -2px) scale(1.02, 0.98);
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
  }
}
@keyframes a-c-paper {
  0% {
    -webkit-transform: translate(0px, 142px) scale(0.9, 1.1);
    transform: translate(0px, 142px) scale(0.9, 1.1);
  }
  30% {
    -webkit-transform: translate(0px, -10px) scale(1.2, 0.8);
    transform: translate(0px, -10px) scale(1.2, 0.8);
  }
  60% {
    -webkit-transform: translate(0px, 5px) scale(0.95, 1.05);
    transform: translate(0px, 5px) scale(0.95, 1.05);
  }
  80% {
    -webkit-transform: translate(0px, -2px) scale(1.02, 0.98);
    transform: translate(0px, -2px) scale(1.02, 0.98);
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
  }
}
@-webkit-keyframes a-c-quote-1 {
  0% {
    -webkit-transform: translate(0px, 5px) scale(0.1, 0.1);
    transform: translate(0px, 5px) scale(0.1, 0.1);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0px, -2px) scale(1.2, 0.8);
    transform: translate(0px, -2px) scale(1.2, 0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0px, 1px) scale(0.95, 1.05);
    transform: translate(0px, 1px) scale(0.95, 1.05);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0px, -1px) scale(1.02, 0.98);
    transform: translate(0px, -1px) scale(1.02, 0.98);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
  }
}
@keyframes a-c-quote-1 {
  0% {
    -webkit-transform: translate(0px, 5px) scale(0.1, 0.1);
    transform: translate(0px, 5px) scale(0.1, 0.1);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0px, -2px) scale(1.2, 0.8);
    transform: translate(0px, -2px) scale(1.2, 0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0px, 1px) scale(0.95, 1.05);
    transform: translate(0px, 1px) scale(0.95, 1.05);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0px, -1px) scale(1.02, 0.98);
    transform: translate(0px, -1px) scale(1.02, 0.98);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes a-c-quote-1-1 {
  0% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(0px, -2px) scale(1, 1);
    transform: translate(0px, -2px) scale(1, 1);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0px, 3px) scale(1, 1);
    transform: translate(0px, 3px) scale(1, 1);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0px, -1px) scale(1, 1);
    transform: translate(0px, -1px) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
  }
}
@keyframes a-c-quote-1-1 {
  0% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(0px, -2px) scale(1, 1);
    transform: translate(0px, -2px) scale(1, 1);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(0px, 3px) scale(1, 1);
    transform: translate(0px, 3px) scale(1, 1);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0px, -1px) scale(1, 1);
    transform: translate(0px, -1px) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 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-c-quote-2-dot {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes a-c-quote-2-dot {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(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/question-components/pc/less/question.less ***!
    \*********************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.question {
  position: relative;
  page-break-inside: avoid;
}
.question .t-date-picker,
.question .t-date-range-picker,
.question .t-select-input,
.question .t-select-input,
.question .t-input,
.question .t-input__inner {
  background-color: inherit;
  color: inherit;
}
.question .t-input--focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.question .t-input__inner {
  width: 100%;
}
.question:focus {
  outline: none;
}
.question-desc {
  margin-top: 14px;
  color: #666;
  word-break: break-word;
}
.question .question-refer-warning {
  margin-top: 14px;
}
.question-type-description {
  position: relative;
  word-break: break-word;
}
.video_showframe {
  vertical-align: top;
  display: block;
  width: 600px;
  margin: 10px 0;
  height: 330px;
}
.question-head img {
  vertical-align: top;
  max-width: 100%;
  display: inline-block;
}
.question-title {
  position: relative;
  font-weight: normal;
  font-size: 18px;
  word-break: break-word;
  line-height: calc(100% + 8px);
}
.question-title .text {
  margin-right: 4px;
  display: inline;
}
.question-title .text .pe-view,
.question-title .text .pe-line:last-child {
  display: inline;
}
.question-title .type-description {
  font-size: 14px;
  line-height: 26px;
  white-space: pre-line;
}
.question-required {
  position: absolute;
  left: -14px;
  top: 1px;
  background-size: 100%;
  vertical-align: -2px;
  margin-right: 4px;
  color: #ef5350;
}
.question-required i {
  color: inherit;
  font-style: normal;
}
.question-seq {
  display: block;
  margin-right: 8px;
  font-size: 18px;
  float: left;
}
.question-type-select .t-select__wrap {
  width: 280px;
}
.question-type-select .t-select__wrap .t-input {
  height: 40px;
}
.question-type-datetime .t-date-picker {
  width: 280px;
}
.question-type-datetime .t-date-picker .t-input {
  height: 40px;
}
.question-type-datetime .t-date-picker .t-date-picker__panel-date {
  width: 280px;
}
.question-type-datetime .format-HHmm > div:first-child .t-input {
  height: 40px;
  width: 280px;
}
.question .checkbox-option .pe-image img,
.question .matrix-table .pe-image img,
.question .sort .pe-image img {
  border-radius: var(--td-radius-default);
  border: 1px solid var(--td-gray-color-2);
}
.question-tags {
  margin-bottom: 12px;
}
.question-tags .question-tag:not(:first-child) {
  margin-left: 8px;
}
.question-tag {
  display: inline-block;
  vertical-align: 2px;
  padding: 2px 7px;
  background: #ebf3fd;
  border-radius: var(--td-radius-default);
  font-size: 14px;
}
.question-tag.error {
  background-color: #ef5350;
  color: #fff;
}
.question-tag.error-arrow--top::before {
  content: "";
  background-color: inherit;
  display: block;
  position: absolute;
  height: 6px;
  width: 6px;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  -ms-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  top: 1px;
  left: 16px;
}
.question-tag.animated {
  -webkit-animation: shake-horizontal 1s ease-in-out both;
  animation: shake-horizontal 1s ease-in-out both;
}
.question-body {
  padding-top: 14px;
  /** 选项配额 */
}
.question-body img {
  max-width: 100%;
  vertical-align: top;
  display: inline-block;
}
.question-body .video_showframe {
  vertical-align: top;
  display: inline-block;
  height: unset;
  width: unset;
  margin: 0 10px;
}
.question-body .option-quota {
  opacity: 0.5;
}
.question-body .option-group {
  padding-left: 28px;
}
.question-body .option-group--title {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
}
.question-body .option-group.empty-group {
  padding-left: 0;
}
.question-body .option-group.empty-group .option-group--title {
  margin-top: 0;
}
.question-body .check-box {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #cbd5de;
  border-radius: var(--coral-radius-small);
}
.question-body .check-box .checkbox-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  width: 11px;
  height: 9px;
  stroke-dasharray: 16, 16;
  stroke-dashoffset: 16;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.question-body .checkbox-option.theme--bg {
  margin-top: 8px;
}
.question-body .checkbox-option {
  padding-left: 28px;
  padding-right: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.question-body .checkbox-option .check-box {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 13px;
  left: 16px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.question-body .checkbox-option.is-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.question-body .checkbox-option.is-disabled .option-quota {
  opacity: 1;
}
.question-body .checkbox-option.is-disabled .checkbox-input,
.question-body .checkbox-option.is-disabled .checkbox-cell {
  pointer-events: none;
}
.question-body .checkbox-option .option-quota {
  padding-left: 24px;
}
.question-body .checkbox-option .checkbox-option-bottom {
  padding-left: 20px;
  padding-right: 14px;
  margin-top: 4px;
}
.question-body .checkbox-option .checkbox-option-bottom .respondents-info {
  margin-top: 6px;
}
.survey-pc
  .question-body
  .checkbox-option
  .checkbox-option-bottom
  .respondents-info-item {
  margin-bottom: 7px;
}
.question-body .checkbox-option.theme--bg .checkbox-cell {
  background-color: #fafafa;
  border-color: #f3f3f3;
  padding: 0px 16px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.question-body .checkbox-option.theme--bg .checkbox-cell:hover {
  border-color: #0f6bff;
  -webkit-transform: scale(1.005);
  -ms-transform: scale(1.005);
  transform: scale(1.005);
  z-index: 3;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.question-body .checkbox-option.theme--bg .checkbox-cell .cell-m {
  padding-top: 10px;
  padding-bottom: 10px;
}
.question-body .checkbox-option.theme--bg .checkbox-cell .option-quota {
  padding-bottom: 10px;
}
.question-body .checkbox-option.theme--bg .checkbox-cell .vote-info + .option-quota {
  padding-top: 4px;
}
.question-body .checkbox-option.theme--bg .checkbox-cell .vote-info-bar {
  left: 40px;
  right: 8px;
  bottom: initial;
}
.question-body .checkbox-option.theme--bg .checkbox-cell .vote-info-bar::before {
  bottom: 0px;
}
.question-body
  .checkbox-option.theme--bg
  .checkbox-cell
  .vote-info-bar
  .vote-info-bar-fill {
  position: absolute;
  bottom: 0px;
}
.question-body .checkbox-option.theme--bg.is-checked .checkbox-cell {
  border-color: #0f6bff;
  background-color: rgba(35, 120, 255, 0.1);
}
.question-body .checkbox-option.theme--bg .cell-m {
  padding-right: 28px;
}
.question-type-radio .question-body,
.question-type-checkbox .question-body {
  margin-left: -12px;
  margin-right: -12px;
  padding-top: 6px;
}
.question-type-radio .question-body .checkbox-option,
.question-type-checkbox .question-body .checkbox-option {
  padding-left: 12px;
  padding-right: 12px;
}
.question--hide-header .question-tag {
  margin-bottom: 14px;
}
.question-image-vote.question--hide-header {
  padding-top: 0px;
}
.checkbox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.radio-box {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid #cbd5de;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: 13px;
  left: 16px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.checkbox-input:checked + .checkbox-cell .radio-box {
  border: solid 4px #018fff;
}
.checkbox-cell {
  width: 100%;
  padding: 7px 8px;
  min-height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  display: inline-block;
  position: relative;
  word-break: break-word;
  border: 1px solid transparent;
  -webkit-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.checkbox-cell .vote-info-text {
  position: absolute;
  right: 8px;
  top: 12px;
}
.checkbox-cell .vote-info-text .vote-info-cnt {
  width: 64px;
  margin-left: 0;
  float: left;
}
.checkbox-cell .vote-info-text .vote-info-percent {
  white-space: nowrap;
  width: 36px;
  margin-left: 18px;
  float: right;
}
.checkbox-cell .vote-info-bar {
  left: 32px;
  right: 8px;
  bottom: initial;
}
.checkbox-cell .vote-info + .respondents-info {
  margin-top: 8px;
}
.checkbox-cell:hover {
  background-color: #f5f5f5;
}
.checkbox-cell .respondents-info {
  padding-left: 24px;
  margin-bottom: 0;
}
.checkbox-cell .cell-m {
  padding-left: 24px;
}
.question-body.show-vote-info .cell-m {
  padding-right: 136px !important;
}
.checkbox-input:checked + .checkbox-cell .check-box {
  border: 1px solid transparent;
  background: #018fff;
}
.checkbox-input:checked + .checkbox-cell .checkbox-icon {
  stroke-dashoffset: 0;
}
.multiple-item-per-line .checkbox-option {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.multiple-item-per-line .checkbox-option .checkbox-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
.question-type-radio .multiple-item-per-line {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.question-type-checkbox .multiple-item-per-line .option-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.question-type-checkbox .multiple-item-per-line .option-group .option-group--title {
  width: 100%;
}
.selectbox {
  position: relative;
  display: inline-block;
  margin-top: 9px;
  min-width: 218px;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 34px;
  border: 1px solid #cbd5de;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.selectbox:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 17px;
  width: 0;
  height: 0;
  border-top: 7px solid #bbbdbe;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transform-origin: 50% 25%;
  -ms-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.selectbox.on {
  border-color: #018fff;
}
.selectbox.on:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.selectbox.on .question-select-list {
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  z-index: 2;
}
.selectbox .filter-input {
  background: none;
  height: 38px;
  display: block;
}
.question-select-list {
  position: absolute;
  top: 39px;
  left: -1px;
  width: 100%;
  max-height: 170px;
  overflow: auto;
  background: #fff;
  border: 1px solid #cbd5de;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--td-radius-default);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
}
.question-select-list li {
  position: relative;
  padding-left: 20px;
  padding-right: 34px;
  line-height: 32px;
}
.question-select-list li:hover {
  background: #ebf3fd;
}
.question-select-list li.on .tick {
  visibility: visible;
  stroke-dasharray: 13 13;
}
.question-select-list li .tick {
  position: absolute;
  right: 10px;
  top: 10px;
  fill: none;
  stroke: #018bff;
  stroke-width: 2px;
  width: 13px;
  height: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.inputs-input {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  border: 1px solid #cbd5de;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.inputs-input:focus {
  border-color: #018fff;
}
.inputs-input:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  border-color: #e0e0e0;
}
.inputs-textarea {
  width: 100%;
  padding: 8px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cbd5de;
  border-radius: var(--td-radius-default);
  overflow: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.inputs-textarea:focus {
  border-color: #018fff;
}
.inputs-textarea:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  border-color: #e0e0e0;
  resize: none;
}
.matrix-table {
  width: 100%;
  margin-top: 6px;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}
.matrix-table tr {
  border-bottom: 1px solid #e1e7f2;
}
.matrix-table tr td {
  position: relative;
  vertical-align: top;
}
.matrix-table tr td.sheet--show-line-index {
  vertical-align: middle !important;
}
.matrix-table th {
  padding-bottom: 16px;
  font-weight: normal;
}
.matrix-table .td-title {
  min-width: 100px;
  max-width: 175px;
  padding: 8px 0;
  position: relative;
  vertical-align: middle;
}
.matrix-table-wrapper {
  overflow-x: auto;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.matrix-table-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.matrix-table-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.matrix-table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.matrix-table .sheet--show-line-index {
  width: 25px;
  min-width: 25px;
  color: #999999;
  text-align: center;
}
.matrix-table .sheet--tool-row {
  position: absolute;
  right: -16px;
  opacity: 0;
  min-width: initial !important;
}
.matrix-table .sheet--tool-row .btn-rm {
  margin-top: 16px;
  cursor: pointer;
}
.matrix-table .sheet--tool-row .btn-rm .coral-icon {
  width: 16px;
  height: 16px;
}
.matrix-table .sheet--line:hover .sheet--tool-row {
  opacity: 1;
}
.question-type-sheet .matrix-add-line {
  padding: 8px 13px;
}
.question-type-sheet .matrix-add-line button {
  height: 32px;
  line-height: 16px;
  width: 100%;
  border: 1px solid #e1e7f2;
}
.question-type-sheet .matrix-add-line button:hover .coral-icon {
  fill: currentColor;
}
.question-type-sheet .matrix-add-line .coral-icon {
  height: 16px;
  vertical-align: bottom;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.question-type-sheet .matrix-add-line.disabled button,
.question-type-sheet .matrix-add-line.disabled .coral-icon {
  fill: #e2e2e2;
  color: #e2e2e2;
  pointer-events: none;
  cursor: not-allowed;
}
.question-type-sheet .matrix-add-line.has-index {
  padding-left: 37px;
}
.clickBlock {
  display: block;
  cursor: pointer;
  padding: 8px 4px;
  border-radius: var(--td-radius-default);
}
.clickBlock:hover {
  background-color: #f5f5f5;
}
.matrix-option {
  display: table;
  width: 100%;
  min-width: 48px;
  min-height: 48px;
  text-align: center;
}
.matrix-option .ui-radio input + label::before {
  margin-right: 0px;
}
.matrix-option .clickBlock {
  display: block;
  padding: 6px;
  margin: 8px 4px;
  text-align: center;
  vertical-align: middle;
}
.matrix-option .radio-box,
.matrix-option .check-box {
  float: none;
  vertical-align: middle;
  margin: auto;
}
.matrix-option .label-matrix-option {
  display: block;
  padding: 8px;
}
.matrix-option .label-matrix-option .inputs-input {
  margin-top: 0px;
}
.matrix-option.blanks {
  min-width: 120px;
}
.matrix-option.blanks .fillblank {
  width: 100%;
  padding: 0px;
}
.matrix-option.blanks .input-matrix-blanks {
  height: 32px;
  width: 100%;
  background-color: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  border-width: 1px;
  border-width: solid;
}
.matrix-table-choices {
  height: 1px;
}
.matrix-table-choices .matrix-option {
  height: 100%;
  max-width: 280px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.matrix-table-choices .matrix-option .matrix-option-fillblank {
  margin: 0px 4px 12px;
}
.emojibox {
  margin-top: 6px;
}
.emojibox .question-tag {
  width: auto;
}
.emojis {
  display: inline-block;
  cursor: default;
}
.emoji-item {
  float: left;
  width: 46px;
  height: 46px;
  margin: 0 10px;
  cursor: pointer;
}
.emoji-item.on .emoji {
  background: #008fff;
}
.emoji-item.on .emoji-eye:before,
.emoji-item.on .emoji-eye:after {
  background: #fff;
}
.emoji-item.on .emoji-mouth:after {
  border-color: #fff;
}
.emoji-item.week .emoji-mouth {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.emoji {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ebf3fd;
  border-radius: 100%;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.emoji:hover {
  border: 1px solid #008fff;
}
.emoji:active {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.emoji-eye {
  position: absolute;
  left: 50%;
  top: 17px;
  margin-left: -10px;
  width: 20px;
  height: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.emoji-eye:before,
.emoji-eye:after {
  content: "";
  position: absolute;
  top: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #a4b4c3;
}
.emoji-eye:before {
  left: 0;
}
.emoji-eye:after {
  right: 0;
}
.emoji-mouth {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 12px;
  width: 30px;
  height: 6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.emoji-mouth:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: 0;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #a4b4c3;
  border-radius: 100%;
}
.question-tips {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 416px;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 16px;
}
.question-tips .question-tip-txt {
  opacity: 0.56;
}
.question-item + .question-tips {
  margin-top: 16px;
}
.question-tips.checkbtn-display-custom.size-min {
  width: 256px;
}
.question-tips.checkbtn-display-custom.size-large {
  width: 536px;
}
.question-tips i {
  font-style: normal;
}
.question-tips span {
  position: relative;
  padding: 0 5px;
  border-radius: var(--td-radius-default);
  background: #ebf3fd;
  font-size: 14px;
  white-space: nowrap;
}
.question-tips .question-tips-middle-area {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 100%;
}
.question-tips .question-tips-fill-area {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.question-tips ~ .question-item + .question-item {
  margin-top: 18px;
}
.slider-group {
  margin: 0;
}
.checkbtn-group {
  width: 416px;
  display: inline-block;
  margin: 0;
}

.checkbtn-group .checkbtn-input.checked + .checkbtn-label .checkbtn-txt {
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.checkbtn-group .checkbtn-input.checked + .checkbtn-label:after {
  opacity: 1;
}
.checkbtn-group .checkbtn-label:after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.checkbtn-label {
  position: relative;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f4f4f4;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--td-radius-default);
  -webkit-transition: background 0.2s, -webkit-transform 0.2s;
  transition: background 0.2s, -webkit-transform 0.2s;
  transition: background 0.2s, transform 0.2s;
  transition: background 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.checkbtn-label:active {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.checkbtn-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*如果没有这一句，会导致 .sr-only 的代表不完全生效，表现为在浏览器下能看到不同程度的 radio 原生按钮*/
}
.checkbtn {
  float: left;
  width: 36px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2px;
}
.checkbtn:first-child {
  padding-left: 0;
}
.checkbtn-group.checkbtn-display-custom {
  white-space: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.checkbtn-group.checkbtn-display-custom--size-min {
  width: 256px;
}
.checkbtn-group.checkbtn-display-custom--size-large {
  width: 536px;
}
.checkbtn-group.checkbtn-display-custom .checkbtn {
  text-align: left;
  padding-left: 0;
  -webkit-transition: 0.4s all cubic-bezier(0.23, 2.05, 0.57, 1);
  transition: 0.4s all cubic-bezier(0.23, 2.05, 0.57, 1);
  display: inline-block;
  float: initial;
  height: 40px;
}
.checkbtn-group.checkbtn-display-custom .checkbtn:nth-last-of-type(1) {
  margin-right: 0 !important;
}
.checkbtn-group.checkbtn-display-custom .checkbtn .checkbtn-label {
  position: relative;
  background: transparent;
}
.checkbtn-group.checkbtn-display-custom
  .checkbtn
  .checkbtn-label:hover
  .slider-handle-num {
  opacity: 1;
}
.checkbtn-group.checkbtn-display-custom .checkbtn .checkbtn-label:after {
  width: 32px;
  height: 32px;
}
.checkbtn-group.checkbtn-display-custom .checkbtn .checkbtn-label svg,
.checkbtn-group.checkbtn-display-custom .checkbtn .checkbtn-label img {
  width: 32px;
  height: 32px;
}
.checkbtn-group.checkbtn-display-custom .checkbtn .checkbtn-label svg,
.checkbtn-group.checkbtn-display-custom .checkbtn .checkbtn-label img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
  -webkit-transition: 0.4s all cubic-bezier(0.23, 2.05, 0.57, 1);
  transition: 0.4s all cubic-bezier(0.23, 2.05, 0.57, 1);
}
.checkbtn-group.checkbtn-display-custom .checkbtn:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.checkbtn-group.checkbtn-display-custom .checkbtn:hover svg,
.checkbtn-group.checkbtn-display-custom .checkbtn:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.checkbtn-group.checkbtn-display-custom
  .checkbtn
  .checkbtn-input.checked
  + .checkbtn-label
  svg,
.checkbtn-group.checkbtn-display-custom .checkbtn.high-light svg,
.checkbtn-group.checkbtn-display-custom .checkbtn.high-light--hover svg,
.checkbtn-group.checkbtn-display-custom
  .checkbtn
  .checkbtn-input.checked
  + .checkbtn-label
  img,
.checkbtn-group.checkbtn-display-custom .checkbtn.high-light img,
.checkbtn-group.checkbtn-display-custom .checkbtn.high-light--hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.checkbtn-group.checkbtn-display-custom
  .checkbtn
  .checkbtn-input.checked
  + .checkbtn-label:after,
.checkbtn-group.checkbtn-display-custom .checkbtn.high-light:after,
.checkbtn-group.checkbtn-display-custom .checkbtn.high-light--hover:after {
  background-color: transparent !important;
}
.question-subtitle {
  position: relative;
  padding-top: 2px;
  padding-bottom: 6px;
  font-weight: normal;
}
.checkbtn-txt {
  position: relative;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  z-index: 1;
}
.checkbox-input:checked + .checkbtn-cont {
  background: #018bff;
}
.checkbox-input:checked + .checkbtn-cont .checkbtn-txt {
  color: #fff;
}
.slider {
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 0;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.slider-input {
  position: absolute;
  visibility: hidden;
  -webkit-appearance: none;
}
.slider-m {
  display: inline-block;
  position: relative;
  width: 352px;
  height: 12px;
  padding: 0 7px;
  margin: 0 10px;
}
.slider-bar {
  width: 100%;
  height: 100%;
  border-radius: var(--td-radius-default);
}
.slider-bar-done {
  position: relative;
  width: 0;
  height: 100%;
  border-radius: 3px 0 0 3px;
}
.slider-handle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 30px;
  margin-top: -15px;
  margin-right: -7.5px;
  cursor: pointer;
  border-radius: 2px;
}
.slider-handle i {
  display: block;
  width: 3px;
  height: 3px;
  margin: 3px auto 0;
  border-radius: 100%;
  background: #fff;
}
.slider-handle i:nth-child(1) {
  margin-top: 8px;
}
.slider-handle:after {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350%;
  height: 250%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.slider-handle.moving {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.slider-handle.moving .slider-handle-num {
  -webkit-transform: translateX(-50%) scale(1.4);
  -ms-transform: translateX(-50%) scale(1.4);
  transform: translateX(-50%) scale(1.4);
}
.slider-handle.valued .slider-handle-num {
  opacity: 1;
}
.slider-handle-num {
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 30px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: var(--td-radius-default);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #ffffff;
  padding: 0 5px;
  font-size: 15px;
  background-color: #018bff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider-tip-wrap {
  position: absolute;
  right: 0;
  width: 0;
  top: -55px;
  height: 34px;
}
.slider-tip-wrap.show .slider-tip {
  -webkit-transform: translate(-50%, 0) scale(1);
  -ms-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
  opacity: 1;
}
.slider-tip {
  position: absolute;
  left: 50%;
  top: 0;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 25px;
  text-align: center;
  font-size: 16px;
  border-radius: var(--td-radius-default);
  opacity: 0;
  height: 28px;
  line-height: 28px;
  background: #018bff;
  color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translate(-50%, 20px) scale(0);
  -ms-transform: translate(-50%, 20px) scale(0);
  transform: translate(-50%, 20px) scale(0);
}
.slider-tip:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-top: 6px solid #018bff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.slider-tip-num {
  position: relative;
  color: #ffffff;
}
.slider-item {
  margin-top: 24px;
}
.slider-item:first-child {
  margin-top: 6px;
}
.slider-item .question-tag {
  padding-bottom: 20px;
}
.slider-tit {
  padding-top: 2px;
  padding-bottom: 10px;
}
.slider {
  margin-top: 6px;
  padding-bottom: 9px;
  font-size: 16px;
}
.slider-bar-wrap {
  display: inline-block;
  position: relative;
  width: 352px;
  height: 12px;
  margin: 0 10px;
  padding: 0 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #018bff),
    color-stop(50%, #ebf3fd)
  );
  background: linear-gradient(to right, #018bff 50%, #ebf3fd 50%);
}
.slider-bar {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ebf3fd;
}
.slider-bar-done {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.sort-tips {
  margin-top: 20px;
  color: #666;
  text-indent: 8px;
}
.sortwrap {
  position: relative;
  margin-top: 4px;
}
.sort-num {
  float: left;
  width: 30px;
  border-radius: var(--td-radius-default);
  background-color: #018bff;
  overflow: hidden;
}
.sort-box {
  position: absolute;
  left: 0 !important;
  top: 0;
  height: 100%;
  width: 264px;
  border: 1px solid #cbd5de;
  border-radius: var(--td-radius-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.sort-box .sort-item {
  margin-left: -1px;
  margin-top: -1px;
  border-radius: 0;
  padding: 8px 28px 8px 40px;
}
.sort-item-num {
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  background-color: #ecf3ff;
  color: #0f6bff;
  display: inline-block;
  border-radius: 24px;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sort-item-num.default {
  background-color: #f6f6f6;
  color: #999999;
}
.sort-list {
  position: relative;
  float: left;
  margin-left: 288px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sort-list .sort-item:not(:last-child) {
  margin-bottom: 3px;
}
.sort-item {
  position: relative;
  width: 264px;
  padding: 8px 28px 8px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  border: solid 1px #cbd5de;
  word-break: break-all;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sort-item:hover {
  cursor: move;
}
.sort-item-txt {
  height: 100%;
  display: inline-block;
  min-width: 100%;
}
.sort-item-handle {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
}
.sort-item-handle .coral-icon {
  fill: currentColor;
}
.sort-handle-line {
  display: block;
  width: 19px;
  height: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sort-handle-line:not(:first-child) {
  margin-top: 3px;
}
.sort-handle-line:before,
.sort-handle-line:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  float: left;
  background-color: #bbbdbe;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sort-handle-line:nth-child(1):before {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.sort-handle-line:nth-child(1):after {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.sort-handle-line:nth-child(3):before {
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
.sort-handle-line:nth-child(3):after {
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
.gu-mirror {
  opacity: 1;
}
.gu-mirror.sort-item {
  padding: 8px 28px 8px 40px;
}
.gu-transit {
  opacity: 1;
  background: rgba(200, 200, 200, 0.16);
}
.linkagewrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.linkagewrap .link-search {
  background: grey;
  width: 100%;
}
.linkagewrap .cascade-search {
  max-width: 100%;
  position: relative;
}
.linkagewrap .cascade-input {
  position: relative;
  color: rgba(0, 0, 0, 0.9);
}
.linkagewrap .cascade-input .icon-search {
  position: absolute;
  left: 12px;
  top: 10px;
  cursor: pointer;
  background-image: none;
}
.linkagewrap .cascade-input .icon-search path {
  fill: rgba(142, 142, 142, 0.65);
  opacity: 1;
}
.linkagewrap .cascade-input .icon-btn-close-inverse {
  position: absolute;
  right: 12px;
  top: 10px;
  cursor: pointer;
}
.linkagewrap .cascade-input input {
  height: 35px;
  width: 100%;
  display: inline-block;
  outline: none;
  text-indent: 40px;
  border: none;
  border-bottom: 1px solid #e1e7f2;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #e1e7f2;
  border-bottom: none;
  background-color: transparent;
}
.linkagewrap .cascade-search-list {
  position: absolute;
  width: calc(100% - 2px);
  min-width: 465px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 35px;
  max-height: 300px;
  background: #fff;
  z-index: 2;
  border: 1px solid #e1e7f2;
  overflow-y: auto;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--td-radius-default);
}
.linkagewrap .cascade-search-list .search-item {
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}
.linkagewrap .cascade-search-list .search-item span {
  white-space: nowrap;
}
.linkagewrap .cascade-search-list .search-item:hover {
  color: #008fff;
  background: rgba(33, 150, 243, 0.05) t;
}
.linkagewrap .cascade-search-list .search-item .keyword {
  color: #008fff;
}
.linkage-area {
  display: inline-block;
  vertical-align: top;
  clear: both;
}
.linkage-tit {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cbd5de;
  border-bottom: none;
  color: rgba(0, 0, 0, 0.9);
}
.chained-level-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.linkage-list-wrap {
  border-radius: var(--td-radius-default);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}
.linkage-list {
  max-height: 330px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: solid 1px #cbd5de;
}
.linkage-list .not-end:before {
  content: "";
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 7px solid #bbbdbe;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  z-index: 1;
}
.linkage-item {
  position: relative;
  min-width: 215px;
  height: 42px;
  padding-left: 20px;
  padding-right: 42px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #cbd5de;
  cursor: pointer;
}
.linkage-item:after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #018bff;
  background-color: #018bff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}
.linkage-item:last-child {
  border-bottom: 0;
}
.linkage-item:hover {
  background: #f5f5f5;
}
.linkage-item.on {
  color: #fff;
}
.linkage-item.on:after {
  opacity: 1;
}
.linkage-item.on:before {
  border-left-color: #fff;
}
.question-cont {
  padding-top: 14px;
}
.linkage-item-txt {
  position: relative;
  z-index: 1;
}
.fillinput {
  width: 120px;
  margin: 0 6px;
  border-bottom: 1px solid #333;
  color: #333;
}
.btn-submit,
.btn-prev,
.btn-next {
  position: relative;
  display: block;
  width: 220px;
  height: 40px;
  margin: 80px auto 0;
  text-align: center;
  border-radius: var(--td-radius-default);
  background-color: #018fff;
  color: #fff;
  cursor: pointer;
}
.btn-submit:active,
.btn-prev:active,
.btn-next:active {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.btn-submit:before,
.btn-prev:before,
.btn-next:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-submit:hover:before,
.btn-prev:hover:before,
.btn-next:hover:before {
  opacity: 1;
  visibility: visible;
}
input.mod_fillblank {
  border: 0;
  border-bottom: solid 1px;
  background-color: transparent;
  font-size: inherit;
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
/**
  DSL预览
  */
.dsl-id-tag {
  position: absolute;
  right: 0;
  top: 5px;
  margin-left: unset;
  font-size: 12px;
  padding: 1px 8px;
}
.question-title .dsl-id-tag {
  left: -74px;
  right: unset;
  top: 2px;
}
.question-type-radio .question-body .dsl-id-tag,
.question-type-checkbox .question-body .dsl-id-tag {
  left: -60px;
  right: unset;
  top: 6px;
}
.question-type-sort .question-body .dsl-id-tag,
.question-type-select .question-body .dsl-id-tag,
.question-body.multiple-item-per-line .dsl-id-tag {
  position: static;
  margin-right: 10px;
}
.question-body.multiple-item-per-line .dsl-id-tag {
  margin-left: 24px;
}
.td-title .dsl-id-tag {
  position: static;
  margin-right: 10px;
}
.question-type-matrix_radio th .dsl-id-tag,
.question-type-matrix_checkbox th .dsl-id-tag,
.question-type-matrix_blank th .dsl-id-tag,
.matrix-option .dsl-id-tag {
  display: block;
  position: static;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto 5px;
}
.question-type-select .question-body .dsl-id-tag {
  line-height: 20px;
}
.question-subtitle .dsl-id-tag {
  left: -74px;
  top: 2px;
  right: unset;
}
.pe-view {
  max-width: 100%;
}
.pe-line {
  line-height: calc(100% + 8px);
}
.pe-line a,
.pe-line .pe-link {
  text-underline-offset: 4px;
  text-decoration: underline;
}
.pe-line .dom-blank-box,
.pe-line .dom-blank-box .dom-blank {
  max-width: 100%;
}
.pe-line .dom-blank-box .blank-preview {
  white-space: normal;
  word-wrap: break-word;
}
.pe-line .dom-blank-box .blank-preview:not(.blank--brackets):not(.blank--input) {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.pe-line .dom-blank-box .blank-preview:empty {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pe-line .dom-blank-box .blank-preview.blank--underline:empty {
  border-bottom: 1px solid;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.question-type-blanks .question-content .pe-line {
  line-height: 3;
}
.question-type-blanks .question-head--hide .question-seq {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
}
.question-type-blanks .question-head--hide .question-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.question-type-blanks .question-head .question-body {
  padding-top: 0px;
}
.question-type-blanks .question-head .question-content {
  margin-bottom: -13px;
  -webkit-transform: translateY(-13px);
  -ms-transform: translateY(-13px);
  transform: translateY(-13px);
}
.t-select__wrap.t-date-picker__header-controller--year {
  width: 78px;
}
.t-select__wrap.t-date-picker__header-controller--month {
  width: 80px;
}
.t-popup__content.t-date-picker__panel-container {
  padding: 0;
}
.question-star-attach {
  margin-top: 8px;
}
.question-type-matrix_star .question-star-attach:not(:last-of-type) {
  margin-bottom: 24px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/components/question-components/pc/less/themeDefault.less ***!
    \*************************************************************************************************************************************************************************************************************************************************************************************/
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.btn,
.page-btn {
  color: #ffffff;
  background-color: #2863f3;
}
.ui-button-primary {
  background-color: #2863f3;
  border-color: #2863f3;
}
.btn:before,
.page-btn:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui-button-primary:hover,
.ui-button-primary:active {
  background-color: #2459db;
  border-color: #2459db;
}
.page-btn-second {
  color: #2863f3;
  background-color: #ffffff;
}
strong,
strong span {
  color: #2863f3;
}
.question-tag.error {
  background-color: #da2319;
}
.question-required {
  color: #da2319;
}
.dialog-container {
  color: #000000;
}
body {
  color: #000000;
}
.s-page,
.page,
.page-survey,
.cascade-pop-page {
  background-color: #f2f2f2;
}
.s-main,
.question {
  background-color: #ffffff;
}
.copyright {
  color: rgba(0, 0, 0, 0.3);
}
.s-prog-wait {
  background-color: rgba(0, 0, 0, 0.05);
}
.survey-mobile .progress-bar {
  background-color: #ffffff;
}
.s-prog-done,
.page-survey .progress-done {
  background-color: #2863f3;
}
.page-survey .progress {
  background-color: #e6e6e6;
}
.s-ques-desc {
  color: rgba(0, 0, 0, 0.6);
}
.question-tag {
  background-color: rgba(0, 0, 0, 0.05);
}
.checkbox-input:checked + .checkbox-cell .radio-box {
  border-color: #2863f3;
}
.checkbox-input + .checkbox-cell .radio-box {
  border-color: rgba(0, 0, 0, 0.3);
}
.checkbox-input:checked + .checkbox-cell .check-box {
  background-color: #2863f3;
}
.checkbox-input + .checkbox-cell .check-box {
  border-color: rgba(0, 0, 0, 0.3);
}
.checkbox-input:checked + .checkbox-cell {
  color: #2863f3;
}
.check-box .checkbox-icon,
.checkbox-input:checked + .checkbox-cell .check-box .checkbox-icon {
  stroke: #ffffff;
}
.selectbox,
.question-select-list {
  border-color: rgba(0, 0, 0, 0.2);
}
.selectbox.on {
  border-color: #2863f3;
}
.question-select-list li .tick {
  stroke: #2863f3;
}
.selectbox:after {
  border-top-color: #000000;
}
.inputs-input,
.inputs-textarea {
  border-color: rgba(0, 0, 0, 0.2);
}
.inputs-input:focus,
.inputs-textarea:focus {
  border-color: #2863f3;
}
.inputs-input::-webkit-input-placeholder,
.inputs-textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputs-input::-moz-placeholder,
.inputs-textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputs-input:-ms-input-placeholder,
.inputs-textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputs-input::-ms-input-placeholder,
.inputs-textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputs-input::placeholder,
.inputs-textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.question-tips span {
  background-color: #f2f2f2;
}
.question-tips span:before {
  background-color: #f2f2f2;
}
.checkbtn-cont,
.checkbtn-label {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}
.checkbtn-group .checkbtn-input.checked + .checkbtn-label:after {
  background-color: #2863f3;
  color: #ffffff;
}
.checkbtn-group .checkbtn-input.checked + .checkbtn-label {
  color: #ffffff;
}
.slider-bar {
  background-color: rgba(0, 0, 0, 0.1);
}
.slider-handle {
  background-color: #2863f3;
}
.slider-tip {
  background-color: #2863f3;
  color: #ffffff;
}
.slider-tip:after {
  border-top-color: #2863f3;
}
.s-slider-bar-done {
  background-color: #2863f3;
}
.slider-handle-num {
  background-color: #2863f3;
}
.slider-handle i {
  background-color: #ffffff;
}
.slider-tip-num,
.slider-handle-num {
  color: #ffffff;
}
.linkage-list {
  border-color: rgba(0, 0, 0, 0.2);
}
.linkage-item {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.linkage-item:after {
  background-color: #2863f3;
  border-color: #2863f3;
}
.linkage-list .linkage-item.on {
  color: #ffffff;
}
.linkage-item.not-end:before {
  border-left-color: #000000;
}
.linkage-list .linkage-item.on:before {
  border-left-color: #ffffff;
}
.cascade-pop-page-body-content {
  background-color: #ffffff;
}
.cascade-pop-page-back {
  color: #2863f3;
}
.checkbox-option:not(:first-child):before {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.icon-arrow-right,
.icon-arrow-down {
  fill: rgba(0, 0, 0, 0.2);
}
.checkbox-icon {
  fill: #2863f3;
}
.checkbox-cell-ft:before {
  -webkit-box-shadow: 0 0 0 8px #2863f3 inset;
  box-shadow: 0 0 0 8px #2863f3 inset;
}
.cascade-cell:not(:first-child):after {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.ui-radio input:checked + label::before {
  border-color: #2863f3;
}
.ui-radio input + label::before {
  border-color: rgba(0, 0, 0, 0.3);
}
.ui-checkbox input:checked + label .check-box {
  background-color: #2863f3;
}
.ui-checkbox input + label .check-box {
  border-color: rgba(0, 0, 0, 0.3);
}
.matrix-table tr {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.checkbtn-cont:after,
.checkbtn-label:after {
  background-color: #2863f3;
  color: #ffffff;
}
.upload-trigger {
  border-color: rgba(0, 0, 0, 0.2);
}
.sort-box,
.sort-item {
  border-color: rgba(0, 0, 0, 0.2);
}
.sort-num {
  background-color: rgba(0, 0, 0, 0.05);
}
.sort-num-item.active .sort-item-num.active {
  background-color: #2863f3;
  color: #ffffff;
}
.sort-handle-line:before,
.sort-handle-line:after {
  background-color: rgba(0, 0, 0, 0.2);
}
.sort-item.gu-mirror {
  background-color: #2863f3;
  color: #ffffff;
}
.sort-item.gu-mirror .sort-handle-line:before,
.sort-item.gu-mirror .sort-handle-line:after {
  background-color: #ffffff;
}
.sort-row:not(:first-child):before {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.sort.sorted:not(.sorting) .sort-seq {
  background-color: #2863f3;
  color: #ffffff;
}
.cell:before {
  background-color: #2863f3;
}
.moving .sort-seq {
  color: #2863f3;
  background-color: #ffffff;
}
.survey-mobile .moving .sort-handle-line:nth-child(1):before,
.survey-mobile .moving .sort-handle-line:nth-child(3):before,
.survey-mobile .moving .sort-handle-line:nth-child(1):after,
.survey-mobile .moving .sort-handle-line:nth-child(3):after {
  background-color: #ffffff;
}
.survey-mobile .sort-handle-line:nth-child(1):before,
.survey-mobile .sort-handle-line:nth-child(3):before,
.survey-mobile .sort-handle-line:nth-child(1):after,
.survey-mobile .sort-handle-line:nth-child(3):after {
  background-color: rgba(0, 0, 0, 0.2);
}
.survey-mobile .sort-handle-line:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.2);
}
.sort-seq {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
}
.mod_fillblank.active {
  border-bottom-color: #2863f3;
}
.page-cover-pic .laptop .quote-l-bg {
  background-color: #2863f3;
}
.page-cover-pic .laptop .quote-l-drop {
  border-top-color: #2863f3;
  border-left-color: #2863f3;
}
.page-cover-pic .laptop .pen-b {
  background-color: #2863f3;
}
.page-cover-pic .laptop .quote-r-dot {
  background-color: #2863f3;
}
.page-endpic-paper:before {
  border-top-color: #f2f2f2;
  border-right-color: #f2f2f2;
}
.page-endpic-icon-circle {
  fill: #2863f3;
}
.page-endpic-icon-check {
  fill: #ffffff;
}
.page-cover-icon {
  border-color: #2863f3;
}
.page-cover-icon-arr {
  fill: #2863f3;
}
.page-cover-pic-pen .icon-pen-body {
  fill: #2863f3;
}
.page-cover-pic-quote-r-dot {
  background-color: #2863f3;
}
.page-cover-pic-quote-l-bg .icon-bubble {
  fill: #2863f3;
}
.top-tips {
  background-color: #ffffff;
  color: #000000;
}
.reward-tips-link {
  color: #2863f3;
}
.icon-survey-gift,
.page-cover .page-tip-gift .icon-survey-gift {
  fill: #000000;
}
.top-tips-wrap .icon-close,
.page-tip .icon-arrow-right,
.reward-back .icon-arrow-left {
  stroke: rgba(0, 0, 0, 0.2);
}
.page-tip {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000000;
}
.page-tip_warn {
  background-color: #da2319;
}
.page-reward .reward-title {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000000;
}
.page-reward .reward-content {
  color: #000000;
}
.page-btn-wrap .page-btn-second:hover {
  background-color: #f4f7fe;
}
.page-btn-second:before {
  background-color: rgba(0, 0, 0, 0.05);
}
.progress {
  background-color: #ffffff;
}
.checkbox-cell:hover {
  background-color: rgba(40, 99, 243, 0.1);
}
.ui-checkbox input + label .check-box .tick {
  stroke: #ffffff;
}
.question-select-list {
  background-color: #ffffff;
}
.question-select-list li:hover {
  background-color: rgba(40, 99, 243, 0.1);
  color: #2863f3;
}
.select-list-li.on {
  color: #2863f3;
}
.checkbtn-label:hover {
  background-color: rgba(40, 99, 243, 0.1);
  color: #2863f3;
}
.linkage-item:hover {
  background-color: rgba(40, 99, 243, 0.1);
  color: #2863f3;
}
.linkage-item:hover:before {
  border-left-color: #2863f3;
}
.clickBlock:hover {
  background-color: rgba(40, 99, 243, 0.1);
}
.sort-list .sort-item:hover {
  border-color: #2863f3;
}
.sort-tips {
  color: rgba(0, 0, 0, 0.3);
}
.inputs-input,
.inputs-textarea {
  background-color: #ffffff;
}
.upload-size {
  color: #000000;
}
.upload-trigger .btn_s,
.upload-lt .btn_s {
  color: #2863f3;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** 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/vote-overview/style.less ***!
    \******************************************************************************************************************************************************************************************************************************************************************************/
.survey-pc .vote-overview {
  margin-top: 20px;
}
.survey-mobile .vote-overview {
  padding: 20px;
  margin-bottom: 20px;
}
.vote-overview {
  background-color: #ffffff;
}
.vote-overview .vote-overview-data {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  height: 104px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.vote-overview .vote-overview-data .title {
  font-size: 14px;
}
.vote-overview .vote-overview-data .value {
  font-size: 36px;
  font-weight: 700;
}
.vote-overview .vote-count,
.vote-overview .vote-voters,
.vote-overview .vote-rate {
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.vote-overview .overview-item {
  position: relative;
}
.vote-overview .overview-item + .overview-item::before {
  content: "";
  position: absolute;
  left: -1px;
  height: 32px;
  width: 1px;
  background-color: #e7e7e7;
}
.vote-overview .vote-overview-interactive {
  display: block;
  border-radius: 6px;
  margin-top: 8px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.vote-overview .vote-overview-interactive .icon-vote-rank {
  font-size: 12px;
  margin-right: 8px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scenes/v3__survey/pc/less/survey.less ***!
    \******************************************************************************************************************************************************************************************************************************************************************/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color: #ffffff;
  color: #000;
  line-height: 1.6;
  font-size: 14px;
  font-family: "PingFang SC", tahoma, arial, "helvetica neue", "hiragino sans gb",
    "microsoft yahei", sans-serif;
  *font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow: auto;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: 0;
}
textarea {
  resize: none;
}
img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul {
  list-style: none;
}
body,
html {
  height: 100%;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.commercial-button.t-button {
  background-color: #282a32;
  color: #f5e0ac;
  border-color: #282a32;
}
.commercial-button.t-button:hover {
  background-color: #383838;
  border-color: #383838;
}
/* --------------------------------- 题型组件选项样式 ---------------------------------------- */
.survey-page {
  min-width: 1000px;
  min-height: 100%;
  background: #ebf3fd;
  position: relative;
}
.survey-page-header-fix {
  position: fixed;
  right: 16px;
  top: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 100;
}
.survey-page-header-fix .answer-pc-header {
  position: relative;
  margin-left: 20px;
  right: 0;
  top: 0;
}
.survey-container {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .survey-page {
    min-width: 800px;
  }
  .survey-container {
    width: 800px;
  }
}
.popup-content > * {
  height: 40px;
  padding: 10px 32px;
  border-bottom: 1px solid #e5e5e5;
}
.popup-content > *:last-child {
  border-bottom: 0;
}
.popup-content-userinfo .coral-tag {
  margin-left: 8px;
}
.popup-content-logout {
  cursor: pointer;
}
.survey-header {
  margin-top: 60px;
  text-align: center;
}
.page-cover-logo-image {
  border: none;
  max-width: 250px;
  max-height: 150px;
  margin-bottom: 30px;
}
.survey-header-pic {
  height: 150px;
}
.survey-header-title {
  text-align: center;
  margin-top: 40px;
  font-size: 30px;
  line-height: calc(100% + 8px);
  font-weight: normal;
  word-break: break-word;
}
.survey-header-subtitle {
  margin-top: 40px;
  font-size: 16px;
  word-break: break-word;
}
.survey-main {
  position: relative;
  padding: 34px 72px 84px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 6px;
}
.survey-main img {
  max-width: 100%;
}
.survey-main.page-cover button:disabled {
  pointer-events: none;
  background-color: #e2e2e2 !important;
}
.survey-main.page-cover .page-cover-user-content {
  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;
}
.survey-main.page-cover .page-cover-user-content .page-cover-title {
  margin-bottom: 20px;
  max-width: 100%;
  text-align: center;
  overflow: visible;
  word-break: break-word;
  white-space: pre-wrap;
}
.survey-container .progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 14px 16px;
}
.survey-container .progress.fixed {
  position: fixed;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  z-index: 15;
}
.survey-container .progress-bar {
  position: relative;
  height: 6px;
  background-color: #ebf3fd;
}
.survey-container .progress-done {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #018fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-tips-wrap {
  text-align: left;
  position: fixed;
  top: 0;
  z-index: 10;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 1000px;
}
@media (max-width: 1000px) {
  .top-tips-wrap {
    width: 800px;
  }
}
.top-tips-wrap .t-alert {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.top-tips-wrap.hide {
  opacity: 0;
  visibility: hidden;
}
.top-tips-wrap .icon-close {
  position: absolute;
  right: 26px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  stroke: #bcbcbc;
  stroke-width: 2px;
  cursor: pointer;
}
.icon-tips {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: -6px;
  margin-right: 16px;
  fill: #f56565;
  background: #fff;
  border-radius: 50%;
}
.icon-survey-gift {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -6px;
  margin-right: 16px;
  fill: #323232;
}
.page-control {
  height: 120px;
}
.page-control .btn[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.page-control-btn-group {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.page-control-btn-group .btn {
  display: inline;
}
.page-control-btn-group .btn:nth-child(2) {
  margin-left: 50px;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}
.animated .page-end-title {
  -webkit-animation: a-c-opacity 0.3s 0.3s linear both;
  animation: a-c-opacity 0.3s 0.3s linear both;
}
.animated .page-btn-wrap {
  -webkit-animation: a-c-opacity 0.3s 0.3s linear both;
  animation: a-c-opacity 0.3s 0.3s linear both;
}
.animated .page-btn-pc {
  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;
  margin-top: 30px;
}
.animated .page-btn-pc .page-btn {
  margin-top: 20px;
  margin-left: 0 !important;
}
.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: inherit;
}
.page-btn {
  display: inline-block;
  position: relative;
  line-height: 48px;
  width: 224px;
  height: 48px;
  background: #008fff;
  font-size: 18px;
  color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14),
    0 6px 16px 0 rgba(137, 137, 137, 0.24);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 6px 16px 0 rgba(137, 137, 137, 0.24);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
}
.page-btn_wt {
  background-color: #ffffff;
}
.page-btn-wrap {
  margin-top: 60px;
  text-align: center;
  position: relative;
}
.page-btn-wrap .page-btn:nth-child(2) {
  -webkit-box-shadow: 0 6px 16px 0 rgba(137, 137, 137, 0.24);
  box-shadow: 0 6px 16px 0 rgba(137, 137, 137, 0.24);
  margin-left: 24px;
}
.page-btn:hover:before {
  opacity: 1;
  visibility: visible;
}
.page-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.14);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-btn:nth-child(n + 1) {
  margin-left: 10px;
}
.page-end,
.page-error {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #f1f1f1;
}
.page-end-content,
.page-error-content,
.page-end-cont,
.page-error-cont {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: auto;
  padding: 100px 20px 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  max-height: 100%;
}
.page-end-content p,
.page-error-content p,
.page-end-cont p,
.page-error-cont p {
  white-space: pre-wrap;
}
.page-end-content .extra_operate,
.page-error-content .extra_operate,
.page-end-cont .extra_operate,
.page-error-cont .extra_operate {
  margin-top: 15px;
}
.page-end-info,
.page-error-info {
  font-size: 0.8rem;
  color: #999;
}
.page-end {
  z-index: 300;
}
.page-end-title {
  text-align: center;
  font-weight: normal;
  font-size: 22px;
  max-width: 640px;
  margin: 80px auto 0;
}
.page-error {
  z-index: 400;
}
.page-enter-exam {
  position: fixed;
  z-index: 350;
  overflow: hidden;
}
.page-enter-exam:after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  left: -300px;
  bottom: -300px;
  background: radial-gradient(50% 50% at 50% 50%, #126bff 0, rgba(18, 107, 255, 0) 100%);
  opacity: 0.1;
}
.page-enter-exam:before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  right: -300px;
  top: -300px;
  background: radial-gradient(50% 50% at 50% 50%, #126bff 0, rgba(253, 216, 53, 0) 100%);
  opacity: 0.1;
}
.page-enter-exam .enter-exam {
  position: absolute;
  width: 464px;
  left: 50%;
  top: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 64px 32px;
}
.page-enter-exam .enter-exam-title {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #333333;
}
.page-enter-exam .enter-exam-countdown {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  margin-top: 40px;
}
.page-enter-exam .enter-exam .t-button {
  margin-top: 62px;
}
/* 抽奖 */
.page-reward {
  width: 100%;
  background: white;
}
.page-reward .reward-fail {
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 140px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-reward .reward-win {
  background: white;
}
.page-reward .reward-win form {
  margin: 20px 0;
}
.page-reward .reward-win form .btn-submit {
  display: none;
}
.page-reward .reward-win .row {
  max-width: 600px;
  margin: 0 70px;
}
.page-reward.cascade-pop-page {
  z-index: 300;
}
.page-reward .reward-back {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-reward .reward-title {
  position: relative;
  padding: 10px 0;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
.page-reward .reward-content {
  padding: 10px;
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  overflow-y: scroll;
}
.page-reward .gift-list {
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-reward .title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  width: 85px;
  color: inherit;
}
.page-reward .content {
  overflow: hidden;
}
.page-reward .content li {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
  color: inherit;
}
.page-reward .name,
.page-reward .value {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-reward .name {
  float: left;
  width: 60%;
}
.page-reward .value {
  float: right;
  text-align: right;
  width: 40%;
}
.page-reward .icon-arrow-left,
.page-reward .icon-arrow-right {
  fill: #666666;
  width: 7px;
  height: 11.5px;
}
/* 奖品库 */
.setting-tencent-gift .tips {
  color: #9fb2c0;
  vertical-align: middle;
  margin-left: 5px;
}
.setting-tencent-gift .gift-list::after {
  content: "";
  display: block;
  clear: both;
}
.setting-tencent-gift .gift-item {
  float: left;
}
.setting-tencent-gift .gift-item:nth-of-type(even) {
  margin-left: 25px;
}
.setting-tencent-gift .gift-item-package .gift-value {
  font-size: 26px;
  width: 80px;
  top: 25px;
}
.setting-tencent-gift .gift-item-package .gift-value::before {
  content: none;
}
.setting-tencent-gift .gift-content {
  padding: 18px 0 38px 0;
  width: 240px;
  border-radius: 5px;
  margin-bottom: 25px;
  font-size: 14px;
  color: #fff;
  position: relative;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(100, 100, 100, 0.25);
  box-shadow: 0px 10px 20px 0px rgba(100, 100, 100, 0.25);
  overflow: hidden;
}
.setting-tencent-gift .gift-description {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAAAeCAYAAAClr/4rAAACHElEQVR4nO3a2U4bQRBA0ZqxlX3//2+EeGOJ7O484AcS2e4uMDAh50i8MO3bSBiVrGKotQYA0Gc89qDUuI2IEhH1r6+yf5ZSatyc6N3oTae3q3Gd7e1fc87e1Yne1QN6mxO9zWvr3euuj3ZLrNO9EqsTvdWZe8sH9JZn7i0O9WpE2d49S9mWWNRp9y5P9C4n0Ls40bt4rt5w6BNnqXE7DvHm1IWlxq9xiLc9P1ypcdM6u7/znd40ersaN7Mh3vf0djWuZ427k72r1tn9nR86e5vW2f2dH19D795r1q3X7EpsZmN86uqVWLXO7kqsZ2N8PmNvNRvjS2dv2bo72Vu0zm5LLOdjfO3pbUss5tPuXc7H+NY483M+xvcX6l20zu7v/PHUvYODM+4m8NC4t8aJT6x6enov1nuqrt4jejWiDI1ejaiD3uR7xwbnwW8e0HpT6enpPX/vqbp6enoRMT+0rxw7r+3dren9m73e3eQs12u+WRO9nl1nTfS6dokT6HX9wXd3j+86/7hn1vk5rXfXmeh17SaTvfb7sLPXu0ucT6NXztDr2k0me83fR6LXtet8TG+o/q0WALpldyYA8F8zOAEgweAEgASDEwASDE4ASDA4ASDB4ASABIMTABIMTgBIMDgBIMHgBIAEgxMAEgxOAEgwOAEgweAEgASDEwASDE4ASDA4ASDB4ASABIMTABIMTgBIMDgBIMHgBICE3xmPVmawDVSbAAAAAElFTkSuQmCC)
    repeat-x;
  background-size: 231px 15px;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.setting-tencent-gift .gift-icon {
  border-radius: 5px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  left: 18px;
  top: 18px;
}
.setting-tencent-gift .gift-icon img {
  width: 100%;
  height: 100%;
}
.setting-tencent-gift .gift-value {
  font-size: 36px;
  position: absolute;
  right: 18px;
  text-align: right;
  top: 20px;
  line-height: 1em;
  height: 40px;
  width: 70px;
  vertical-align: bottom;
}
.setting-tencent-gift .gift-value:before {
  content: "￥";
  font-size: 14px;
  color: #fff;
}
.setting-tencent-gift .gift-title {
  margin-left: 64px;
  margin-right: 74px;
}
.setting-tencent-gift .gift-title .text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  line-height: 1.5;
}
.setting-publisher-gift table {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  max-height: 280px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.setting-publisher-gift table thead th:first-child {
  text-align: left;
}
.setting-publisher-gift table thead th {
  color: #9a9a9a;
  text-align: right;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.setting-publisher-gift table tbody td:first-child {
  text-align: left;
}
.setting-publisher-gift table tbody td {
  text-align: right;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.qrcode-modal {
  z-index: 300;
}
.skin {
  height: 100%;
}
.skin-pc-top-right-img,
.skin-pc-top-left-img,
.skin-pc-bottom-right-img,
.skin-pc-bottom-left-img {
  width: 480px;
  height: 680px;
  position: absolute;
  background-size: contain;
  z-index: 0;
}
.skin-pc-top-left-img {
  top: 0;
  left: 0;
}
.skin-pc-top-right-img {
  top: 0;
  right: 0;
}
.skin-pc-bottom-right-img {
  bottom: 0;
  right: 0;
}
.skin-pc-bottom-left-img {
  bottom: 0;
  left: 0;
}
.type-description {
  margin-top: 45px;
}
.question {
  margin-top: 45px;
}
@-webkit-keyframes a-c-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes a-c-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.answer-restore-dialog .ui-button-primary {
  margin-left: 10px;
}
.prefill-questions {
  padding: 25px 0 0 0;
}
.prefill-questions-header {
  font-size: 18px;
  margin-bottom: 15px;
}
.prefill-questions-header .question-tag {
  border: none;
  line-height: 22px;
  margin-left: 10px;
}
.prefill-questions-item {
  margin-top: 8px;
}
.prefill-questions-item .title {
  margin-right: 5px;
}
.skin-logo {
  width: 100%;
  position: relative;
  margin-top: 24px;
  margin-bottom: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.skin-logo.left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.skin-logo.center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.skin-logo.right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.skin-logo-image {
  position: relative;
  max-width: 160px !important;
  max-height: 80px;
}
.question-title .pe-image img,
.question-desc .pe-image img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.exam-countdown {
  z-index: 20;
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(255, 255, 255, 0.85);
  color: var(--td-text-color-primary);
  border-radius: 64px;
  padding: 4px 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 40px;
  min-width: 180px;
}
.exam-countdown.v2 {
  padding-right: 12px;
  left: 0;
  top: 50px;
}
.exam-countdown-circle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.exam-countdown-text {
  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;
  color: #333333;
}
.exam-countdown-text-time {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.exam-countdown-text-warn {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.exam-countdown-text.red {
  color: #ef382d;
}
html {
  overflow: unset;
}
.coral-time-picker .t-input__inner {
  overflow: initial;
  text-overflow: initial;
}
.survey-respondent-user-info-container {
  margin-bottom: 24px;
}

/*# sourceMappingURL=78678.683b2611.css.map*/