.qy-button { display: inline-block; box-sizing: border-box; padding: 0 24px; min-width: 36px; height: 32px; outline: 0; border: 1px solid #e5e5e5; border-radius: 4px; color: #6F7174; text-align: center; text-decoration: none; white-space: nowrap; font-size: 14px; line-height: 30px; cursor: pointer; background-color: #fff; } .qy-button:hover, .qy-button:active { background-color: #f6f6f6; } .qy-button[disabled] { background-color: #fff; color: #ccc; cursor: not-allowed; } .qy-button[disabled]:hover, .qy-button[disabled]:active { background-color: #fff; box-shadow: none; } .qy-button.qy-button_primary, .qy-button.qy-button_success, .qy-button.qy-button_danger { border-color: transparent; color: #fff; } .qy-button.qy-button_primary:disabled, .qy-button.qy-button_success:disabled, .qy-button.qy-button_danger:disabled { background-color: #d9d9d9; color: #fff; } .qy-button.qy-button_primary:disabled:hover, .qy-button.qy-button_success:disabled:hover, .qy-button.qy-button_danger:disabled:hover { background-color: #d9d9d9; } .qy-button.qy-button_primary { background-color: #108cee; } .qy-button.qy-button_primary:hover, .qy-button.qy-button_primary:active { background-color: #047bd8; } .qy-button.qy-button_primary.qy-button_ghost { border: 1px solid #108cee; background: transparent; color: #108cee; } .qy-button.qy-button_primary.qy-button_ghost:hover { border: 1px solid #047bd8; } .qy-button.qy-button_success { background-color: #55c25f; } .qy-button.qy-button_success:hover, .qy-button.qy-button_success:active { background-color: #4cad56; } .qy-button.qy-button_success.qy-button_ghost { border: 1px solid #55c25f; background: transparent; color: #55c25f; } .qy-button.qy-button_success.qy-button_ghost:hover { border: 1px solid #4cad56; } .qy-button.qy-button_danger { background-color: #55c25f; } .qy-button.qy-button_danger:hover, .qy-button.qy-button_danger:active { background-color: #4cad56; } .qy-button.qy-button_danger.qy-button_ghost { border: 1px solid #55c25f; background: transparent; color: #55c25f; } .qy-button.qy-button_danger.qy-button_ghost:hover { border: 1px solid #4cad56; } .qy-button.qy-button_link { display: inline-block; padding: 0; min-width: 0; border-color: transparent; background: none; color: #108cee; } .qy-button.qy-button_link:hover { text-decoration: underline; } .qy-button.qy-button_link:disabled { color: #ccc; } .qy-button.qy-button_link:disabled:hover { text-decoration: none; } .qy-button.qy-button_large { height: 46px; font-size: 16px; line-height: 46px; } .qy-button.qy-button_blocked { display: block; width: 100%; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } ul, li { margin: 0; } li { list-style-image: none; list-style-position: outside; list-style-type: none; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .TransferCreatorstyle_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .TransferCreatorstyle_new-fc-one-modal-body { overflow: unset; } .TransferCreatorstyle_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .TransferCreatorstyle_SendMessageInfoindex_send-info { width: 690px; } .TransferCreatorstyle_modal-title--main { font-size: 16px; line-height: 16px; } .TransferCreatorstyle_transfer-creator-modal, .TransferCreatorstyle_modal-auth { margin-bottom: 20px; } .TransferCreatorstyle_transfer-creator-modal { margin-top: 20px; } /* 创建人身份验证 */ .TransferCreatorstyle_modal-auth .TransferCreatorstyle_modal-title--sub { margin-top: 15px; color: #333; font-size: 14px; line-height: 14px; } .TransferCreatorstyle_modal-auth .TransferCreatorstyle_modal-select-box { width: 100%; margin-top: 9px; } .TransferCreatorstyle_modal-auth .TransferCreatorstyle_modal-captcha-box { display: flex; margin-top: 16px; } .TransferCreatorstyle_modal-auth .TransferCreatorstyle_captcha-input { margin-right: 8px; width: 206px; } .TransferCreatorstyle_modal-auth .TransferCreatorstyle_auth-number { margin-left: 8px; } .TransferCreatorstyle_modal-auth input.new-fc-one-input-small { width: 200px; } /* 选择转让创建人 */ .TransferCreatorstyle_transfer-creator-select-user .TransferCreatorstyle_employee-info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .TransferCreatorstyle_transfer-creator-select-user .TransferCreatorstyle_error-tips { color: #ff2f41; font-size: 12px; margin-left: 2px; margin-top: 4px; } /* 转让创建人详细信息 */ .TransferCreatorstyle_modal-user-detail { margin: 0 auto; font-size: 14px; } .TransferCreatorstyle_modal-user-detail .TransferCreatorstyle_modal-user-title { margin-bottom: 16px; color: #333; font-size: 20px; } .TransferCreatorstyle_modal-user-detail .TransferCreatorstyle_modal-user-title .TransferCreatorstyle_avatar { margin-right: 16px; margin-left: 28px; width: 40px; height: 40px; border-radius: 50%; vertical-align: middle; } .TransferCreatorstyle_modal-user-detail .TransferCreatorstyle_modal-user-info { color: #666; line-height: 1.8; } .TransferCreatorstyle_modal-user-detail .TransferCreatorstyle_modal-user-info p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; } .TransferCreatorstyle_modal-user-detail .TransferCreatorstyle_modal-user-info .TransferCreatorstyle_info-label { display: inline-block; width: 72px; text-align: right; margin-right: 12px; color: #666; } .TransferCreatorstyle_modal-user-detail .TransferCreatorstyle_modal-user-detail-footer { border-top: 1px solid #e0e0e0; padding-top: 16px; margin-top: 16px; } .TransferCreatorstyle_error-tips { color: #ff2f41; margin: 0; } .TransferCreatorstyle_modal-user-detail-footer .TransferCreatorstyle_footer-text { margin: 0 auto 16px auto; color: #666; font-size: 14px; } .InviteConfigindex_caj-container .InviteConfigindex_tips { background-color: #F9FBFD; line-height: 36px; text-align: center; font-size: 14px; color: #378EEF; margin-bottom: 25px; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_icon { display: inline-block; background-size: cover; } .InviteConfigindex_caj-container .InviteConfigindex_typeList:nth-child(0) { margin-bottom: 20px; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item { background: #FFFFFF; border: 1px solid #eff4f8; border-radius: 4px; width: 600px; height: 138px; margin: 0 auto; display: flex; margin-bottom: 20px; cursor: pointer; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_left { width: 100%; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_left .InviteConfigindex_label { padding-top: 33px; padding-left: 24px; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_left .InviteConfigindex_label div { margin-top: 15px; font-size: 14px; color: #97A0B5; line-height: 1.5; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_left .InviteConfigindex_label span { vertical-align: top; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_left .InviteConfigindex_icon { width: 30px; height: 18px; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_left span { font-size: 14px; color: #3D424C; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_right { display: flex; justify-content: center; align-items: center; background: #EFF4F8; width: 85px; height: 100%; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_type-item .InviteConfigindex_right .InviteConfigindex_icon { width: 32px; height: 26px; line-height: 100%; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_selected { border: 1px solid #378EEF; } .InviteConfigindex_caj-container .InviteConfigindex_typeList .InviteConfigindex_selected .InviteConfigindex_right { background: #378EEF; } .InviteConfigindex_caj-container .InviteConfigindex_icon-group { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAAAXNSR0IArs4c6QAAAppJREFUSA3FVE1IVFEUPue9Zyk1UQYtDEOIoEVtyoQgaROEg2LQqho1EH+CAoMogkhalLZp0aKZzIU/DdHY2tEWTiJFFEFFLWpTbQ1DyCas9+7pe5NzeT8zzMzKu3jvnO98537nHs69ROu0uBLdkYfpQ44tV5jlgBBtRfJbYkr1dUTvM8BK9ipbOD4xfZlFbomQGRJgnjdqd0T72hqzoVgRwCiC++AHkzPNpGSooKjLFDkqPxaHfUklnLKEHaWuYZ9S3POjqZnaEno6XGqz/0ShRp1RxBARtledg0XCIbikcCaTsYRpSyizEKC47BOHhisxno4RqTaM6KrJRrK3s2U2MTb9Xkj2F9LyYiaZ+6oN/p4Ve5CImzAT30yLb/fGWl57ea7tE06MT99Fyy54SSZzt8OYZCUjXryAvRCxuHXFpncoskHHmW3LpOaeWPSlxmDoVscfpRuCoi5RkQz2d7SMMu6rN9FnMy9ahtW14lCXT9QliVi4++5w+pYWZod2+yJrjhDXTU2RUVuz7SygN2EOrzLxiZ7O418Q2xmOQ5u5Lohr4apI5BWhLUEC/ORSdvbkUnb5E+wCUysbcap5PDD3yDCeoTNOcA8UlgliWri7/chPPHv9IChNYpoE4TOR8xh112s8YKC9VZiBc6TUdXRowBuG6PPNptzwYq6thScmZjeh8r0g/nEDKOIjPgtK5Kbrl7MwI4dRYDsZHNd8lvpfSlq1v2bkhFOpFzW4AnNIvITqq90YAndIaCiYUNIXOuZ2Cdcl927jSu1SipLxsfRFb25OeOn38lUQmvIBnPpr7tEQ2Z7HKvnjAKdw6ifeHGY1nEg+3ZPHcsKo7nQecP8QnRNFUS9WiY1DNLLwB28OsA1i/z3jxdbF/gdubuuROiCeEAAAAABJRU5ErkJggg==); } .InviteConfigindex_caj-container .InviteConfigindex_icon-selected { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAYAAADWm14/AAAAAXNSR0IArs4c6QAAAWhJREFUSA3tlSFIA3EUh0+ZyEAGYpGVgUnQYrApLBoWLUuCZcm6ZNVitlgtGg1Gg02wCSZFBMEgBhHGFKfn95Nb8ebu/+7grfiDL+zuvfe92/7joug/I/oG4jguj0gdRci34Baq7ksg3QblCzZcF0C4JzPpwaabHNk4HIDyDuue8gmERzKTDqx5yssIT2UmL7DiKa8gPJeZPMGSp3wG4aXM5AHmPeVVhNcykxuoecrnEN7JTK5gNkhO4Socw2RQw4AiehfgEZQLmB5Qlr5Eof4m/a11Ys1L0LMMz6CcwVTaNOQKDYugk6qYlqC+Dq9qJCdgfoCf1Wg0L0FPA7qgHEJpyHNm32JA8BLUNuEDlH0YyzYEVDAocwlqWvAJym7AWFsJQ/9cgnttWZO0bZMN1QhSS3BtJxHr6VuGcflKfy1xn8j1uzfzTczRlSzRP+lvfG7kGFOsBalOeQfqxSYV6Ebu91IpsKe59Rv2Yu5KMUJ3MQAAAABJRU5ErkJggg==); } .InviteConfigindex_caj-container .InviteConfigindex_icon-user { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAAAXNSR0IArs4c6QAAAYVJREFUSA1jYBggwEiqvTOXbNX9/4exiYGRwRys9z/DSUaW/3XpMd6XSTGLJIunL9weyMjwb8X//wxsyJYwMjL8+s/AFJEZ77keWRwfm2iLZy7bL/Lv9/cbDP//C2M1kJHxLRMrp0Z6lOMbrPJogkxofNzcP9/ccFoK0gVyEEgNkYBoi4FBqUPITGLUwMwg3uJ/DK9hmnDR/4lQA9NLtMWsrGzrGBkYf8M0otMgOZAadHFcfKItTol2fgjMQrFAg/5hMewfSA6sBoskNiGiLQZpZmNjPgbMBpfQDQKJgeTQxfHxicpO+/fvZ7n56Efn////s4HJlx27gYw/GRkZp6rLcZQ7Ojr+wa4GIUrQYoil35YCC40whDbcLGBhskpdjiuakOUEgxriU+IsBTkH5ECQHtxOg8jg9fG85Ttlf/78ext38OIynvEnOzuzalKk+2NcKvD6+PfvP4WkWwqy6j87RC8uaxkY8FoMDDZj3FrxyxDSi9dioNFa+I3HK0uJXrwGUyQJAMHTeMPc6iqGAAAAAElFTkSuQmCC); } .InviteConfigindex_caj-container .InviteConfigindex_warning { font-size: 13px; color: #97A0B5; letter-spacing: 0.6px; line-height: 13px; text-align: center; margin-top: 37px; } .InviteConfigindex_caj-container .InviteConfigindex_caj-btn-container { margin-top: 16px; display: flex; justify-content: center; } .InviteConfigindex_caj-container .InviteConfigindex_caj-btn-container button { margin: 0 6px; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } ul, li { margin: 0; } li { list-style-image: none; list-style-position: outside; list-style-type: none; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .page-content { padding: 0 16px; height: 100%; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .page-section { padding: 16px 0; background-color: #fff; position: relative; margin: 0; } .page-section .page-section-title { margin: 0 0 20px; padding-left: 6px; font-size: 14px; border-left: 3px solid #2c8fff; height: 14px; line-height: 14px; color: #333; } .hint { color: #999; margin-bottom: 20px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } .formsection-title { display: flex; justify-content: space-between; } .formsection-title .formsection-buttons { flex-shrink: 0; } .formsection-title .formsection-buttons .formsection-btn { font-size: 14px; line-height: 1.5; font-weight: 400; color: #2c8fff; letter-spacing: 0; cursor: pointer; margin-left: 16px; } .formsection-title .formsection-buttons .formsection-btn.formsection-btn-disbale { color: #CFE2FF; cursor: default; } .app-unset { display: none; } .AppInfoEditindex_wrap .AppInfoEditindex_title { display: flex; justify-content: space-between; } .AppInfoEditindex_wrap img.AppInfoEditindex_qrcode { width: 100px; height: 100px; margin-bottom: 16px; } .AppInfoEditindex_appform-hint { color: #999999; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } .formitem-title { font-size: 14px; line-height: 1.5; font-weight: 500; width: 170px; color: #666; letter-spacing: 0; text-align: right; flex-grow: 0; flex-shrink: 0; font-weight: 400; } .formitem-input-display { overflow: hidden; word-break: break-all; max-width: 600px; } .form-item-input { position: relative; } .form-item-input .new-fc-one-input-error-right { margin-left: 0; } .form-item-input.form-item-input-with-hint .new-fc-one-input-detail { margin-right: 24px; } .form-item-input .new-fc-one-input-detail { display: block; width: 100%; } .form-item-input.form-item-input-with-suffix { display: flex; } .form-item-input.form-item-input-with-suffix .new-fc-one-input-all-container { width: 384px; margin-right: 8px; } .form-item-input.form-item-input-with-suffix .new-fc-one-input-detail .new-fc-one-input-small { width: 384px; } .formitem-custom-checkbox .formitem-custom-checkbox-item { margin-bottom: 8px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } .formitem-imgupload-upload { display: flex; align-items: flex-start; } .formitem-imgupload-upload .formitem-imgupload-helper { line-height: 1.5; font-weight: 400; margin-left: 20px; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; } .formitem-imgupload-upload .formitem-imgupload-wrapper { position: relative; width: 60px; height: 60px; } .formitem-imgupload-upload .formitem-imgupload-input { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 60px; height: 60px; cursor: pointer; font-size: 16px; z-index: 10; } .formitem-imgupload-upload .formitem-imgupload-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 1; border-radius: 60px; } .formitem-imgupload-upload .formitem-imgupload-center-wrapper { position: absolute; left: 50%; top: 21px; transform: translate(-50%, 0); display: flex; flex-direction: column; z-index: 2; justify-content: center; align-items: center; } .formitem-imgupload-upload .formitem-imgupload-center-wrapper .formitem-imgupload-add { width: 20px; height: 16px; margin-bottom: 4px; } .formitem-imgupload-upload .formitem-imgupload-center-wrapper .formitem-imgupload-hint { font-size: 12px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 18px; white-space: nowrap; } img.formitem-imgupload-img { width: 60px; height: 60px; display: block; border-radius: 60px; } img.formitem-imgupload-img.with-border { border: 1px solid rgba(0, 0, 0, 0.2); } .formitem-imgupload-img-wrapper { position: relative; width: 60px; height: 60px; } .enlage-img-prompt-text-mask { position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: rgba(101, 101, 101, 0.6); opacity: 0; cursor: pointer; } .formitem-imgupload-img-wrapper:hover .enlage-img-prompt-text-mask { opacity: 1; } .hint { color: #999; } .enlage-img-prompt-text { color: #4e9ae1; visibility: hidden; cursor: pointer; } .enlage-img-prompt-text:hover { color: #999; } .enlarge-img-mask { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; } .enlarge-img-mask .img-wrapper { position: absolute; display: flex; justify-content: center; align-items: center; padding: 10px; max-width: 820px; max-height: 520px; } .enlarge-img-mask .img-wrapper img { max-width: 800px; max-height: 500px; } .enlarge-img-mask .img-wrapper .close-enlarge { position: absolute; top: -50px; right: -50px; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABMElEQVRYw83ZbWrDMAyAYbErNKMX2Oh2oCUtO393h47Aux91IAt14w9Zsn7KwjxgC4MsIiLAEbgAn9JJAB/BdFwSB+CHe/wCYwfIMVgItoMAX/yP2RMbkPPGNArwBtx6wEaQN+B9KTg/KDDFRpAzMG0L3bDJSE9sNtIDW4y0xFYjLbBqyJZYdWQLbDOkJrY5UgNrhqzBmiNLsG7IHKw7MgXbDTIB2w9yB9sXcoWdIlg15IuWtXDNLiKNk/0oeCBjzeSDjdzLOeSnLrDPkAk1NtgUpDs2B+mGLUGaY2uQZlgNZHOsJrIZtgVSHftko3MtUg1rgazGWiKLsR7IbKwnMhlLfDRuhtzB3kfjPP5sMEfuYEcBBuC60rshN9jllK/AsCwMwDdw8kausKdgehUR+QN/8sykW52BfwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; cursor: pointer; } .switch-font { font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } .formitem-zipupload-upload { display: flex; align-items: center; } .formitem-zipupload-upload .formitem-zipupload-url { margin-left: 8px; color: #999; } .formitem-zipupload-upload .formitem-zipupload-wrapper { cursor: pointer; position: relative; } .formitem-zipupload-upload .formitem-zipupload-wrapper .upload-file-btn { font-size: 14px; border-radius: 3px; } .formitem-zipupload-upload .formitem-zipupload-wrapper .formitem-zipupload-input { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 54px; height: 28px; font-size: 0px; cursor: pointer; } .formitem-zipupload-upload .formitem-zipupload-wrapper .formitem-zipupload-input.formitem-zipupload-hide { top: -200000px; left: -200000px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .formitem-members-display { overflow: hidden; word-break: break-all; max-width: 600px; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; } .formitem-members-display.send-to-members-display { padding-bottom: 8px; } .formitem-members-display .formitem-members-info { display: flex; flex-direction: column; } .formitem-members-display .formitem-members-info:not(:last-child) { margin-bottom: 30px; } .formitem-members-display .formitem-members-info .formitem-members-title { font-size: 12px; color: #666; letter-spacing: 0; line-height: 18px; font-weight: 400; margin-bottom: 4px; } .formitem-members-display .formitem-members-info .formitem-members-content { font-size: 14px; line-height: 1.5; font-weight: 400; flex-wrap: wrap; display: flex; } .formitem-members-display .formitem-members-info .formitem-members-content .formitem-members-datas { display: flex; margin: 4px 0; align-items: center; } .formitem-members-display .formitem-members-info .formitem-members-content .formitem-members-data { padding: 0 10px 0 5px; white-space: nowrap; } .formitem-members-display .formitem-members-info .formitem-members-content .comps-member-tag.comps-tag { min-height: 24px; } .formitem-members-wrapper { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .formitem-members-wrapper.send-to-members-wrapper { display: inline; } .formitem-members-wrapper.send-to-members-wrapper .formitem-members-display { width: 1120px; max-width: 1120px; box-sizing: border-box; } .formitem-members-wrapper.send-to-members-wrapper .formitem-members-display .formitem-members-info { padding-bottom: 10px; } .formitem-members-wrapper.send-to-members-wrapper .formitem-members-display .comps-ellipsis-unpack { bottom: -10px; } .formitem-members-wrapper.send-to-members-wrapper .send-message-btn { display: inline-block; } .formitem-members-wrapper .formitem-members-button { margin: 0 0 12px; padding: 0 12px; height: 28px; } .formitem-members-wrapper.send-message-wrapper .formitem-members-button { margin: 0; } .formitem-members-wrapper .visible-scope-tip { color: #999; margin-left: 16px; } .comps-tag, .comps-groupTag { border: 1px solid #E0E0E0; border-radius: 2px; display: flex; box-sizing: border-box; align-items: center; padding: 0 8px; margin-right: 12px; margin-bottom: 8px; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; } .comps-group-tag { cursor: pointer; } .comps-group-tag:hover { background: #F5F5F5; } .comps-group-tag:active { background: #EEE; } .comps-hover-tag:hover { background: #F5F5F5; } .comps-member-tag .icon-svg { line-height: 22px; margin-right: 5px; fill: #A6CBFF; } svg.icon-svg { width: 1em; height: 1em; /* 图标和文字相邻时，垂直对齐 */ vertical-align: -0.15em; /* 通过设置 color 来改变 SVG 的颜色/fill */ fill: currentColor; /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 normalize.css 中也包含这行 */ overflow: hidden; } .icon-sprite { height: 20px; width: 20px; display: inline-block; position: relative; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4w8IHzAAAgP0lEQVR42uxdB5gV1fU/b/suW9iFpUrvJVLU2DCKqBgVxViwJmpiBOwVk6iIGhMrxgKWqCliNJFoNHZFY+UvIioqqKD0FVi2sLDsLlv+57w5w86bfTPvTnlv3ts9v+873yszc+fOnfu755x7z7031NLSAoL44NnnPvMlnROnjrE+2FjhLfGMEnlRdsUjRSCww2sfLPMtraMOGicE8bPljNl6CpIFxaTLUGpEg6S4yZJkhNPt21A8Eq9+5+L++DEDZT3K/KKf3NfkY/LHofwS5QiUfP6vEuVVlAdR/icEcY4RKHeiHMktzvMol6OUdQACZqHchXKxzeUFKHNQrkVp8EgOvF/o+5wBx0NzfSU0bHqHyv5CH4qJnJYnUSZbaJLTWOicX6PsbBcESUDrPADlfS5EQibKNJTxKPui1KPkGc6vMrSwZpBhPNZh9t5Gmejh8ail/Bt/PxrlcwfXEjn+yw2DHUHSuMEYhTLFI0luz+59KGT3OSJcjC31FTORNJWoRa7zkGYpynsoQxXOPQNlED9zyppeaQm81y0GchgxBOUiFDIHVqGsZimwScuOHCELceoh0jW/Qfk5yoEo5xuOXcLpUYs8UyGtu7iibIxxHjUSm8ifRbnVg/a4Kr2g76U5A6fueZTcYWdDWnbx7/DYmR7e4V8UyaFjf5R7bY73QfkdSpcox3qgEJm7JxtBlnHL7UTeUrjX8TbHjkH5mguqhGV7wI3H77i1/yPKQpRDTPl9kc+5zkQeM0axH1DP19mhzqA5LnNYGXVyTAxl5N6RN+Jc5EV6K9sz8iBvxDn4Je0JPKevi/KYZMz/vqMGw4iBfSAUanWf0tPTYPyIQeH/DfgFipVpcT43nG+YSNKLNf7NKGclG0HGukinV4zjnQyOXDR05c/OrGWK4+W4OsDzBhOPKuyj/LLPQ/kHSpOhUr9ukw6dn86Oq4pZ9gnKI3yNm8oxI3fI6ZCWw0X60QxNKMHCgZDTn3xrmOUi3fPMvQt9enSFUYP6hkmik6NrcSGYxtboPZ5tkeb9KCu5zr3B9YDq0iKUYdxYP5psBFmA8oTi9bVcab6KcR45auU2x9fy56eKJlYiUMovt5Er6vVMhFdQrkSZzudlxyD/kfz5dwf31sv/KIfa4+6sXoeckllqsCabdmmiZxZ9koySkeSP3OiwPA4z/vh05XdQuX0H9OpWAqMG9w2To7gwHzZtqYCv12yMpn2iYQv7hTpJXjeR4wj2RZOKICdwJTiXCWCFb1EmoOyn6PwutDm2gD/7J4GJlcOt/e38+wV2TM14kf8PcYt/l0V6ujnzpYM8fGGw0VXJcWl6/l6X5w48MaZrlTfsLEjLKpqN15yqmHwm+wStvGtqhk9WrNZIUlqyhxxfrl4HUaIz+tmk/YOJJEZyVATcSEYlSD63YORgHWx4WUb8C4U8wHnsYKvgBosHXmwgSHESmFhZ7C/15N9fx2gk9ApwrMU5zQarRBXNhryokOPgUHr2PWG/Iy0zdu9DZgHkDv8F+SNPVy86s4fCLZoMJqUb7FSohyGTWZYGSQC7TEznlvE0/iTsRrmCf5MTdYCDe21hJ8/YdbmeidbEmmu1AxPLqrfKqiNBFQ3sf+hjM8Nszh1iMBFfsjhnHX8Ot3mGaI49cDko+h2nQVput7ZHstGsz27bSZTReQjk9D1a74xQIew64x+6zxHWHFsrWs0t9klMWBPDfzWaVUZzq2syEyTcWcFmBL186tc+nB3ul9lGd4qVJoKUG3yT/xjMqyBNrDpuHK7h31PYlDTjWP6/hXtjrrBIT3fgz3CQh9P58xUF7XFnVo8Dz8zstm/0E8bfiRLd+svuOxmJMvQi1CI3KOTp5YienOEDW82qVetazS0kybD+vW2vNaCHgRyfsFll9klKkpkges/Sv9nXuJa73tId3COdC+AklNdMDi15k8+g/BS0gcSge66M2MotZwabnDexwz2Z/Y0HDRpnh006j7Cjf5FB49hhNGjdwo2xHHus2Bem5/W8MmfwydYnhXuxplvo4DTIQ1MrlFUwB9OaFCNf841mFr2o9T+U7/E5dJ+kvHK7WYNQg/M3izQvNJDjSDbBzT7JOUFWAtVQE3riy12kP5md804250xlIWzmwlmRBASZYmhAyBf4FUubhph7mx62SOcblD9xz9crrHlWWpw7ks076iiYY2diYYXGdxK6P3fkuVjPs1w/ZCirEHIHnwq1Xz1KpHzT5lTqqbxXrwcff7mqraPCJDGBxok2WKT5EPsnD5v80x+41+w8h71/gRHELWbHIIcZNGpKA2QXJAFBbjX4Sd9yvvTBQjI5H+BOjBYbcuiYxZWfNOVSlPtYK+kdACPYBKMR+lxuVG5WaLTw7jHcqx/Pj/2kLU26fxkLV7MWPE6xDGkM426b40ScP1oco8byD0FXgmgE+RC00Aon+NDi/71d5ClZJg1Qzfu94XcnA0GoJf2cnUoVNHHPGJHuUibMLGgbzUtm1S3csDTbJVh0+IJm1CIzdyz9A7X8P/L4rE+xCaXyHD9DuRHlKpteNoq9Ir/mHkhxRCPIQT6mXw7OA+4qFAnZ4hOJVfEGxI4YsEMjO/4PcSfAoSi9uZJ9z+k/6qDnikgyHxor5nurAY594N3c8/Uw+wf0HP3Y19jAZtpjYD8wnHoEidM8if5xyvdB8Ug0QXNFVrOpkupYy35Su0ZI5qSnNtDM8nQ9aiEpRBukSREI2gOefe6zKpJE+CACgV7pQmh2tji8JijTtihRTrrAZ8x7+lVP18+cNjlhJhJWcBoYnoOV9lKdHPgfDZLeir/rHCZHsSw0/rMf//4YZS5ogZ6p5aSnAh585GnPaUw/f5ow1poc1KVF06IpbuxSwyEK9Z+ExyciSVR7JW/i64yYxEJjPDcIQRILL3PGVeF1FRJaBeQ2iJw9R2MGFBX9G3DQdT1yhLN5bV+t+FTltDkQPaiSQD2HNFh6u6LmIHLQRBQaef87+7s0Mn4HH1sC2lSCNr6EgrlUjUTtLE66PfycM54ozIW2868pankWk8Qp8fye0316jOOqXWZ64CaRg8Z9aF4Rxavdy+9MP5YwXyKlNAja5MaWMmRnY9uACtpqLsoxEDn/mwa3HkmC8tZD+GkcZD4TQzdD9IjCmQ40yfl8/cmsQbfx/8YQcmrF71Iwr3IsiGaE6kCpHlr8jyjHnuD87OfQkQ91GIL4hP+yhqCCa2A1/g5o0cMUGXoqf481ZzwI3M/5esBkpzslCaVzCrTO6abnzgIXc7rJAUeSbNY1Dn6Pdv91LrS8VZ1zVeEVTTAxscC/OeNBgOKYSizMjOkOzC2/53THipz9q2I6Sw1EN+Mc/lwSh3KtTpgGMZlBUYGmkXIrYJNei94NqpgemQL3GFR0rDnjE9i8+oCJ49QhVz2mkncy9TK5F8cuWteJJtHnT7wFrSvSuJ3TTT1PhxlMJCP0CGZVX4vufyNoQZd/5/IhJ3224RzHMDrnupaLp/mVihrE7znjicTjDs6dzr1Gqu/R85xurGjUo3YoV2yz030CHledl05kmsPvisLZaZmTDUxAMnspjP35VKhsqUgQv+eM29nPZlE5ZgfymZ5xkIcfK5zj65xuJEEtyhzTf3NRGh0mRSQ7jvOmg7QcTY77bapUtgw/zCcnDhv1WEXrxXIw2qzPGZ/EqnsK95aYzSzznPEvkqC8qZLpXaknxzi3VsEMMc/p1p30twwkmQTBLZ/zIov+vg9PtdY4lXuxzHPGaZDwXdaKR3Evlq5xdiRRvlVIUsvE/0hBI5nndIPJJyGn+G5oJ4jWi8W+SFwGDxNGkFhjHS7GQvyaM55sJNHJsUghnaSf0+2yJ6oo3r1TSa1BfDLf/JwzniwkcUIOgOSf001Ov6Mu9lhaIFEhJu3BxPJzzrgjPyoOJCH/iGK+Kc5pscqFirFVQSMfUhztKVjR65zxIDVJu5+6mqqQKbcCv51o40/yi4pjaeBk3qhVJkwJ4okSQ6eBmFgCgQV6pGrGxcQSCGwgq5oIBKom1uFvddyCWORgg+hlK9d02HIaN7x/xyWIA9BcDNrw5jDQluunqZ80DpEd0HPo4SQ0cEZbnf0P5Vms9FvsLvKrQbCqNEiklCgnAPtyEg2iDlqhnOY508hvZtCZ17ehQDeKQk30jXdowWwafLsfCfAcft6CRPkskflCYiRVORkQtZxQwuWE8plQwh1BqGAplv9KCLDna0QhwCHYJlOwQd88bIo5J7VNAOt2AiyvxiZxK8CK6vAwewZX0KlIFAo7uRaJUhdnYuiTodqUU6fcbCjKz4P8vBzIyc6E9DTN/Wtuboa6ht2wo7Yeqmp2ws5d9UHUgXA5gRaeQ5sk1Qk11AnSg1uY/YPK5D7Y3v1qAMCwwujH89IBhhdqcgoaMavQiHjsO4DF2/Y8I63x9BMkyrFIkrI4kSNqORV0yoVepZ0hLye6VZWGRKFjJN1KCmFXXQNsKq+E7Tt2BVEXwuUE2lSBMqFH7F6sUrZTAyFHDlb8a4YD3DHGmhzRMDgf4FY0IK4fheRpbQJoGaB3kSR7xYEcbcopLS0EfXt2hcF9uluSIxpyc7Jg0F7doX+v0j1aJtF+OGjTBvYSetgThMwqmrk3NIiMFaGxMncswNE93acxsRvAvfi6u7Ru8zII5QUkSa7Pdn1EOWWkp8OQvj2gS5H7WL3iwk4wpF8PyMxID6L4w+UE4Gs5tTuCkNN2QBCZyk7XNIATrWGFgVhHbxsboUloEtHtPmY3opxIcwzcq5sjrWGpTbJRm6AGCkiT+F1O7YogtE/35UFl6qLBmkPuFwZ2woeJ1IMzUIuM9yHpNuW0V7eSsEPuF4gkfXp0CepV0Koq44UgbXEdBNRbNbYzwDFxCFqf1B0dhNZ6RnbL9T4kG1FO1EPVpXOB73knc6swPzeo+jFbCBIJtNxjLigQN5w7MH6bpZ83IOInLR3Uz0NybcqpZ2n8Jrv17Foc1CuhlUn6C0FaMTUo7UH+wo/iuKjkEGzcRxZGPPtUD8lFlBOZQvm5OXHLe15Olq+mm8M6MlUI0oqJQWXmkK7xv8eE0oifh3lIKqKcigry4p53GmgMCIcJQVoxOqjMjE7AdPzRRb49a8S1+Qlo3cnHCQijhCCt6B1UZvrkJfweXp414trsrPiHXGVnBRbl01sI0oqCoDJTmID3XxRZj710DUWUEw0OxhuJuIcFcoUgrQgFlZnmBNzDx/mTobilLEhqgtQElZma3fG/R1XkFpReIgIjyqmxKf70bmxsCurV1AlBWrExqMysrY3/PdZH3sPLahsR5UQh63GvpQm4hwXKhCCt+CqozCyvSsA9Ild5Xe4hqYhy2lEb/0Y2gLkiOr4UgrTif0FlhiY7xf0ekZNL3/GSVITpVhN/9VdZszOwVyMEaQXNUQ7E2N2AdWxpHHey+KJam0xl8Kr/4yG5iHKqR/OnZmf8JjmR9qDJVAGAyuk5IUgrNkGA22P9+fvwHPO4vOVHv4v4izb7XOUhyTbltGlr/GzETVsrg3olr3osp3ZHEALNcWgOIkNfbwdYuMH/dF/E6vxZVQRfbvYh2Yhyqq2rhy0V233Pe3lVTUJ8HIt25WbowLAiCO1YNC+oTD2MLf0yHxvMFVhnH/g24q/HF02ED31Iuk05UUtf42NlJtNq4+agdlALbzr6gRAkOmZBQMvANGKbfP1yrH0+kIR6ra7Bp6hv1Ye0K+6lPmY3opxoKdfvNmxBf8Q7SXbsqoPV6zdDczDLw/pdTu2OINQtQ3MB1gWRMVrK51qsdv9c784noUv+jaba1Z9iK9y6PysZbz9F7eHnnoVtyomW8lm9YbMnc2tr5XZYvW4zNDUHYumGywmSa2/HpCOIXlC0DMzyIDLXiLX8QXQPZy4F+KhCPZiDzLOL8Zr70axqiNQchyA5vvc7n+OG929TTqRJNm6pgK/XlMF2B71bZJ59s7YMNqBZFaDmoJ26vgeB0sQo2mOcFiWgnVLPhwAWvP66RtMmvXIBDi3VwuJp4bhCDjzcsVsbISdz6t2t2JTXtlEmf0G5xGfNYSbJ2mUr17QpJ3LcyUzKzsyAzoWdwpOecrIy9wQeNqKGqA8vHFcH1TW1QY6W7ykn0RzOCKKbEdPZabuB1W/Cgxo3YUP8j3XKRh+98NdQbkJiJMTRRJKEywmJ8hhoc7n3lFP97kbYvK06GevAnnLq6A65F4Lo+D/QVt3ri3IKaDPNaDINLTIW9Bq01PRSfBSFgNDI70KU1XQg3qvWR1nt/SOLcqJ5FVnJWk4C7wTRQW34XSwCKacO66QLBB0asgWbQCAaRCAQgggESeOkB4Z5T7+q9wwdCFovEQ0oUBgiDdLRiuRvzZw2uVlerSBQH+TEx9fHrKjPntun2UdiHIQfM/Lzcs4a3KcHdO/aGQryciAUCkFDQyNsq66BNZu2hkev8ZkuQ5L8SV5v/PHsc/6F6504dUzqEwSJQUtL34Zy+gmjC9KHlWZDaX46pIUAdjY0w9rK3bBkXR18XlZHIQuzkCT/8YEcN3fKzb7uwDFDYUjfnmFSWIG2Mfvws2/g+41b5uPP+UgUR2EyX67e5LlQRw3qJQTpiARBctBym/86Y3xRl5P2LgyTwgrLNtbBKyt3wEfrdlFFvRiJ0uSSHHN7dyu5bPLBY8MhGqr4YtV6ePeTFaRNJiBJ3u8oBPEj/06eyYIgtO3RVaBFEvQHLZqAGqp/UaMFFqEsyUiQDAfkOBw/Xrp6Ypfsg/rHXgJxXO+csDyyuHLGSyt2FOL1ZyNJWhySY07v7iWXHfeTfRxvIjN6cB/IysyANxZ//h6mk4Uk8RrkNALlTpQjUSg+mGYT0t4gZUFUZI8kPA+0zXFoQwiapU/xV0/7VKfOQnkI5T2UW1G+ZfN7H5Rf8b1+hrIkFTRkmiI5aMnnp1TJYcT5BxTDT4fnn0laxCE5RudmZ91w1IFjXO+wNLRfT9h7aHiHgxs9lhNtnEBa6BjQQmpopcFpoIVqFELq4R4mB4G2cZjrU7pnMjnORpmM8gRo4UkU43UfaPsf/hnlbUiRjXlUa96Np44tLHVKDh3Hjgzv1XcjEq3EwWUz9hs9KLytgBfsN2oQrZv7WyScl7XjaWpttA06hqBc5PEd/BKlHLSgQV1oIskfIX4BoQVRTCKv6I7yIGuQf1ucQ502c9jMegxSYJghZgaxUlPhnX/qGGcNJV4XFkLvokw4eUwhVbALFbVHz7zc7JkjB/bx/IC0qPSPhvQNE85DMsfbHDvGYxbnGlpzYwWmmYrz4kQSsw/wgw9pXgHaMkrPKpxLEeG0bfYJ7UGDnIgmUmZ6WsgROcw4sF94/WPVjVhOHNi7e3hDTD8woHc3J/c2oxOK3Xa1Xnc10Vvzq/k+xkUSpseJJORA60unVvFvr6CG4knFc2lawEIfGpekIMgBQ7tluSIHOuV7vg/skgXZGaHxeFzFTjugexf/tpoqLS6kCUrjUTO5sRF3sglkhbU+ZfN+vtcDpv/jQZKH2HeqZNNxgQ9pDkRZ4eD8zyEFtnZTIUi/0k4ZluaTCjl0lOSFZ9Gp7DXRr6CTvyvud8rLVr13NCy0ObbApyxSK04+WrTdhb2QpMLk3xil2OaY06VUMl3kL7M9EMTS0jESIhY5wqWhJaSijtJCPhsV3BPm1uO/waLCLPaBIHr3M5lW29j3AB9JUszXRBOwOeZ019BvudNCFTTo8XV7IMi2mvrIiBEjAczaxIocYWO3LjxWuFnlnnX1/s7NrtWW7dzs8vItbC8b1/5cz36N12VaH3dwLpHkMsVzzzOYhvTc03w4ZgcKL/qFA7/uJJT/tgeCLPtuW9s1YaMRwY4clbVNsL2uuQzPKVe5Z3mlfysU1u6qh7r6hrKZ0yaXe0hmpYkg5TF8E1VQz94zDs7/seJ5dmMdbo/Zgc6bwBU/Fkhb0gDri+2BIC8t3RB9ETQjIezIQfhYS0O1xXhpbVm5bw+5pmyrk3tHWGYow/ilv2bqzRrHFZvCKQZ4cKJpVP50RZLUOqiwdmMdbo/ZgbQNrebyV9CCWK3q203sZ5GT3pzyBMGKv2RVecN7b63aaUmSWOSgcK9571dQYcxXyRS29Eu2VFS/V1bufWlFijWjuCzVextAI8HVrDmesWi5ycR6CeU7bhFHxJEkRI4poC0IoQK7sQ63x2LhKZRfgzYI+DrKz0FbMoo0C63SuJzNsFNRjgYtFCXlNUi4h+Xedyta0ERydZMnl4WXu3kSibTMwWXzP/jUuw/37boyQHPtCSTdMoeXzmZbWRXdHfgHTkmik2ORw14xq7EOt8eUXjfKUNCWY70WtHCcV/jZiDjDQQtaPIraQkjy5U2VCIIVm+JpbnkKK/ruJmfh8c8tr4FnPtu+ymlBYIV+cvO26nkff+l+RZrqHbXw7icr3WgPwt4urhnn8X1EI4kbchD0sQ69R2qBD8dUUcbEGomSzaYpaRJa3UVfZvJT0IIWSYucmawEcTKjcPbLK3cU1O5uvuzo4fkwvFu2vWlDJbu0GhZ+HibHUUgyN0uU3/LRF6tmZmZmwBgt6NAROV54+2NatfBKJJubBdHKTU65CvxYhl0nyRegdYVS1O1iaJ9YxM86A/wbT/IVbiZMUTDa3CmjCrpOGJAHg7pkQbpBD1XUNsGS9bvgwQ8qW1jdXoTkcL2zzLynXyV1fdnQfr1mTBg3DHIUghdpbdt3l35FqxkSOe52cr9EzQcJONzdN8iEqegkoZ4OikI9DWWfbvkZGTSwV9vQDDX1zfTmqU/8IYc+Ryyi3JSZkXH9yIG9YXDfnlBaUhgxmkj7aKzZtAUr3gbyOag1mu9kopRA4BtBTGShJr0X+zPVSIpt8coskmQPMdPS0vanhaCJIzQnva5h9x5iunDIBYL4ECQo0CxBIzGRFNvkdQqEIAJBAiELx7Vv0GAcDdhVsbwB2qrzjhtSIUhygUakKU6HullpHIBGaHtKfXcECul4GeUIlCKWSaCF3NykcH1nFH1tsRZDmjkdqhTJxEoyGYBS0dIW36AUomSjFBskZLp+WYtzvJWE5aDDzbVH87W1KBeg5KHko1yCUs/HpthcX4KyIsr9Ce+jZMXheatYkuo9JCNBFthU5N+iDEPZxiSqYNJEq1jRYPdy3OT1WEPa+3h4Zqpw98UgSAHK3YqV8zW+9oIox67gY4tsrr/Posx0XJNkDULcxImTTl2nYx0qqLdRJjq8huKArOaA07jGhFhK0YUtXcUmhYot/nvQNsah6aXXsQlDoJU8buPnpaC1OxSfN4vNniNN+Wsx5bmI80lRxVPAfpSfRvSL+RrzvAEKYafIWwpKLLC4nqIIukQpMz1PFInr96heSzL6O05CTca6SN/pcK/qAgmdDQVZBeob4HoFLcVzjcWxn7HooBlf9yikeReTY2OM8+pRaKyHgvwofukqRUJbvXOripgDbVdZ8fpeO4STTqPTTyieS441hTV/5TA/qgskUKDbapaCBJbXPw1kpAp7L2hLAp2I8ii0zi7cBWrzT2jfwhmcVqwVPuoMmoOihofanLuUP2dGOXYOfy6xuc9mU8veYmqE7LZRrQLree66VKUMQxzYYzUoZ6Kcg7LTxs4nZ3oc27FubPsHbdL+uQNbNh4+yDGczm6USVGOn8THm7kMYqV3F59/jwOb/H7+/yaFfJJDPgulF0pvlOtRGvnY8TbX3xGjHC9xWf46qlLFB3HjRM1HGYuyPMqD/xNlJMqHNgURS7qxE24GpZnO59j1YsWDILkoT6Gs53QW2Jz7Jp+zGuXPMdL93MbBt8rzAfz/4hhp32hTDrfGuJY6BJZYXPui4T04IUhKOuluCNLChTcK5WH+3YByOcqRKFtitBQqsr+hO5KwDqU7HzvB0INl1Yvl9OXFymdRlN40lR6gWOlW8Xk5DipMPv+/UbGX7U1DWou4/FTeAXUNzzY9N73jDJca3PzMbomUtL1YLVFszXNBW8iZ5rQeBtoi0emGc6oVe4fMoN6XDQaHnXrQ9gO1FURabBxQq4eNlU96Rlp95GDQ9oSnMH6rST5votBK+N9xL94vFXqbctgPUenVyTP4aqUJ6CFqcTii3hKjw6CK36+b95BSI+mduWuTKi5NrbzZRA6nSMQCCW5BTjeF9l/Av0/lUWkzTmJyUCU5OQY5jM7ucIsKFbJw7IE7KFIRnaM8m/67c7Jl1usehfRQl/uQD1ogYSHYzwGfCq3r627m8YYVCS6vzTzGQeVGoTC0mvkbTO4phh6i+ijjD9HwOo8nnAHaHG4VnM6fr4Ag7vBiYqlAVWXSlNgDHab9sKFFj7eJZRwHmaWYP1rtPNYSPdRV+yV33dI407cxzh/N3bMZrHViaRHzoGsymFhJPzjo1sT60EX6qtcEsUCCG/wGtNHyGexzvWE4Rubm/nzOtaC2ftU3oAUE5rFGGG5zLi2A8Dz7K79XNLHyRQckToPEE2vA+U5NtD7U0T5po1fYv3EKCh3XBwT3NQzQOfW9XuD70wAr7cREA7L6mkcj2AS7hDsLyBSd5qDDIlYrnixOetI56MlEkI4OMpkofISWRsqyMD8a2cSbDeorEuq9ZIkkSDQCGCu/EETgGoNAW6D6UNC2aiCyfM+m3KPgvudKXx2xhxSxEEQgCMRJFwiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIGgQ+D/BRgA5/uGYMg/6RkAAAAASUVORK5CYII=) no-repeat; } .icon-sprite.icon-sprite-emps { background-position: -66px -81px; } .icon-sprite.icon-sprite-depts { background-position: -117px -81px; } .icon-sprite.icon-sprite-tags { background-position: -91px -81px; } .comps-member-tip { min-width: 342px; height: 142px; margin: 12px 8px; color: #333; } .comps-member-tip .comps-member-tip-head { float: right; width: 60px; height: 60px; border-radius: 50%; } .comps-member-tip .comps-member-tip-people { margin-bottom: 8px; font-size: 14px; letter-spacing: 0; line-height: 22px; } .comps-member-tip .comps-member-tip-people .comps-member-tip-lable { color: #999999; text-align: right; display: inline-block; width: 43px; height: 22px; margin-right: 16px; } .comps-member-tip .comps-member-tip-people .comps-member-tip-textcolor { color: #333333; margin-right: 4px; } .comps-member-tip .comps-member-tip-people .comps-member-tip-not-power { color: #97a0b5; margin-right: 4px; } .comps-member-tip svg { cursor: pointer; filter: drop-shadow(#ffffff 80px 0); } .comps-member-tip svg:hover { color: #666; } .comps-member-tip svg:active { color: #000; } .comps-tip-depart-wrap { max-width: 310px; padding: 12px 8px; } .comps-tip-depart-wrap .new-fc-one-breadcrumb > span:not(:last-of-type) .new-fc-one-breadcrumb-link { cursor: text; } .comps-tip-depart-wrap .new-fc-one-breadcrumb > span:not(:last-of-type) .new-fc-one-breadcrumb-link:hover { color: #333; text-decoration: none; } .ban-group-tips { padding: 12px 8px; } .manager-tip { height: 52px; } .comps-ellipsis { position: relative; padding-right: 40px; } .comps-ellipsis .comps-content-wrapper { overflow: hidden; } .comps-ellipsis .comps-ellipsis-unpack { position: absolute; right: 0; bottom: 6px; } .comps-ellipsis .comps-ellipsis-pack { position: absolute; right: 0; bottom: 6px; } .comps-ellipsis .ellipsis-icon { margin-left: 4px; color: #2c8fff; } .comps-link-button { color: #2c8fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .comps-link-button:hover { color: #54a1ff; text-decoration: underline; } .comps-link-button:active { color: #1a76d9; text-decoration: underline; } .comps-link-button.comps-link-button-disabled { color: #9da2a7; cursor: default; text-decoration: none; } .comps-link-button.comps-link-button-disabled-show { visibility: hidden; } .comps-link-button .comps-feature-card-img { width: 16px; height: 16px; margin-bottom: 2px; margin-right: 2px; border-radius: 50%; } .associate-assistant { color: #9d9d9d; text-decoration: none; font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 21px; text-align: justified; } .associate-assistant:hover { text-decoration: none; color: #9d9d9d; } @keyframes spinning { 0% { transform-origin: 50% 50%; transform: rotate(0deg); } 100% { transform-origin: 50% 50%; transform: rotate(360deg); } } .brick-icon { display: inline-block; color: #999999; font-style: normal; line-height: 0; text-align: center; vertical-align: -0.15em; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brick-icon, .brick-icon * { box-sizing: border-box; } .brick-icon-spin { animation: spinning 1s infinite linear; } /** * @file 成员搜索框样式 * @author linzheyuan linzheyuan@baidu.com * @date 2019-11-06 */ .components-members-search { width: 200px; } .components-members-search .new-fc-one-input-search-container-icon .new-fc-one-input-search-detail { box-sizing: content-box; } .components-members-search .new-fc-one-input-search-container-icon .new-fc-one-input-search-detail .new-fc-one-input-search { border-width: 0px; max-height: unset; } .components-members-search .new-fc-one-input-search-container-icon .new-fc-one-input-search-detail .new-fc-one-input-search-icon-close { display: none; } .components-member-search-empty { padding: 60px; } .components-members-search-option-wrapper { max-height: 328px; overflow: scroll; } .components-members-search-option-wrapper .components-members-search-option { width: 364px; height: 32px; line-height: 32px; font-size: 14px; padding: 0 16px; cursor: pointer; } .components-members-search-option-wrapper .components-members-search-option:hover { background: #F2F7FF; } .components-members-search-option-wrapper .components-members-search-label { color: #999999; cursor: default; } .components-members-search-option-wrapper .components-members-search-label:hover { background: #ffffff; } .components-members-search-option-wrapper .components-members-search-label:nth-child(n+2) { border-top: 1px solid #EDEDED; } .new-fc-one-tooltip { z-index: 999999999; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .exception-content { display: flex; width: 100%; flex: 1; align-items: center; justify-content: center; background-color: #fff; } .exception-content .extra-text { text-align: center; margin-top: 8px; color: #999; font-size: 14px; } .brick-tree { width: 100%; margin: 0; border: 1px solid transparent; } .brick-tree, .brick-tree * { box-sizing: border-box; } .brick-tree-focused:not(.brick-tree-active-focused) { border-color: cyan; } .brick-tree .brick-tree-treenode { padding: 0; line-height: 2.2em; white-space: nowrap; list-style: none; outline: 0; display: flex; align-items: center; } .brick-tree .brick-tree-treenode:hover { background-color: #F5F5F5; } .brick-tree .brick-tree-treenode:active { background: #EEEEEE; } .brick-tree .brick-tree-treenode-selected { background-color: #F2F5FF; } .brick-tree .brick-tree-treenode .draggable { color: #333; -moz-user-select: none; -webkit-user-select: none; user-select: none; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; } .brick-tree .brick-tree-treenode.drag-over > .draggable { color: white; background-color: #316ac5; border: 1px #316ac5 solid; opacity: 0.8; } .brick-tree .brick-tree-treenode.drag-over-gap-top > .draggable { border-top: 2px blue solid; } .brick-tree .brick-tree-treenode.drag-over-gap-bottom > .draggable { border-bottom: 2px blue solid; } .brick-tree .brick-tree-treenode.filter-node > .brick-tree-node-content-wrapper { color: #a60000 !important; font-weight: bold !important; } .brick-tree .brick-tree-treenode ul { margin: 0; padding: 0 0 0 18px; } .brick-tree .brick-tree-treenode .brick-tree-node-content-wrapper { display: inline-flex; align-items: center; margin: 0; padding: 1px 3px 0 0; text-decoration: none; vertical-align: top; cursor: pointer; } .brick-tree .brick-tree-treenode span.brick-tree-iconEle, .brick-tree .brick-tree-treenode label.brick-tree-iconEle { display: inline-block; width: 16px; height: 16px; margin-right: 2px; line-height: 16px; vertical-align: middle; background-color: transparent; background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; background-attachment: scroll; border: 0 none; outline: none; cursor: pointer; } .brick-tree .brick-tree-treenode span.brick-tree-iconEle.brick-tree-icon__customize, .brick-tree .brick-tree-treenode label.brick-tree-iconEle.brick-tree-icon__customize { background-image: none; } .brick-tree .brick-tree-treenode span.brick-tree-icon_loading, .brick-tree .brick-tree-treenode label.brick-tree-icon_loading { margin-right: 2px; vertical-align: top; background: url("data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7") no-repeat scroll 0 0 transparent; } .brick-tree .brick-tree-treenode span.brick-tree-switcher, .brick-tree .brick-tree-treenode label.brick-tree-switcher { cursor: pointer; margin-right: 11px; } .brick-tree .brick-tree-treenode span.brick-tree-switcher-noop, .brick-tree .brick-tree-treenode label.brick-tree-switcher-noop { display: inline-block; width: 14px; } .brick-tree .brick-tree-treenode span.brick-tree-checkbox, .brick-tree .brick-tree-treenode label.brick-tree-checkbox { margin: 2px 8px 2px 0; } .brick-tree.brick-tree-show-line .brick-tree-treenode:not(:last-child) > ul { background: url("data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7") 0 0 repeat-y; } .brick-tree-child-tree { display: none; } .brick-tree-child-tree-open { display: block; } .brick-tree-treenode-active { background: rgba(0, 0, 0, 0.1); } .brick-tree-icon__open { margin-right: 2px; vertical-align: top; background-position: -110px -16px; } .brick-tree-icon__close { margin-right: 2px; vertical-align: top; background-position: -110px 0; } .brick-tree-icon__docu { margin-right: 2px; vertical-align: top; background-position: -110px -32px; } .brick-tree-icon__customize { margin-right: 2px; vertical-align: top; } .brick-tree-indent-unit { display: inline-block; padding-left: 18px; } .brick-checkbox { display: inline-block; cursor: pointer; } .brick-checkbox, .brick-checkbox * { box-sizing: border-box; } .brick-checkbox-wrap { position: relative; display: inline-block; vertical-align: sub; } .brick-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .brick-checkbox-mark { position: relative; border: 1px solid #cccccc; background-color: white; border-radius: 2px; } .brick-checkbox-mark-inner { visibility: hidden; position: absolute; top: 50%; left: 50%; line-height: 1; text-align: center; transform: translate(-50%, -50%) scale(0); } .brick-checkbox-mark, .brick-checkbox-mark-inner { transition: all 0.2s; } .brick-checkbox-mark, .brick-checkbox-mark .brick-icon { color: white; } .brick-checkbox-label { padding-left: 8px; padding-right: 16px; } .brick-checkbox:hover .brick-checkbox-mark { border-color: #4c84ff; background-color: whitesmoke; } .brick-checkbox:active .brick-checkbox-mark, .brick-checkbox:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #4c84ff; background-color: #eeeeee; } .brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #4c84ff; box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.2); outline: none; background-color: whitesmoke; } .brick-checkbox-input[disabled] + .brick-checkbox-mark, .brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-readonly .brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-mark { background-color: #4c84ff; border-color: #4c84ff; } .brick-checkbox-indeterminate .brick-checkbox-mark-inner, .brick-checkbox-checked .brick-checkbox-mark-inner { visibility: visible; transform: translate(-50%, -50%) scale(1.1); } .brick-checkbox-indeterminate:hover .brick-checkbox-mark, .brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #709bff; border-color: #709bff; } .brick-checkbox-indeterminate:active .brick-checkbox-mark, .brick-checkbox-indeterminate:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #366cd9; border-color: #366cd9; } .brick-checkbox-indeterminate .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #709bff; } .brick-checkbox-indeterminate.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-indeterminate.brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-disabled .brick-checkbox-mark { background-color: #dbe4ff; border-color: #dbe4ff; } .brick-checkbox-disabled, .brick-checkbox-readonly { cursor: not-allowed; } .brick-checkbox-size-sm { font-size: 12px; } .brick-checkbox-size-sm .brick-checkbox-mark { height: 14px; width: 14px; } .brick-checkbox-size-sm.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-sm.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 12px; } .brick-checkbox-size-md { font-size: 14px; } .brick-checkbox-size-md .brick-checkbox-mark { height: 16px; width: 16px; } .brick-checkbox-size-md.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-md.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-size-lg { font-size: 16px; } .brick-checkbox-size-lg .brick-checkbox-mark { height: 18px; width: 18px; } .brick-checkbox-size-lg.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-lg.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-type-intensive.brick-checkbox { position: relative; } .brick-checkbox-type-intensive.brick-checkbox + .brick-checkbox-type-intensive.brick-checkbox { margin-left: -1px; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark, .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { border-color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { border-color: #4c84ff; } .brick-checkbox-type-intensive.brick-checkbox:first-child .brick-checkbox-mark { border-radius: 4px 0 0 4px; } .brick-checkbox-type-intensive.brick-checkbox:last-child .brick-checkbox-mark { border-radius: 0 4px 4px 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-wrap { position: static; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark { width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #cccccc; border-radius: 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner { width: 12px; height: 12px; font-size: 12px; visibility: visible; right: 1px; top: 0; left: auto; transform: none; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner .brick-icon { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { background-color: whitesmoke; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { background-color: #eeeeee; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { z-index: 5; box-shadow: 0 0 0 2px #dbe4ff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-label { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked { color: white; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-wrap { background-color: #4c84ff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark { border-color: #4c84ff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark .brick-icon { color: white; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #dbe4ff; background-color: #dbe4ff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #709bff; border-color: #709bff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:active .brick-checkbox-mark { background-color: #366cd9; border-color: #366cd9; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked) .brick-checkbox-mark { border-left: none; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:before { content: ""; position: absolute; width: 1px; left: 0; top: 0; bottom: 0; z-index: 4; background-color: #b8cbff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-label { width: 100%; position: relative; z-index: 8; display: inline-block; } .brick-checkbox-group { display: inline-block; } .brick-checkbox-group-layout-vertical .brick-checkbox { display: block; } .brick-checkbox-group .brick-checkbox-size-sm { line-height: 28px; } .brick-checkbox-group .brick-checkbox-size-md { line-height: 32px; } .brick-checkbox-group .brick-checkbox-size-lg { line-height: 36px; } @keyframes spinning { 0% { transform-origin: 50% 50%; transform: rotate(0deg); } 100% { transform-origin: 50% 50%; transform: rotate(360deg); } } .brick-icon { display: inline-block; color: #999999; font-style: normal; line-height: 0; text-align: center; vertical-align: -0.15em; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brick-icon, .brick-icon * { box-sizing: border-box; } .brick-icon-spin { animation: spinning 1s infinite linear; } .member-selector-modal .member-selector-modal-footer-btn { width: 88px; height: 32px; margin: 6px; font-size: 14px; } .member-selector-modal .new-fc-one-modal-content { max-height: none; } .member-selector-modal-footer { position: relative; width: 100%; } .member-selector-modal-footer .member-selector-modal-footer-btn { width: 88px; height: 32px; margin: 6px; font-size: 14px; } .member-selector-modal-footer-top-mgr { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; display: flex; align-items: center; } .member-selector-modal-footer-top-mgr .member-selector-modal-footer-top-mgr-text { display: inline-block; margin-left: 4px; } .components-member-select { display: flex; flex-wrap: nowrap; height: 475px; border-bottom: 1px solid #F1F1F1; overflow: hidden; } .components-member-select .components-member-left { width: 405px; border-right: 1px solid #F1F1F1; padding-right: 20px; flex-shrink: 0; } .components-member-select .components-member-left .components-members-search { margin: 2px; } .components-member-select .components-member-menu .components-member-menuitem { font-size: 14px; font-weight: 900; color: #333333; } .components-member-select .components-member-menu .components-member-menuitem.new-fc-one-menu-item-selected .new-fc-one-menu-item-span { color: #2C8FFF; } .components-member-select .components-member-pagination :global(.new-fc-one-pagination-jumper) { display: none; } .components-member-select .components-member-item { display: flex; align-items: center; } .components-member-select .components-member-tree-wrapper { height: 432px; padding: 8px 0 16px 0; } .components-member-select .components-member-tree-wrapper .components-member-tree { height: 380px; overflow-y: scroll; } .components-member-select .components-member-chosen-members { margin-left: 20px; overflow: hidden; } .components-member-select .components-member-chosen-members-header { width: 326px; display: flex; justify-content: space-between; padding: 4px 4px 4px 8px; margin-bottom: 4px; border-bottom: 1px solid #EDEDED; font-size: 14px; color: #333333; } .components-member-select .components-member-chosen-members-header .components-member-chosen-members-clear { color: #2C8FFF; cursor: pointer; } .components-member-select .components-member-chosen-members-item { display: flex; justify-content: space-between; padding: 0 8px 4px 8px; vertical-align: top; } .components-member-select .components-member-chosen-members-item .icon-svg { line-height: 22px; margin-right: 5px; fill: #A6CBFF; flex-shrink: 0; position: relative; top: 7px; } .components-member-select .components-member-chosen-members-item-name { display: inline-flex; align-items: top; } .components-member-select .components-member-chosen-members-item-name > span { display: inline-block; margin-right: 4px; } .components-member-select .components-member-chosen-members-close { cursor: pointer; padding: 0; } .components-member-select .components-member-chosen-members-list { height: 424px; overflow-y: scroll; } .components-member-select .components-member-empty { padding-top: 64px; } .components-member-select .brick-tree .components-member-no-data.brick-tree-treenode:hover { background-color: #fff; } .components-member-select .brick-tree .components-member-no-data.brick-tree-treenode { color: #999; cursor: auto; } .components-member-select .brick-tree .components-member-no-data.brick-tree-treenode span { cursor: auto; } .components-member-select .brick-tree .brick-tree-treenode span.brick-tree-switcher-noop { flex-shrink: 0; } .components-member-load-more { color: #2c8fff; font-size: 14px; } .components-member-load-more svg { color: #2c8fff; } .brick-tree { width: 100%; margin: 0; border: 1px solid transparent; } .brick-tree, .brick-tree * { box-sizing: border-box; } .brick-tree-focused:not(.brick-tree-active-focused) { border-color: cyan; } .brick-tree .brick-tree-treenode { padding: 0; line-height: 2.2em; white-space: nowrap; list-style: none; outline: 0; display: flex; align-items: center; } .brick-tree .brick-tree-treenode:hover { background-color: #F5F5F5; } .brick-tree .brick-tree-treenode:active { background: #EEEEEE; } .brick-tree .brick-tree-treenode-selected { background-color: #F2F5FF; } .brick-tree .brick-tree-treenode .draggable { color: #333; -moz-user-select: none; -webkit-user-select: none; user-select: none; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; } .brick-tree .brick-tree-treenode.drag-over > .draggable { color: white; background-color: #316ac5; border: 1px #316ac5 solid; opacity: 0.8; } .brick-tree .brick-tree-treenode.drag-over-gap-top > .draggable { border-top: 2px blue solid; } .brick-tree .brick-tree-treenode.drag-over-gap-bottom > .draggable { border-bottom: 2px blue solid; } .brick-tree .brick-tree-treenode.filter-node > .brick-tree-node-content-wrapper { color: #a60000 !important; font-weight: bold !important; } .brick-tree .brick-tree-treenode ul { margin: 0; padding: 0 0 0 18px; } .brick-tree .brick-tree-treenode .brick-tree-node-content-wrapper { display: inline-flex; align-items: center; margin: 0; padding: 1px 3px 0 0; text-decoration: none; vertical-align: top; cursor: pointer; } .brick-tree .brick-tree-treenode span.brick-tree-iconEle, .brick-tree .brick-tree-treenode label.brick-tree-iconEle { display: inline-block; width: 16px; height: 16px; margin-right: 2px; line-height: 16px; vertical-align: middle; background-color: transparent; background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; background-attachment: scroll; border: 0 none; outline: none; cursor: pointer; } .brick-tree .brick-tree-treenode span.brick-tree-iconEle.brick-tree-icon__customize, .brick-tree .brick-tree-treenode label.brick-tree-iconEle.brick-tree-icon__customize { background-image: none; } .brick-tree .brick-tree-treenode span.brick-tree-icon_loading, .brick-tree .brick-tree-treenode label.brick-tree-icon_loading { margin-right: 2px; vertical-align: top; background: url("data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7") no-repeat scroll 0 0 transparent; } .brick-tree .brick-tree-treenode span.brick-tree-switcher, .brick-tree .brick-tree-treenode label.brick-tree-switcher { cursor: pointer; margin-right: 11px; } .brick-tree .brick-tree-treenode span.brick-tree-switcher-noop, .brick-tree .brick-tree-treenode label.brick-tree-switcher-noop { display: inline-block; width: 14px; } .brick-tree .brick-tree-treenode span.brick-tree-checkbox, .brick-tree .brick-tree-treenode label.brick-tree-checkbox { margin: 2px 8px 2px 0; } .brick-tree.brick-tree-show-line .brick-tree-treenode:not(:last-child) > ul { background: url("data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7") 0 0 repeat-y; } .brick-tree-child-tree { display: none; } .brick-tree-child-tree-open { display: block; } .brick-tree-treenode-active { background: rgba(0, 0, 0, 0.1); } .brick-tree-icon__open { margin-right: 2px; vertical-align: top; background-position: -110px -16px; } .brick-tree-icon__close { margin-right: 2px; vertical-align: top; background-position: -110px 0; } .brick-tree-icon__docu { margin-right: 2px; vertical-align: top; background-position: -110px -32px; } .brick-tree-icon__customize { margin-right: 2px; vertical-align: top; } .brick-tree-indent-unit { display: inline-block; padding-left: 18px; } .brick-checkbox { display: inline-block; cursor: pointer; } .brick-checkbox, .brick-checkbox * { box-sizing: border-box; } .brick-checkbox-wrap { position: relative; display: inline-block; vertical-align: sub; } .brick-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .brick-checkbox-mark { position: relative; border: 1px solid #cccccc; background-color: white; border-radius: 2px; } .brick-checkbox-mark-inner { visibility: hidden; position: absolute; top: 50%; left: 50%; line-height: 1; text-align: center; transform: translate(-50%, -50%) scale(0); } .brick-checkbox-mark, .brick-checkbox-mark-inner { transition: all 0.2s; } .brick-checkbox-mark, .brick-checkbox-mark .brick-icon { color: white; } .brick-checkbox-label { padding-left: 8px; padding-right: 16px; } .brick-checkbox:hover .brick-checkbox-mark { border-color: #4c84ff; background-color: whitesmoke; } .brick-checkbox:active .brick-checkbox-mark, .brick-checkbox:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #4c84ff; background-color: #eeeeee; } .brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #4c84ff; box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.2); outline: none; background-color: whitesmoke; } .brick-checkbox-input[disabled] + .brick-checkbox-mark, .brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-readonly .brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-mark { background-color: #4c84ff; border-color: #4c84ff; } .brick-checkbox-indeterminate .brick-checkbox-mark-inner, .brick-checkbox-checked .brick-checkbox-mark-inner { visibility: visible; transform: translate(-50%, -50%) scale(1.1); } .brick-checkbox-indeterminate:hover .brick-checkbox-mark, .brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #709bff; border-color: #709bff; } .brick-checkbox-indeterminate:active .brick-checkbox-mark, .brick-checkbox-indeterminate:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #366cd9; border-color: #366cd9; } .brick-checkbox-indeterminate .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #709bff; } .brick-checkbox-indeterminate.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-indeterminate.brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-disabled .brick-checkbox-mark { background-color: #dbe4ff; border-color: #dbe4ff; } .brick-checkbox-disabled, .brick-checkbox-readonly { cursor: not-allowed; } .brick-checkbox-size-sm { font-size: 12px; } .brick-checkbox-size-sm .brick-checkbox-mark { height: 14px; width: 14px; } .brick-checkbox-size-sm.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-sm.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 12px; } .brick-checkbox-size-md { font-size: 14px; } .brick-checkbox-size-md .brick-checkbox-mark { height: 16px; width: 16px; } .brick-checkbox-size-md.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-md.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-size-lg { font-size: 16px; } .brick-checkbox-size-lg .brick-checkbox-mark { height: 18px; width: 18px; } .brick-checkbox-size-lg.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-lg.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-type-intensive.brick-checkbox { position: relative; } .brick-checkbox-type-intensive.brick-checkbox + .brick-checkbox-type-intensive.brick-checkbox { margin-left: -1px; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark, .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { border-color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { border-color: #4c84ff; } .brick-checkbox-type-intensive.brick-checkbox:first-child .brick-checkbox-mark { border-radius: 4px 0 0 4px; } .brick-checkbox-type-intensive.brick-checkbox:last-child .brick-checkbox-mark { border-radius: 0 4px 4px 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-wrap { position: static; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark { width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #cccccc; border-radius: 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner { width: 12px; height: 12px; font-size: 12px; visibility: visible; right: 1px; top: 0; left: auto; transform: none; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner .brick-icon { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { background-color: whitesmoke; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { background-color: #eeeeee; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { z-index: 5; box-shadow: 0 0 0 2px #dbe4ff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-label { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked { color: white; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-wrap { background-color: #4c84ff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark { border-color: #4c84ff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark .brick-icon { color: white; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #dbe4ff; background-color: #dbe4ff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #709bff; border-color: #709bff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:active .brick-checkbox-mark { background-color: #366cd9; border-color: #366cd9; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked) .brick-checkbox-mark { border-left: none; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:before { content: ""; position: absolute; width: 1px; left: 0; top: 0; bottom: 0; z-index: 4; background-color: #b8cbff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-label { width: 100%; position: relative; z-index: 8; display: inline-block; } .brick-checkbox-group { display: inline-block; } .brick-checkbox-group-layout-vertical .brick-checkbox { display: block; } .brick-checkbox-group .brick-checkbox-size-sm { line-height: 28px; } .brick-checkbox-group .brick-checkbox-size-md { line-height: 32px; } .brick-checkbox-group .brick-checkbox-size-lg { line-height: 36px; } @keyframes spinning { 0% { transform-origin: 50% 50%; transform: rotate(0deg); } 100% { transform-origin: 50% 50%; transform: rotate(360deg); } } .brick-icon { display: inline-block; color: #999999; font-style: normal; line-height: 0; text-align: center; vertical-align: -0.15em; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brick-icon, .brick-icon * { box-sizing: border-box; } .brick-icon-spin { animation: spinning 1s infinite linear; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .appsecret-modal :global(.new-fc-one-modal-title) { margin-bottom: 24px; font-weight: 700; } .appsecret-modal :global(.new-fc-one-modal-footer) { margin-top: 24px; } .appsecret-modal :global(.new-fc-one-modal-content) { padding: 16px 24px 24px; } .appsecret-modal :global(.new-fc-one-modal-close-x) { color: #999; } .appsecret-modal .appsecret-modal-content { line-height: 22px; } .appsecret .none-appsecret.update-appsecret { margin-left: 8px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .appkey-modal :global(.new-fc-one-modal-title) { margin-bottom: 24px; font-weight: 700; } .appkey-modal :global(.new-fc-one-modal-footer) { margin-top: 24px; } .appkey-modal :global(.new-fc-one-modal-content) { padding: 16px 24px 24px; } .appkey-modal :global(.new-fc-one-modal-close-x) { color: #999; } .appkey-modal .appkey-modal-content { line-height: 22px; } .appkey .none-appkey.update-appkey { margin-left: 8px; } .formitem-group-display { display: flex; align-items: flex-start; flex-direction: column; box-sizing: border-box; justify-content: flex-start; } .formitem-group-display .comps-tag { height: 28px; } .formitem-group-display .comps-member-tag .icon-svg { line-height: 22px; margin-right: 5px; fill: #A6CBFF; } .form-item-group-icon { position: relative; top: 2px; left: 8px; color: #ccc; } .formitem-group-label { margin-bottom: 8px; } .formitem-group-form { box-sizing: border-box; display: flex; align-items: flex-start; flex-flow: column; justify-content: flex-start; } .formitem-group-form .formitem-group-id:hover .formitem-group-close { display: inline-block; } .formitem-group-form .comps-tag { height: 28px; } .formitem-group-radios { margin-bottom: 8px; } .formitem-group-add { display: flex; flex-wrap: wrap; } .formitem-group-close { cursor: pointer; text-align: center; justify-content: center; margin-left: 8px; font-size: 10px; color: #a9a9a9; } .formitem-group-input { width: 95px; height: 28px; } .formitem-group-input .new-fc-one-input-detail { width: 95px !important; height: 28px; } .formitem-group-input .new-fc-one-input.new-fc-one-input-small { width: 95px; height: 28px; line-height: 28px; } .new-fc-one-btn-medium.formitem-group-add-btn { margin-left: 8px; height: 28px; padding: 0 12px; } .form-item-group-radios-tip { color: #999; font-size: 12px; margin-left: 4px; } .formitem-groups-display .formitem-groups-tags { display: flex; align-items: flex-start; flex-wrap: wrap; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .formitem-manager-display { overflow: hidden; word-break: break-all; max-width: 600px; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; } .formitem-manager-display.send-to-manager-display { padding-bottom: 8px; } .formitem-manager-display .formitem-manager-info { display: flex; flex-direction: column; } .formitem-manager-display .formitem-manager-info .formitem-manager-content { font-size: 14px; line-height: 1.5; font-weight: 400; flex-wrap: wrap; display: flex; } .formitem-manager-display .formitem-manager-info .formitem-manager-content .formitem-members-datas { display: flex; margin: 4px 0; align-items: center; } .formitem-manager-display .formitem-manager-info .formitem-manager-content .formitem-members-data { padding: 0 10px 0 5px; white-space: nowrap; } .formitem-manager-display .formitem-manager-info .formitem-manager-content .comps-member-tag.comps-tag { min-height: 24px; } .sendmessage-modal :global(.new-fc-one-modal-title) { margin-bottom: 24px; font-weight: 700; } .sendmessage-modal :global(.new-fc-one-modal-footer) { margin-top: 24px; } .sendmessage-modal :global(.new-fc-one-modal-content) { padding: 16px 24px 24px; } .sendmessage-modal :global(.new-fc-one-modal-close-x) { color: #999; } .sendmessage-modal .sendmessage-content { line-height: 22px; } .sendmessage-modal .new-fc-one-modal-body { overflow: unset; } .date-add-time .date { display: inline-block; margin-right: 12px; } .date-add-time .message { margin-top: 20px; margin-bottom: 16px; color: #999; } .date-add-time .manager-search { margin-top: 10px; position: relative; max-height: 200px; } .date-add-time .manager-search .searchResultParent { margin-top: 5px; height: 132px; } .date-add-time .manager-search .search-loading { position: absolute; top: -3px; right: 60px; } .date-add-time .manager-search .search-loading .new-fc-one-loading-icon-element .new-fc-one-loading-small .icon-loading { width: 12px; height: 12px; } .date-add-time .manager-search .dropDownBox { width: 97%; height: 100px; border: 1px solid white; border-radius: 3px; box-shadow: 0px 3px 10px -3px #a9a9a9; position: absolute; z-index: 99999; background-color: white; } .date-add-time .manager-search .dropDownBox .searchResult { display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; } .date-add-time .precise-date-and-time { margin: 0 8px; color: #333; } .date-add-time .precise-date-and-time .precise-date { margin-right: 3px; } .select-manager { display: flex; width: 350px; flex-wrap: wrap; position: absolute; top: 30px; max-height: 130px; margin-top: 15px; overflow: auto; /* padding-right: 8px; */ width: 358px; } .select-manager .manager-item { display: flex; } .select-manager .manager-item .manager-content { height: 30px; border-radius: 3px; font-size: 12px; display: inline-block; padding: 0 8px; color: #333; border: 1px solid #e0e0e0; background: #FFFFFF; margin-right: 10px; margin-top: 10px; white-space: nowrap; display: flex; justify-content: space-around; align-items: center; border: 1px solid #E0E0E0; width: 105px; } .select-manager .manager-item .manager-content .manager-name { max-width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; font-weight: 400; } .select-manager .manager-item .manager-content .manager-icon { width: 10px; height: 10px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAHpJREFUGBmNkMENgCAMRW0XdADPXYJwNO5AenYAh3EdkG9S0jSYyIHQ/18/BSql3MycRORaJktV11rr3hlOrbUTQuSgwetMJpgmENFmyVF7wQijRpJvHKCHcfYQasb2Z41EPxMap1d76PMxM8hG8R7jM+PgBiIdXmeOB06jcMyfasbdAAAAAElFTkSuQmCC); background-size: cover; cursor: pointer; } .search-content { margin: 0; } .search-content-layer { max-height: 150px !important; overflow: scroll !important; } .compts-table-add table { width: 540px; } .compts-table-add .compts-add-btn { background-color: #fff; text-align: center; font-size: 14px; color: #2C8FFF; border: 1px solid #EEEEEE; width: 540px; height: 46px; line-height: 46px; text-decoration: none; border-top-width: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-color: #eee; cursor: pointer; } .compts-table-add .compts-add-btn a { text-decoration: none; } .compts-table-add .compts-add-btn:hover { background: #F2F7FF; } .compts-table-add .compts-add-btn:active { background: #CFE2FF; } .compts-table-add .compts-slash-cmd-name { position: relative; } .compts-table-add .compts-slash-cmd-name input.new-fc-one-input-small { width: 144px; padding-left: 17px; } .compts-table-add .compts-slash-cmd-name .compts-slash-cmd-slash { position: absolute; top: 4px; left: 12px; z-index: 10; } .compts-table-add .compts-slash-cmd-desc { display: flex; } .compts-table-add .compts-slash-cmd-desc input.new-fc-one-input-small { width: 300px; } .compts-table-add .compts-slash-cmd-desc .compts-slash-cmd-del { width: 20px; height: 20px; border: 1px solid #E0E0E0; cursor: pointer; border-radius: 20px; position: relative; top: 6px; left: 12px; line-height: 16px; text-align: center; font-weight: 200; font-size: 22px; } .compts-table-add .new-fc-one-table-placeholder { display: none; } .compts-table-add .new-fc-one-table-thead > tr:first-of-type > th { background-color: #F5F5F5; padding-left: 15px; font-size: 14px; color: #333333; } .compts-table-add .new-fc-one-input-error.new-fc-one-input-error-right { display: none; } .compts-table-add .new-fc-one-table .new-fc-one-table-body > table { border-top-left-radius: 3px; border-top-right-radius: 3px; border-color: #eee; } .compts-table-add.compts-table-add-display .new-fc-one-table .new-fc-one-table-body > table { border-radius: 3px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } .formitem-content { font-size: 14px; line-height: 1.5; font-weight: 400; color: #333; letter-spacing: 0; margin-left: 16px; flex-grow: 1; display: flex; justify-content: space-between; align-items: center; } .formitem-content .formitem-content-form { font-size: 14px; line-height: 1.5; font-weight: 400; flex-grow: 1; flex-shrink: 1; display: flex; align-items: flex-start; } .formitem-content .formitem-content-form .formitem-input { width: calc(100% - 36px); } .formitem-content .formitem-buttons { flex-shrink: 0; } .formitem-content .formitem-buttons .formitem-btn { font-size: 14px; line-height: 1.5; font-weight: 400; color: #2c8fff; letter-spacing: 0; cursor: pointer; margin-left: 16px; } .form-item-form { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 20px; } .form-item-form .form-item-hint { font-size: 14px; position: absolute; left: 488px; top: 8px; color: #ccc; } .split { border-top: 1px solid #ebebeb; padding-bottom: 20px; position: relative; width: 100%; left: -16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AppCreateindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AppCreateindex_new-fc-one-modal-body { overflow: unset; } .AppCreateindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AppCreateindex_SendMessageInfoindex_send-info { width: 690px; } .AppCreateindex_button-wrapper { display: flex; align-items: center; justify-content: center; padding-top: 24px; padding-bottom: 40px; border-top: 1px solid #eff4f8; } .AppCreateindex_button-wrapper .AppCreateindex_button { border-color: #f96e75; color: #f96e75; border-radius: 4px; } .AppCreateindex_appcreate { padding: 16px 152px 24px 152px; } .AppCreateindex_appcreate .AppCreateindex_content { border-bottom: 1px solid #EDEDED; padding-bottom: 24px; } .AppCreateindex_appcreate .AppCreateindex_footer { display: flex; justify-content: center; padding: 24px; } .AppCreateindex_appcreate .AppCreateindex_footer .new-fc-one-btn.new-fc-one-btn-primary.new-fc-one-btn-large { width: 88px; height: 32px; } .AppCreateindex_modal-content { display: flex; justify-content: center; padding-bottom: 46px; } .AppCreateindex_modal-content .AppCreateindex_modal-title { margin-bottom: 24px; font-weight: 500; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; } .AppCreateindex_modal-content .AppCreateindex_modal-part { display: flex; flex-direction: column; align-items: center; } .AppCreateindex_modal-content img { width: 100%; height: 369px; border: 1px solid #f5f5f5; } .AppCreateindex_modal-content .AppCreateindex_modal-left { width: 495px; } .AppCreateindex_modal-content .AppCreateindex_modal-right { margin-left: 20px; width: 208px; } .AppCreateindex_empty-title-modal-content { margin-top: 38px; } .AppCreateindex_empty-title-modal-content .AppCreateindex_enter-homepage-pic { width: 831px; height: 388px; } .AppCreateindex_empty-title-modal-content .AppCreateindex_setting-guide-pic { width: 1058px; height: 362px; } .AppCreateindex_modal-top-title { font-weight: 500; font-size: 16px; color: #000000; letter-spacing: 0; line-height: 24px; } .AppCreateindex_appcreate-hint { color: #999999; } .AppCreateindex_submit-btn { font-size: 14px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .show-sensitive-content { width: 100%; } .show-sensitive-content .show-sensitive-text { max-width: calc(100% - 50px); display: inline-block; word-wrap: break-word; } .show-sensitive-content .show-sensitive-link { color: #3377FF; cursor: pointer; margin-left: 8px; } .AppConfigInfoindex_hint { color: #999999; letter-spacing: 0; line-height: 22px; margin-left: 10px; position: relative; top: 4px; } .AppConfigInfoindex_browser-window-size input { width: 58px !important; } .AppConfigInfoindex_browser-window-size .AppConfigInfoindex_second { margin-left: 16px; } .AppConfigInfoindex_high-position { margin-left: 20px; } .AppConfigInfoindex_sizes { margin-left: 15px; } .AppConfigInfoindex_robot-configuration { font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .ReceiveMessageInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .ReceiveMessageInfoindex_new-fc-one-modal-body { overflow: unset; } .ReceiveMessageInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .ReceiveMessageInfoindex_SendMessageInfoindex_send-info { width: 690px; } .ReceiveMessageInfoindex_receive-message .formitem-title { width: 200px; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_receive-text { color: #666; margin-left: 20px; font-weight: 400; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_footer { display: flex; justify-content: center; padding: 24px; margin-bottom: 24px; border-top: 1px solid #ededed; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_footer .ReceiveMessageInfoindex_submit-btn { width: 88px; height: 32px; font-size: 14px; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_footer .ReceiveMessageInfoindex_submit-btn.ReceiveMessageInfoindex_formsection-submitbtn-disbale { background: #A6CBFF; cursor: not-allowed; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_icontip { margin-left: 5px; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_receive-total { min-height: 40px; background: #F2F7FF; border: 1px solid #D9E6FF; border-radius: 2px; line-height: 40px; padding-left: 16px; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_receive-total .ReceiveMessageInfoindex_receive-icon { color: #5489ff; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_receive-total .ReceiveMessageInfoindex_receive-font { font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 8px; } .ReceiveMessageInfoindex_receive-message .ReceiveMessageInfoindex_receive-server { margin-top: 16px; } .ReceiveMessageInfoindex_dev-introduce { color: #2c8fff; margin-left: 12px; font-weight: normal; } .ReceiveMessageInfoindex_dev-introduce:visited { color: #2c8fff; } .ReceiveMessageInfoindex_dev-introduce:hover { color: #54a1ff; text-decoration: underline; } .ReceiveMessageInfoindex_dev-introduce:active { color: #1a76d9; } .comps-icon-tip-mark { color: #ccc; margin-left: 4px; } .comps-icon-tip-tooltip { font-size: 14px; color: #333333; width: 243px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .RobotTagsInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .RobotTagsInfoindex_new-fc-one-modal-body { overflow: unset; } .RobotTagsInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .RobotTagsInfoindex_SendMessageInfoindex_send-info { width: 690px; } .RobotTagsInfoindex_tags-message { color: #333333; font-weight: 500; } .RobotTagsInfoindex_tags-message .formitem-title { width: 200px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-text { color: #666; margin-left: 20px; font-weight: 400; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-total { min-height: 40px; background: #F2F7FF; border: 1px solid #D9E6FF; border-radius: 2px; line-height: 40px; padding-left: 16px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-total .RobotTagsInfoindex_tags-icon { color: #5489ff; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-total .RobotTagsInfoindex_tags-font { font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 8px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server { margin-top: 16px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .RobotTagsInfoindex_tags-server-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .RobotTagsInfoindex_tags-server-title .RobotTagsInfoindex_tags-server-icon { padding-left: 6px; font-size: 14px; border-left: 3px solid #2c8fff; height: 14px; line-height: 14px; color: #333; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .RobotTagsInfoindex_tags-server-title .RobotTagsInfoindex_tags-server-btn .tags-server-btn-text { font-size: 14px; line-height: 1.5; font-weight: 400; color: #2c8fff; letter-spacing: 0; cursor: pointer; margin-left: 16px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .RobotTagsInfoindex_tags-server-title .RobotTagsInfoindex_tags-server-btn .tags-server-btns { display: flex; align-items: center; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tag-item-tags { border: 1px solid #0000001A; padding: 2px 10px; margin-right: 8px; box-sizing: border-box; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list { display: flex; align-items: center; gap: 16px 36px; width: 70%; flex-wrap: wrap; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .tags-item { display: flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .tags-item .tag-item-input { margin-right: 12px; width: 14px; height: 14px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .tags-item .tag-item-text { white-space: nowrap; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .custom-tags { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #3377FF; font-size: 13px; display: flex; align-items: center; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .custom-tags .add-icon { width: 14px; height: 15px; margin-right: 3px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .custom-tags .custom-tags-delete { display: flex; align-items: center; gap: 8px; line-height: 18px; color: #878D99; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-list .custom-tags .custom-tags-delete .delete-icon { width: 18px; height: 18px; cursor: pointer; margin-left: 22px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-input { display: flex; align-items: center; margin-top: 4px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-input .tags-input { width: 272px; border-radius: 4px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-input .tag-input-atn { color: #fff; border-radius: 4px; box-sizing: border-box; height: 30px; padding: 0 5px; margin-left: 12px; line-height: 30px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-input .tag-input-sure { background-color: #3377FF; cursor: pointer; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-input .tag-input-grey { background-color: #C7CDD9; cursor: not-allowed; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-input .tag-input-cancel { color: #C7CDD9; border-radius: 4px; box-sizing: border-box; height: 30px; padding: 0 5px; margin-left: 12px; line-height: 30px; border: 1px solid #C7CDD9; cursor: pointer; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .tags-input-error { color: #FF5040; margin-top: 9px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-list { margin-top: 12px; display: flex; gap: 16px 36px; align-items: center; flex-wrap: wrap; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-item { display: flex; align-items: center; margin-bottom: 8px; width: -moz-fit-content; width: fit-content; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-item .tag-item-input { margin-right: 12px; width: 14px; height: 14px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-item .close-icon { width: 8px; height: 8px; margin-left: 4px; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-item .tag-item-text { white-space: nowrap; } .RobotTagsInfoindex_tags-message .RobotTagsInfoindex_tags-server .custom-tags-item-delete { border-radius: 90px; box-sizing: border-box; border: 1px solid #878D99; padding: 0 7px 0 10px; cursor: pointer; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .RobotConfigInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .RobotConfigInfoindex_new-fc-one-modal-body { overflow: unset; } .RobotConfigInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .RobotConfigInfoindex_SendMessageInfoindex_send-info { width: 690px; } .RobotConfigInfoindex_robot-info img.formitem-imgupload-img { border-radius: 0; } .RobotConfigInfoindex_robot-info .formitem-imgupload-upload .formitem-imgupload-center-wrapper { border-radius: 0; } .RobotConfigInfoindex_robot-info .formitem-imgupload-upload .formitem-imgupload-cover { border-radius: 0; } .RobotConfigInfoindex_robot-info .visible-scope-line { height: 1px; width: calc(100% - 170px); margin-left: 170px; margin-top: 33px; margin-bottom: 33px; background-color: #d9d9d9; } .RobotConfigInfoindex_robot-info .robot-visible-scope-label { margin-left: calc(170px + 16px); color: #666; font-size: 12px; line-height: 18px; font-weight: 400; margin-bottom: 4px; } .RobotConfigInfoindex_robot-info .robot-visible-range-form.hidden-members .visible-range-members-form .formitem-content { display: none; } .RobotConfigInfoindex_robot-info .robot-visible-range-form.hidden-members .robot-visible-scope-label { margin-top: -40px; } .RobotConfigInfoindex_robot-info .RobotConfigInfoindex_overall-service-numbe-children { width: 807px; display: flex; justify-content: space-between; flex-flow: wrap; margin: 8px 20px; margin-top: -8px; } .RobotConfigInfoindex_introduce { background: #F2F7FF; border-radius: 4px; padding: 16px 20px; color: #666; line-height: 22px; } .RobotConfigInfoindex_introduce .RobotConfigInfoindex_article { margin-bottom: 16px; } .RobotConfigInfoindex_introduce .RobotConfigInfoindex_article .RobotConfigInfoindex_content { display: block; } .RobotConfigInfoindex_guide-link { color: #2c8fff; font-weight: normal; } .RobotConfigInfoindex_guide-link:visited { color: #2c8fff; } .RobotConfigInfoindex_guide-link:hover { color: #54a1ff; text-decoration: underline; } .RobotConfigInfoindex_guide-link:active { color: #1a76d9; } .RobotConfigInfoindex_isDeveloperMode { color: #999 !important; } .RobotConfigInfoindex_isDeveloperMode:hover { cursor: default; text-decoration: none; } .RobotConfigInfoindex_setting-hint { color: #999; } .RobotConfigInfoindex_question-hint { color: #ccc; margin-left: 4px; font-size: 14px; margin-top: 4px; } .RobotConfigInfoindex_browser-tips-pic { width: 393px; height: 384px; } .RobotConfigInfoindex_address { display: flex; width: 878px; justify-content: space-between; } .RobotConfigInfoindex_browser-window-size input { width: 58px !important; } .RobotConfigInfoindex_browser-window-size .RobotConfigInfoindex_second { margin-left: 16px; } .RobotConfigInfoindex_high-position { margin-left: 20px; } .RobotConfigInfoindex_sizes { margin-left: 15px; } .RobotConfigInfoindex_robot-configuration { font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 16px; } .font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .comps-card-wrapper-children { margin: 8px -5px; width: 400px; background-color: #F5F7FA; } .comps-card-wrapper, .comps-card-wrapper-children { padding: 16px; box-sizing: border-box; display: flex; flex-direction: column; } .comps-card-wrapper .comps-card-title, .comps-card-wrapper-children .comps-card-title { font-size: 14px; line-height: 1.5; font-weight: 400; margin-bottom: 4px; } .comps-card-wrapper .comps-card-content, .comps-card-wrapper-children .comps-card-content { font-size: 14px; line-height: 1.5; font-weight: 400; margin-bottom: 12px; color: #999999; } .comps-card-wrapper .comps-card-footer, .comps-card-wrapper-children .comps-card-footer { font-size: 14px; line-height: 1.5; font-weight: 400; display: flex; } .comps-card-wrapper .comps-card-btn, .comps-card-wrapper-children .comps-card-btn { width: 60px; padding: 0; height: 32px; background-color: #2c8fff; font-size: 14px; } .com-wrappers { width: 848px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .comps-feature-card-title { display: flex; justify-content: space-between; } .comps-feature-card-title .comps-feature-card-tag { display: inline-block; font-weight: 400; font-size: 12px; color: #FF811A; letter-spacing: 0; line-height: 18px; background: rgba(255, 129, 26, 0.1); padding: 2px 4px; margin-left: 8px; } .comps-feature-card-footer .comps-link-button { display: inline-block; margin-right: 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AssistantModalindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AssistantModalindex_new-fc-one-modal-body { overflow: unset; } .AssistantModalindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AssistantModalindex_SendMessageInfoindex_send-info { width: 690px; } .AssistantModalindex_assistant-modal .AssistantModalindex_assistant-modal-button { width: 76px; height: 32px; border-radius: 16px; } .AssistantModalindex_assistant-modal .AssistantModalindex_assistant-modal-button-add-color { width: 76px; height: 32px; border-radius: 16px; color: #fff; background: linear-gradient(90deg, #3377ff 0%, #9873ff 100%); } .AssistantFormindex_assistant-form { margin-top: 10px; font-family: PingFang SC; font-size: 14px; font-weight: 400; margin-left: -13px; } .AssistantFormindex_assistant-form .AssistantFormindex_assistant-form-items .AssistantFormindex_assistant-form-bottom { line-height: 18px; text-align: justified; margin-left: 12px; color: #999999; font-size: 12px; } .AssistantFormindex_assistant-form .AssistantFormindex_assistant-form-items .AssistantFormindex_assistant-form-bottom .AssistantFormindex_assistant-form-icon { width: 11.38px; height: 11.38px; margin: 1px 5px 3px 0; } .AssistantFormindex_assistant-form .AssistantFormindex_assistant-form-items .AssistantFormindex_assistant-form-bottom .AssistantFormindex_assistant-form-link { color: #458ff7; cursor: pointer; margin: 0 5px; } .AssistantFormindex_assistant-form .AssistantFormindex_assistant-form-items .AssistantFormindex_assistant-form-item { line-height: 19.6px; text-align: left; height: 31px; } .AssistantFormindex_assistant-form .AssistantFormindex_assistant-form-items .AssistantFormindex_new-fc-one-input-search, .AssistantFormindex_assistant-form .AssistantFormindex_assistant-form-items .AssistantFormindex_new-fc-one-input { letter-spacing: 0.5px; color: #1d1d1d; } .AssistantFormindex_custom-confirm-modal .AssistantFormindex_ant-modal-content { border: 2px solid #f00; /* 设置边框颜色和宽度 */ } .AssistantFormindex_modal-content1 { border: 1px solid red; background-color: yellow; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .robot-tag-list { display: flex; align-items: center; } .robot-tag-list .robot-tag { border: 1px solid #0000001A; padding: 2px 10px; margin-right: 8px; box-sizing: border-box; } .robot-tag-list .tag-empty { color: #999; } .robot-tag-list .add-robot-tags { background: #3377FF0D; border: 1px solid #AEBCC8; color: #3377FF; border-radius: 2px; padding: 2px 8px; cursor: pointer; margin-bottom: 10px; } .robot-tag-list .set-up { margin-left: 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .NewRobotConfigInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .NewRobotConfigInfoindex_new-fc-one-modal-body { overflow: unset; } .NewRobotConfigInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .NewRobotConfigInfoindex_SendMessageInfoindex_send-info { width: 690px; } .NewRobotConfigInfoindex_qrcode-info { display: flex; } .NewRobotConfigInfoindex_qrcode-info .NewRobotConfigInfoindex_copy-qrcode-content { width: 60px; height: 60px; margin-right: 16px; } .NewRobotConfigInfoindex_qrcode-info .NewRobotConfigInfoindex_qrcode-img { width: 100%; height: 100%; } .NewRobotConfigInfoindex_qrcode-info .NewRobotConfigInfoindex_qrcode-title { color: #999; } .NewRobotConfigInfoindex_message-content { width: 706px; white-space: pre-wrap; word-break: break-all; } .NewRobotConfigInfoindex_hint { color: #ccc; margin-left: 8px; font-size: 14px; margin-top: 4px; } .NewRobotConfigInfoindex_font-developerMode { color: #999; margin-left: 16px; font-size: 14px; margin-top: 4px; } .NewRobotConfigInfoindex_setting-hint { color: #999; } .NewRobotConfigInfoindex_set-up { margin-left: 16px; } .visible-scope-line { height: 1px; width: calc(100% - 170px); margin-left: 170px; margin-top: 33px; margin-bottom: 33px; background-color: #d9d9d9; } .robot-visible-scope-label { margin-left: calc(170px + 16px); color: #666; font-size: 12px; line-height: 18px; font-weight: 400; margin-bottom: 4px; } .robot-visible-scope { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 20px; } .robot-visible-scope .robot-visible-scope-describe { font-size: 14px; line-height: 1.5; color: #666; letter-spacing: 0; text-align: right; margin-left: 16px; flex-grow: 1; display: flex; justify-self: center; align-items: center; } .robot-visible-scope .robot-visible-scope-describe .robot-visible-scope-link { color: #2c8fff; } .robot-visible-scope .robot-visible-scope-title { font-size: 14px; line-height: 1.5; width: 170px; color: #666; letter-spacing: 0; text-align: right; flex-grow: 0; flex-shrink: 0; font-weight: 400; } .robot-visible-scope .robot-visible-scope-link { color: #2c8fff; cursor: pointer; margin-left: 12px; } .robot-tag { border: 1px solid #0000001A; padding: 2px 10px; margin-right: 8px; box-sizing: border-box; } .add-robot-tags { background: #3377FF0D; border: 1px solid #AEBCC8; color: #3377FF; border-radius: 2px; padding: 2px 8px; cursor: pointer; margin-bottom: 10px; } /** * QuantumButton 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* ===== 基础样式 ===== */ .quantum-button { /* 字体 */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; font-weight: 500; line-height: 1; /* 尺寸 */ height: 40px; min-width: 88px; padding: 0 24px; max-height: 40px; /* 布局 */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* 边框和圆角 */ border: 1px solid var(--qd-border-default); border-radius: var(--qd-radius-base); /* 颜色 */ background: var(--qd-glass-bg); color: var(--qd-text-primary); /* 交互 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: none; overflow: hidden; /* 动画 */ transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease; /* 重置浏览器默认样式 */ box-sizing: border-box; text-decoration: none; white-space: nowrap; position: relative; vertical-align: middle; } /* ===== 渐变层（::before） ===== */ .quantum-button::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, hsl(260, 100%, 65%) 0%, hsl(240, 100%, 70%) 50%, hsl(220, 100%, 65%) 100%); background-size: 200% 200%; border-radius: inherit; z-index: -1; opacity: 0; transition: opacity 0.25s ease; } /* ===== 发光层（::after） ===== */ .quantum-button::after { content: ''; position: absolute; inset: -2px; background: linear-gradient(135deg, hsl(260, 100%, 65%), hsl(240, 100%, 70%), hsl(220, 100%, 65%)); border-radius: inherit; opacity: 0; filter: blur(10px); z-index: -2; transition: opacity 0.4s ease; } /* ===== 按钮类型样式修饰符 ===== */ /* Primary 主要按钮 - 始终显示渐变 */ .quantum-button_primary { border: 1px solid transparent; color: rgba(255, 255, 255, 0.95); background: linear-gradient(135deg, hsl(260, 100%, 65%) 0%, hsl(240, 100%, 70%) 50%, hsl(220, 100%, 65%) 100%) !important; } .quantum-button_primary::before { opacity: 1 !important; } .quantum-button_primary:hover::after { opacity: 0.8; } .quantum-button_primary:hover { color: #ffffff; } /* Ghost 幽灵按钮 - 悬停时显示渐变 */ .quantum-button_ghost { border: 1px solid var(--qd-border-default); } .quantum-button_ghost::before { opacity: 0; } .quantum-button_ghost:hover { border-color: transparent; color: rgba(255, 255, 255, 0.95); background: transparent !important; } .quantum-button_ghost:hover::before { opacity: 1; animation: gradient-shift 3s ease infinite; } .quantum-button_ghost:hover::after { opacity: 0.5; } /* ===== 交互状态修饰符 ===== */ /* Hover 悬停 - 显示渐变流动和发光效果 */ .quantum-button:not(.quantum-button_primary):not(.quantum-button_ghost):not(.disabled):not(.loading):hover { transform: translateY(-1px); color: rgba(255, 255, 255, 0.95); background: transparent !important; } .quantum-button:not(.quantum-button_primary):not(.quantum-button_ghost):not(.disabled):not(.loading):hover::before { opacity: 1; animation: gradient-shift 3s ease infinite; } .quantum-button:not(.quantum-button_primary):not(.quantum-button_ghost):not(.disabled):not(.loading):hover::after { opacity: 0.5; } /* 浅色模式下调整 */ [data-theme="light"] .quantum-button:not(.quantum-button_primary):not(.quantum-button_ghost):not(.disabled):not(.loading):hover { color: rgba(255, 255, 255, 0.95); } /* 浅色模式下 Primary 按钮加深背景，提高白色文字对比度 */ [data-theme="light"] .quantum-button_primary::before { background: linear-gradient(135deg, hsl(260, 80%, 45%) 0%, hsl(240, 80%, 50%) 50%, hsl(220, 80%, 45%) 100%); } /* Active 点击 */ .quantum-button:not(.disabled):not(.loading):active { transform: translateY(0) scale(var(--qd-press-medium-scale, 0.98)); opacity: var(--qd-press-medium-opacity, 0.85); } /* Focus 聚焦 */ .quantum-button:focus-visible { outline: 2px solid var(--qd-color-primary); outline-offset: 2px; } /* ===== 禁用和加载状态修饰符 ===== */ /* Disabled 禁用状态 */ .disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .disabled::before, .disabled::after { opacity: 0 !important; } /* Loading 加载状态 */ .loading { cursor: not-allowed; } /* ===== Spinner 加载动画 ===== */ .spinner { width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; } /* 加载状态下的文本样式 */ .text-loading { display: inline-block; } /* ===== 按钮图标 ===== */ .button-icon { display: inline-flex; align-items: center; justify-content: center; margin: 0 4px; flex-shrink: 0; vertical-align: middle; line-height: 1; } /* ===== 尺寸变体修饰符 ===== */ /* Small 小号 */ .size-small { height: 32px; min-width: 64px; padding: 4px 16px; font-size: 12px; } .size-small .spinner { width: 14px; height: 14px; } /* Large 大号 */ .size-large { height: 48px; min-width: 120px; padding: 12px 32px; font-size: 16px; } .size-large .spinner { width: 18px; height: 18px; } /* ===== 动画定义 ===== */ @keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /** * @file Quantum Modal 组件样式 * @description Quantum Design AI 风格弹窗组件样式 * @description 支持深色和浅色模式，使用 CSS 变量 */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } .quantum-modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; opacity: 0; pointer-events: none; transition: opacity var(--modal-animation-duration, 300ms) ease-out; } .quantum-modal-overlay.visible { opacity: 1; pointer-events: auto; } .quantum-modal-overlay.centered { align-items: center; } .quantum-modal-overlay.top { align-items: flex-start; padding-top: 100px; } .quantum-modal-container { position: relative; width: 520px; max-width: 90vw; background: var(--qd-glass-bg); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid var(--qd-glass-border); border-radius: var(--qd-radius-lg); box-shadow: var(--qd-shadow-lg); overflow: hidden; transform: scale(0.9) translateY(-20px); opacity: 0; transition: transform var(--modal-animation-duration, 300ms) ease-out, opacity var(--modal-animation-duration, 300ms) ease-out; } .quantum-modal-container.visible { transform: scale(1) translateY(0); opacity: 1; } .quantum-modal-container.exiting { transform: scale(0.95); opacity: 0; } .quantum-modal-container.width-custom { width: var(--modal-width, 520px); } .quantum-modal-container.centered { margin: auto; } .quantum-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-bottom: 1px solid var(--qd-border-default); } .quantum-modal-title { font-size: 18px; font-weight: 600; color: var(--qd-text-primary); margin: 0; } .quantum-modal-title.gradient { background: linear-gradient(135deg, var(--gradient-start, hsl(260, 100%, 65%)), var(--gradient-middle, hsl(240, 100%, 70%)), var(--gradient-end, hsl(220, 100%, 65%))); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .quantum-modal-close { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-radius: var(--qd-radius-sm); color: var(--qd-text-secondary); cursor: pointer; font-size: 20px; line-height: 1; padding: 0; transition: all 0.2s ease; box-sizing: border-box; } .quantum-modal-close:hover { background: var(--qd-glass-bg-hover); color: var(--qd-text-primary); border-color: var(--qd-border-hover); } .quantum-modal-close:active { transform: scale(0.95); } .quantum-modal-body { padding: 24px; color: var(--qd-text-secondary); line-height: 1.6; font-size: 14px; } .quantum-modal-footer { display: flex; gap: 8px; justify-content: flex-end; padding: 16px 24px; border-top: 1px solid var(--qd-border-default); } .quantum-modal-footer .quantum-button { width: auto; box-sizing: border-box; } .quantum-modal-hidden { display: none; } .quantum-modal-container .quantum-button:not(.size-small):not(.size-large), #quantum-modal-confirm-container .quantum-button:not(.size-small):not(.size-large) { min-width: 88px !important; height: 40px !important; max-height: 40px !important; padding: 0 24px !important; width: auto; box-sizing: border-box; } .quantum-modal-container .quantum-button, #quantum-modal-confirm-container .quantum-button { width: auto; box-sizing: border-box; } /* CSS 变量 */ :root { --primary-color: #3370ff; --primary-hover: #2860e1; --success-color: #34c724; --warning-color: #ff9800; --danger-color: #f54a45; --text-primary: #1f2329; --text-secondary: #646a73; --text-placeholder: #8f959e; --border-color: #dee0e3; --bg-body: #f5f6f7; --bg-white: #ffffff; --bg-hover: #f5f6f7; --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; } /* 可见范围容器 */ .NewRobotVisibleInfoindex_scope-container .comps-back-title { margin-bottom: 0px; } .wrap-detail.visible-scope-page { background-color: #f5f5f5 !important; min-height: 100vh !important; } /* 通用按钮样式 */ .NewRobotVisibleInfoindex_btn-primary { padding: 0 16px; font-size: 14px; color: white; background: var(--primary-color); border: none; border-radius: var(--radius-sm); cursor: pointer; transition: all 0.2s; } .NewRobotVisibleInfoindex_btn-primary:hover { background: var(--primary-hover); } .NewRobotVisibleInfoindex_btn-primary:disabled { cursor: not-allowed; opacity: 0.6; } .NewRobotVisibleInfoindex_btn-primary:disabled:hover { background: var(--primary-color); } .NewRobotVisibleInfoindex_btn-create-tag { gap: 0 !important; } .NewRobotVisibleInfoindex_btn-cancel { padding: 8px 16px; font-size: 14px; color: var(--text-secondary); background: var(--bg-hover); border: none; border-radius: var(--radius-sm); cursor: pointer; } .NewRobotVisibleInfoindex_btn-cancel:hover { background: #e5e6e8; } .NewRobotVisibleInfoindex_btn-link { background: transparent; border: none; color: var(--primary-color); font-size: 14px; cursor: pointer; padding: 0; } .NewRobotVisibleInfoindex_btn-link:hover { text-decoration: underline; } .NewRobotVisibleInfoindex_btn-link.NewRobotVisibleInfoindex_btn-danger { color: var(--danger-color); } .NewRobotVisibleInfoindex_btn-link.NewRobotVisibleInfoindex_btn-danger:hover { text-decoration: underline; } .NewRobotVisibleInfoindex_btn-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); transition: all 0.2s; } .NewRobotVisibleInfoindex_btn-icon:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_btn-tag-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); transition: all 0.2s; margin-top: 12px; } .NewRobotVisibleInfoindex_btn-tag-icon:hover { background: var(--bg-hover); } .visible-form-input { width: 100% !important; padding: 8px 12px !important; height: 34px !important; font-size: 14px !important; border: 1px solid var(--border-color) !important; border-radius: var(--radius-sm) !important; transition: all 0.2s; } .visible-form-input:focus { outline: none !important; border-color: var(--primary-color) !important; box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.1) !important; } .visible-form-input-error { border-color: #f54a45 !important; } .visible-form-input-error:focus { border-color: #f54a45 !important; box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.1) !important; } /* 通用表单样式 */ .NewRobotVisibleInfoindex_visible-form-input { height: 34px !important; width: 100% !important; padding: 8px 12px !important; font-size: 14px !important; border: 1px solid var(--border-color) !important; border-radius: var(--radius-sm) !important; transition: all 0.2s; } .NewRobotVisibleInfoindex_visible-form-input:focus { outline: none !important; border-color: var(--primary-color) !important; box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.1) !important; } .NewRobotVisibleInfoindex_form-group { margin-bottom: 16px; } .NewRobotVisibleInfoindex_form-label { display: block; font-size: 14px; color: var(--text-primary); margin-bottom: 8px; font-weight: 500; } .NewRobotVisibleInfoindex_form-desc { font-size: 12px; color: var(--text-placeholder); margin-top: 4px; } /* 卡片样式 */ .NewRobotVisibleInfoindex_card { background: var(--bg-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); margin-bottom: 16px; } .NewRobotVisibleInfoindex_card .NewRobotVisibleInfoindex_card-header { padding: 16px 20px; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; justify-content: space-between; } .NewRobotVisibleInfoindex_card .NewRobotVisibleInfoindex_card-title { font-size: 16px; font-weight: 600; } .NewRobotVisibleInfoindex_card .NewRobotVisibleInfoindex_card-body { padding: 20px; } /* 提示框样式 */ .NewRobotVisibleInfoindex_tips-box { padding: 12px 16px; background: rgba(51, 112, 255, 0.05); border-radius: var(--radius-sm); border-left: 3px solid var(--primary-color); margin-top: 16px; } .NewRobotVisibleInfoindex_tips-box p { font-size: 13px; color: var(--text-secondary); line-height: 1.6; } .NewRobotVisibleInfoindex_tips-box ul { font-size: 13px; color: var(--text-secondary); line-height: 1.8; margin-top: 8px; padding-left: 20px; list-style: disc !important; } .NewRobotVisibleInfoindex_tips-box ul li { list-style: disc; } /* 可见用户类型选择器 */ .NewRobotVisibleInfoindex_scope-type-selector { display: flex; flex-direction: row; gap: 32px; margin-bottom: 20px; } .NewRobotVisibleInfoindex_scope-type-option { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; } .NewRobotVisibleInfoindex_scope-type-option input[type="radio"] { width: 16px; height: 16px; accent-color: var(--primary-color); cursor: pointer; margin-top: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #dcdfe6; border-radius: 50%; background: #fff; position: relative; } .NewRobotVisibleInfoindex_scope-type-option input[type="radio"]:checked { border-color: var(--primary-color); background: #fff; } .NewRobotVisibleInfoindex_scope-type-option input[type="radio"]:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: var(--primary-color); } .NewRobotVisibleInfoindex_scope-type-option .NewRobotVisibleInfoindex_option-info { display: flex; flex-direction: column; gap: 2px; } .NewRobotVisibleInfoindex_scope-type-option .NewRobotVisibleInfoindex_option-info .NewRobotVisibleInfoindex_option-label { font-size: 14px; color: var(--text-primary); } .NewRobotVisibleInfoindex_scope-type-option .NewRobotVisibleInfoindex_option-info .NewRobotVisibleInfoindex_option-desc { font-size: 12px; color: var(--text-placeholder); } /* 部分内容区域 */ .NewRobotVisibleInfoindex_scope-partial-content { display: none; padding-top: 16px; } .NewRobotVisibleInfoindex_scope-partial-content.NewRobotVisibleInfoindex_active { display: block; } /* 可见范围内容 */ .NewRobotVisibleInfoindex_scope-contents { display: flex; flex-direction: column; gap: 16px; } .NewRobotVisibleInfoindex_scope-content { display: flex; align-items: flex-start; gap: 20px; } .NewRobotVisibleInfoindex_scope-content-title { font-size: 14px; font-weight: 500; color: var(--text-primary); flex-shrink: 0; width: 60px; padding-top: 6px; } .NewRobotVisibleInfoindex_scope-content-body { flex: 1; min-width: 0; } /* 添加范围表单 */ .NewRobotVisibleInfoindex_add-scope-form { position: relative; margin-bottom: 12px; } .NewRobotVisibleInfoindex_add-scope-form .NewRobotVisibleInfoindex_visible-form-input { width: 100% !important; } { /* 搜索结果 */ } .scope-search-results { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-white); border-radius: var(--radius-sm); max-height: 200px; overflow-y: auto; z-index: 10; } .search-show { border: 1px solid var(--border-color); box-shadow: var(--shadow-md); } .NewRobotVisibleInfoindex_scope-search-item { padding: 10px 12px; font-size: 14px; color: var(--text-primary); cursor: pointer; transition: background 0.2s; } .NewRobotVisibleInfoindex_scope-search-item:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_scope-user-tag-info { padding: 6px 12px; cursor: pointer; transition: background 0.2s; } .NewRobotVisibleInfoindex_scope-user-tag-info:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_scope-user-tag-info .NewRobotVisibleInfoindex_scope-employee-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .NewRobotVisibleInfoindex_scope-user-tag-info .NewRobotVisibleInfoindex_scope-employee-row { display: flex; align-items: center; gap: 8px; } .NewRobotVisibleInfoindex_scope-user-tag-info .NewRobotVisibleInfoindex_scope-employee-name { font-size: 14px; color: var(--text-primary); font-weight: 500; } .NewRobotVisibleInfoindex_scope-user-tag-info .NewRobotVisibleInfoindex_scope-employee-dept { font-size: 13px; color: var(--text-secondary); } .NewRobotVisibleInfoindex_scope-user-tag-info .NewRobotVisibleInfoindex_scope-employee-email { font-size: 12px; color: var(--text-placeholder); } .NewRobotVisibleInfoindex_scope-search-empty { padding: 12px; font-size: 13px; color: var(--text-placeholder); text-align: center; } /* 员工搜索结果 */ .NewRobotVisibleInfoindex_scope-employee-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; cursor: pointer; transition: background 0.2s; } .NewRobotVisibleInfoindex_scope-employee-item:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_scope-employee-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .NewRobotVisibleInfoindex_scope-employee-row { display: flex; align-items: center; gap: 8px; } .NewRobotVisibleInfoindex_scope-employee-name { font-size: 14px; color: var(--text-primary); font-weight: 500; } .NewRobotVisibleInfoindex_scope-employee-dept { font-size: 13px; color: var(--text-secondary); } .NewRobotVisibleInfoindex_scope-employee-email { font-size: 12px; color: var(--text-placeholder); } .NewRobotVisibleInfoindex_scope-empty-tip { color: var(--text-placeholder); font-size: 13px; padding: 8px 0; } /* 标签列表 */ .NewRobotVisibleInfoindex_scope-tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; min-height: 32px; } .scope-tag-list-collapsed { max-height: 160px; overflow: hidden; position: relative; } .scope-tag-list-collapsed::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%); pointer-events: none; } .expand-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 8px; font-size: 13px; color: var(--primary-color); background: transparent; border: none; cursor: pointer; margin-top: 4px; min-width: 80px; transition: all 0.2s; } .expand-btn:hover { background: rgba(51, 112, 255, 0.08); color: #2260d9; } .expand-btn .expand-icon { transition: transform 0.3s ease; color: var(--primary-color); } .expand-btn .expand-icon--expanded { transform: rotate(180deg); } .tag-modal-list-collapsed { max-height: 160px; overflow: hidden !important; position: relative; } .tag-modal-list-collapsed::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%); pointer-events: none; } .tag-modal-list-expanded { max-height: 160px; overflow-y: auto !important; padding-right: 4px; } .tag-modal-list-expanded::-webkit-scrollbar { width: 4px; } .tag-modal-list-expanded::-webkit-scrollbar-thumb { background: #dee0e3; border-radius: 2px; } .tag-modal-list-expanded::-webkit-scrollbar-thumb:hover { background: #cdd0d3; } .NewRobotVisibleInfoindex_scope-tag-item { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg-body); border-radius: 100px; font-size: 13px; color: var(--text-primary); } .NewRobotVisibleInfoindex_scope-tag-item .NewRobotVisibleInfoindex_tag-remove { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: var(--text-placeholder); cursor: pointer; border-radius: 50%; font-size: 12px; padding: 0; margin: 0; line-height: 1; transform: translateY(-0.5px); } .NewRobotVisibleInfoindex_scope-tag-item .NewRobotVisibleInfoindex_tag-remove:hover { background: rgba(0, 0, 0, 0.1); color: var(--text-primary); } /* 部门子部门选择 */ .NewRobotVisibleInfoindex_dept-child-check { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; font-size: 12px; color: var(--text-secondary); border-left: 1px solid var(--border-color); padding-left: 8px; margin-left: 2px; white-space: nowrap; } .NewRobotVisibleInfoindex_dept-child-check input[type="checkbox"] { width: 13px; height: 13px; accent-color: var(--primary-color); cursor: pointer; margin: 0; } /* 可见群聊相关 */ .NewRobotVisibleInfoindex_group-scope-type-selector { display: flex; flex-direction: row; gap: 32px; margin-bottom: 20px; } .NewRobotVisibleInfoindex_group-partial-content { display: none; padding-top: 16px; border-top: 1px solid var(--border-color); } .NewRobotVisibleInfoindex_group-partial-content.NewRobotVisibleInfoindex_active { display: block; } .NewRobotVisibleInfoindex_add-group-form { display: flex; gap: 8px; } .NewRobotVisibleInfoindex_group-tag-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 32px; } .NewRobotVisibleInfoindex_group-tag-item { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg-body); border-radius: 100px; font-size: 13px; color: var(--text-primary); } .NewRobotVisibleInfoindex_group-tag-item .NewRobotVisibleInfoindex_tag-remove { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: var(--text-placeholder); cursor: pointer; border-radius: 50%; font-size: 14px; padding: 0; margin: 0; line-height: 1; } .NewRobotVisibleInfoindex_group-tag-item .NewRobotVisibleInfoindex_tag-remove:hover { background: rgba(0, 0, 0, 0.1); color: var(--text-primary); } .NewRobotVisibleInfoindex_group-tip { font-size: 12px; color: var(--text-placeholder); } /* 抽屉样式 */ .NewRobotVisibleInfoindex_tags-manger-drawer .new-fc-one-drawer-title { font-size: 24px; } .NewRobotVisibleInfoindex_tags-manger-drawer-form .new-fc-one-drawer-header { display: none; } .NewRobotVisibleInfoindex_tags-manger-drawer-form .new-fc-one-drawer-close { display: none; } /* 抽屉二级页面：新建/编辑标签 */ .NewRobotVisibleInfoindex_drawer-form-header { display: flex; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--border-color); margin-bottom: 20px; } .NewRobotVisibleInfoindex_drawer-back-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); transition: all 0.2s; color: var(--text-primary); flex-shrink: 0; } .NewRobotVisibleInfoindex_drawer-back-btn:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_drawer-form-title { flex: 1; text-align: center; font-size: 18px; font-weight: 600; color: var(--text-primary); } .NewRobotVisibleInfoindex_drawer-close-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); transition: all 0.2s; color: var(--text-secondary); flex-shrink: 0; } .NewRobotVisibleInfoindex_drawer-close-btn:hover { background: var(--bg-hover); color: var(--text-primary); } .NewRobotVisibleInfoindex_drawer-form-body { flex: 1; overflow-y: auto; padding-bottom: 80px; } .NewRobotVisibleInfoindex_drawer-form-footer { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: flex-end; gap: 12px; padding: 16px 0; background: var(--bg-white); border-top: 1px solid var(--border-color); } .NewRobotVisibleInfoindex_page-desc { color: var(--text-secondary); font-size: 14px; } /* 标签列表 */ .NewRobotVisibleInfoindex_tag-list { display: flex; flex-direction: column; gap: 12px; /* 空状态 */ } .NewRobotVisibleInfoindex_tag-list .NewRobotVisibleInfoindex_empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; text-align: center; } .NewRobotVisibleInfoindex_tag-list .NewRobotVisibleInfoindex_empty-state .NewRobotVisibleInfoindex_empty-icon { width: 80px; height: 80px; margin-bottom: 16px; opacity: 0.4; } .NewRobotVisibleInfoindex_tag-list .NewRobotVisibleInfoindex_empty-state .NewRobotVisibleInfoindex_empty-title { font-size: 15px; font-weight: 500; color: var(--text-primary); margin-bottom: 8px; } .NewRobotVisibleInfoindex_tag-list .NewRobotVisibleInfoindex_empty-state .NewRobotVisibleInfoindex_empty-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.6; max-width: 280px; } .NewRobotVisibleInfoindex_tag-item { display: flex; align-items: center; padding: 16px; background: var(--bg-body); border-radius: var(--radius-md); transition: all 0.2s; } .NewRobotVisibleInfoindex_tag-item:hover { box-shadow: var(--shadow-sm); } .NewRobotVisibleInfoindex_tag-info { flex: 1; display: flex; flex-direction: column; gap: 4px; } .NewRobotVisibleInfoindex_tag-name { font-size: 15px; font-weight: 500; color: var(--text-primary); } .NewRobotVisibleInfoindex_tag-meta { font-size: 13px; color: var(--text-placeholder); } .NewRobotVisibleInfoindex_tag-actions { display: flex; gap: 16px; } /* Modal 样式 */ .NewRobotVisibleInfoindex_tags-change-modal .new-fc-one-modal-title { font-size: 24px; } .NewRobotVisibleInfoindex_tags-change-modal .new-fc-one-modal-content { height: 540px; } .NewRobotVisibleInfoindex_modal-body { padding: 24px; } /* 成员类型选项卡（单选按钮模式） */ .NewRobotVisibleInfoindex_member-tabs { display: flex; gap: 32px; margin-bottom: 16px; } .NewRobotVisibleInfoindex_radio-tab { display: flex; align-items: center; gap: 8px; cursor: pointer; } .NewRobotVisibleInfoindex_radio-tab input[type="radio"] { width: 16px; height: 16px; accent-color: var(--primary-color); cursor: pointer; margin-top: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #dcdfe6; border-radius: 50%; background: #fff; position: relative; } .NewRobotVisibleInfoindex_radio-tab input[type="radio"]:checked { border-color: var(--primary-color); background: #fff; } .NewRobotVisibleInfoindex_radio-tab input[type="radio"]:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: var(--primary-color); } .NewRobotVisibleInfoindex_radio-tab input[type="radio"]:disabled { border-color: #e5e6eb; background: #f2f3f5; cursor: not-allowed; } .NewRobotVisibleInfoindex_radio-tab input[type="radio"]:disabled:checked::after { background: #c9cdd4; } .NewRobotVisibleInfoindex_radio-tab span { font-size: 14px; color: var(--text-primary); } .NewRobotVisibleInfoindex_radio-tab:has(input:disabled) { cursor: not-allowed; } .NewRobotVisibleInfoindex_radio-tab:has(input:disabled) span { color: #c9cdd4; } .NewRobotVisibleInfoindex_member-content-active { display: block; } /* 搜索包装器 */ .NewRobotVisibleInfoindex_search-wrapper { position: relative; } .NewRobotVisibleInfoindex_search-wrapper .NewRobotVisibleInfoindex_scope-search-results { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-white); border: 1px solid var(--border-color); border-radius: var(--radius-sm); box-shadow: var(--shadow-md); max-height: 156px; overflow-y: auto; z-index: 10; } .NewRobotVisibleInfoindex_search-wrapper .NewRobotVisibleInfoindex_scope-search-results .NewRobotVisibleInfoindex_scope-search-item { display: flex; align-items: center; gap: 12px; padding: 5px 12px !important; cursor: pointer; transition: background 0.2s; } .NewRobotVisibleInfoindex_search-wrapper .NewRobotVisibleInfoindex_scope-search-results .NewRobotVisibleInfoindex_scope-search-item:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_search-results { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-white); border: 1px solid var(--border-color); border-radius: var(--radius-sm); box-shadow: var(--shadow-md); max-height: 200px; overflow-y: auto; z-index: 10; display: none; } .NewRobotVisibleInfoindex_search-results.NewRobotVisibleInfoindex_show { display: block; } .NewRobotVisibleInfoindex_search-item { padding: 10px 12px; font-size: 14px; color: var(--text-primary); cursor: pointer; transition: background 0.2s; } .NewRobotVisibleInfoindex_search-item:hover { background: var(--bg-hover); } .NewRobotVisibleInfoindex_search-empty { padding: 12px; font-size: 13px; color: var(--text-placeholder); text-align: center; } /* 成员列表 */ .NewRobotVisibleInfoindex_member-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; min-height: 40px; padding-top: 12px; border-radius: var(--radius-sm); } .NewRobotVisibleInfoindex_member-list .NewRobotVisibleInfoindex_scope-tag-item { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 100px; font-size: 13px; color: var(--text-primary); position: relative; } .NewRobotVisibleInfoindex_member-list .NewRobotVisibleInfoindex_scope-tag-item .NewRobotVisibleInfoindex_tag-remove { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: var(--text-placeholder); cursor: pointer; border-radius: 50%; font-size: 12px; padding: 0; margin: 0; line-height: 1; transform: translateY(-0.5px); } .NewRobotVisibleInfoindex_member-list .NewRobotVisibleInfoindex_scope-tag-item .NewRobotVisibleInfoindex_tag-remove:hover { background: rgba(0, 0, 0, 0.1); color: var(--text-primary); } .NewRobotVisibleInfoindex_member-tag { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg-white); border-radius: 100px; font-size: 13px; color: var(--text-primary); border: 1px solid var(--border-color); } .NewRobotVisibleInfoindex_member-tag .NewRobotVisibleInfoindex_remove { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: var(--text-placeholder); cursor: pointer; border-radius: 50%; font-size: 14px; line-height: 1; } .NewRobotVisibleInfoindex_member-tag .NewRobotVisibleInfoindex_remove:hover { background: rgba(0, 0, 0, 0.1); color: var(--text-primary); } .NewRobotVisibleInfoindex_member-empty { color: var(--text-placeholder); font-size: 13px; } .NewRobotVisibleInfoindex_tag-list-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0; color: #8f959e; font-size: 13px; } .NewRobotVisibleInfoindex_tag-list-loading .NewRobotVisibleInfoindex_spinner { width: 24px; height: 24px; border: 2px solid #e5e6eb; border-top-color: #4e6ef2; border-radius: 50%; animation: NewRobotVisibleInfoindex_tag-list-spin 0.6s linear infinite; margin-bottom: 8px; } @keyframes NewRobotVisibleInfoindex_tag-list-spin { to { transform: rotate(360deg); } } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .ServiceConfigInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .ServiceConfigInfoindex_new-fc-one-modal-body { overflow: unset; } .ServiceConfigInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .ServiceConfigInfoindex_SendMessageInfoindex_send-info { width: 690px; } .ServiceConfigInfoindex_qrcode-info { display: flex; } .ServiceConfigInfoindex_qrcode-info .ServiceConfigInfoindex_copy-qrcode-content { width: 60px; height: 60px; margin-right: 16px; } .ServiceConfigInfoindex_qrcode-info .ServiceConfigInfoindex_qrcode-img { width: 100%; height: 100%; } .ServiceConfigInfoindex_qrcode-info .ServiceConfigInfoindex_qrcode-title { color: #999; } .ServiceConfigInfoindex_message-content { width: 706px; white-space: pre-wrap; word-break: break-all; } .ServiceConfigInfoindex_hint { color: #ccc; margin-left: 8px; font-size: 14px; margin-top: 4px; } .ServiceConfigInfoindex_font-developerMode { color: #999; margin-left: 16px; font-size: 14px; margin-top: 4px; } .ServiceConfigInfoindex_setting-hint { color: #999; } .ServiceConfigInfoindex_set-up { margin-left: 16px; } .SingleShortcutCommandindex_single-shortcut-command { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); padding: 16px 24px; height: 100%; display: flex; flex-direction: column; margin-top: 24px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-shrink: 0; flex-wrap: nowrap; gap: 12px; min-width: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: #303133; flex-shrink: 1; min-width: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-title::before { content: ''; display: inline-block; width: 3px; height: 16px; background: #1890ff; border-radius: 2px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-title-tip { font-size: 13px; font-weight: 400; color: #909399; display: flex; align-items: center; gap: 4px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-title-tip svg { width: 16px; height: 16px; color: #c0c4cc; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-title-tip .SingleShortcutCommandindex_cmd-count-current { color: #1890ff; font-weight: 600; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_info-tip-icon { display: inline-flex; align-items: center; cursor: help; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_info-tip-icon svg { width: 16px; height: 16px; color: #c0c4cc; transition: color 0.2s; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_info-tip-icon:hover svg { color: #909399; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_section-header-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn { display: inline-flex; align-items: center; gap: 5px; padding: 7px 18px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; white-space: nowrap; line-height: 1; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn svg { width: 14px; height: 14px; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn.SingleShortcutCommandindex_action-btn-primary { background: #1890ff; color: #fff; border-color: #1890ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn.SingleShortcutCommandindex_action-btn-primary:hover { background: #40a9ff; border-color: #40a9ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn.SingleShortcutCommandindex_action-btn-success { background: #52c41a; color: #fff; border-color: #52c41a; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn.SingleShortcutCommandindex_action-btn-success:hover { background: #73d13d; border-color: #73d13d; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn.SingleShortcutCommandindex_action-btn-ghost { background: #fff; color: #606266; border-color: #dcdfe6; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn.SingleShortcutCommandindex_action-btn-ghost:hover { color: #1890ff; border-color: #1890ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-btn:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_config-layout { display: flex; gap: 0; align-items: stretch; flex: 1; min-height: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_config-left { flex: 1; min-width: 0; display: flex; flex-direction: column; min-height: 0; padding-left: 16px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_config-right { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; padding-left: 20px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-sidebar { width: 140px; flex-shrink: 0; border-right: 1px solid #e4e7ed; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item { display: flex; align-items: center; gap: 8px; padding: 12px 16px; font-size: 14px; font-weight: 500; cursor: pointer; color: #606266; transition: all 0.2s; border-left: 3px solid transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item:hover { color: #303133; background: #f5f7fa; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item.SingleShortcutCommandindex_active { background: var(--tab-bg, #e6f7ff); border-left-color: var(--tab-color, #1890ff); color: var(--tab-color, #1890ff); font-weight: 600; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='命令'] { --tab-color: #1890ff; --tab-bg: #e6f7ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='命令'] .SingleShortcutCommandindex_type-nav-dot { background: #1890ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='Skills'] { --tab-color: #52c41a; --tab-bg: #f6ffed; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='Skills'] .SingleShortcutCommandindex_type-nav-dot { background: #52c41a; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='业务'] { --tab-color: #fa8c16; --tab-bg: #fff7e6; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='业务'] .SingleShortcutCommandindex_type-nav-dot { background: #fa8c16; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='自定义'] { --tab-color: #722ed1; --tab-bg: #f9f0ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-item[data-type='自定义'] .SingleShortcutCommandindex_type-nav-dot { background: #722ed1; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-nav-count { margin-left: auto; font-size: 11px; color: #c0c4cc; font-weight: 400; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_rules-hint { margin-bottom: 10px; padding: 8px 14px; background: #f5f7fa; border-radius: 6px; font-size: 12px; color: #909399; line-height: 1.8; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_rules-hint strong { color: #606266; font-weight: 500; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_command-table { border: 1px solid #ebeef5; border-radius: 6px; overflow: hidden; flex: 1; min-height: 0; display: flex; flex-direction: column; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-header { display: grid; background: #fafafa; border-bottom: 1px solid #ebeef5; padding: 12px 16px; gap: 10px; align-items: center; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-header.SingleShortcutCommandindex_view-mode { grid-template-columns: 1fr 1fr; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-header.SingleShortcutCommandindex_edit-mode { grid-template-columns: 1fr 1fr 40px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-header-cell { font-size: 13px; font-weight: 600; color: #606266; display: flex; align-items: center; gap: 4px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-body { flex: 1; min-height: 0; overflow-y: auto; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-body::-webkit-scrollbar { width: 5px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_table-body::-webkit-scrollbar-thumb { background: #dcdfe6; border-radius: 3px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_view-row { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 16px; gap: 10px; align-items: center; border-bottom: 1px solid #f0f2f5; transition: background 0.15s; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_view-row:last-child { border-bottom: none; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_view-row:hover { background: #fafafa; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_view-cell { font-size: 13px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_view-cell.SingleShortcutCommandindex_muted { color: #909399; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_view-cmd-name { font-weight: 600; color: #1890ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_command-row { display: grid; grid-template-columns: 1fr 1fr 40px; padding: 8px 16px; gap: 10px; align-items: start; border-bottom: 1px solid #f0f2f5; transition: background 0.15s; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_command-row:last-child { border-bottom: none; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_command-row:hover { background: #f5f7fa; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_command-row.SingleShortcutCommandindex_has-error { background: #fff5f5; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_command-row.SingleShortcutCommandindex_new-row { animation: SingleShortcutCommandindex_rowFadeIn 0.2s ease; } @keyframes SingleShortcutCommandindex_rowFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_input-wrap { position: relative; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_input-prefix { position: absolute; left: 10px; top: 9px; color: #909399; font-size: 13px; pointer-events: none; font-weight: 500; z-index: 1; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input { width: 100%; height: 34px; padding: 0 46px 0 12px; border: 1px solid #dcdfe6; border-radius: 4px; font-size: 13px; color: #303133; outline: none; transition: border-color 0.2s, box-shadow 0.2s; background: #fff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input.SingleShortcutCommandindex_has-prefix { padding-left: 22px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input:focus { border-color: #1890ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.12); } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input.SingleShortcutCommandindex_error { border-color: #f56c6c; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input.SingleShortcutCommandindex_error:focus { box-shadow: 0 0 0 2px rgba(245, 108, 108, 0.12); } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input::-moz-placeholder { color: #c0c4cc; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_cmd-input::placeholder { color: #c0c4cc; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_char-count { position: absolute; right: 6px; top: 9px; font-size: 10px; color: #c0c4cc; pointer-events: none; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_char-count.SingleShortcutCommandindex_warning { color: #e6a23c; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_char-count.SingleShortcutCommandindex_danger { color: #f56c6c; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_field-error { font-size: 11px; color: #f56c6c; margin-top: 3px; line-height: 1.3; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_action-col { display: flex; align-items: center; gap: 2px; padding-top: 4px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-icon-delete { width: 28px; height: 28px; border: none; border-radius: 4px; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #909399; transition: all 0.15s; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-icon-delete:hover { background: #fef0f0; color: #f56c6c; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-icon-delete svg { width: 15px; height: 15px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_add-row { padding: 10px 16px; text-align: center; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-add { display: inline-flex; align-items: center; gap: 4px; padding: 6px 16px; border: 1px dashed #d9d9d9; border-radius: 4px; background: #fff; color: #1890ff; font-size: 13px; cursor: pointer; transition: all 0.2s; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-add:hover { border-color: #1890ff; background: #f0f8ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-add:disabled { color: #c0c4cc; border-color: #e4e7ed; background: #f5f7fa; cursor: not-allowed; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_btn-add svg { width: 14px; height: 14px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_empty-state { padding: 40px 0; text-align: center; color: #c0c4cc; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_empty-state p { font-size: 13px; margin-top: 8px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-panel { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); padding: 16px; flex: 1; display: flex; flex-direction: column; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-title { font-size: 14px; font-weight: 600; color: #303133; margin-bottom: 16px; display: flex; align-items: center; gap: 6px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-title svg { width: 16px; height: 16px; color: #909399; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock { background: #f5f7fa; border-radius: 12px; padding: 16px; border: 1px solid #e4e7ed; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-bar { background: #fff; border: 1px solid #dcdfe6; border-radius: 8px; padding: 8px 12px; font-size: 13px; margin-bottom: 8px; display: flex; align-items: center; gap: 4px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-bar .SingleShortcutCommandindex_slash { color: #1890ff; font-weight: 600; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-cursor { display: inline-block; width: 1.5px; height: 14px; background: #1890ff; animation: SingleShortcutCommandindex_cursorBlink 1s step-end infinite; } @keyframes SingleShortcutCommandindex_cursorBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-menu { background: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); overflow: hidden; max-height: 320px; overflow-y: auto; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-menu::-webkit-scrollbar { width: 4px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-menu::-webkit-scrollbar-thumb { background: #dcdfe6; border-radius: 2px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-group { padding: 6px 12px 2px; font-size: 11px; font-weight: 600; color: #909399; letter-spacing: 0.5px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-cmd { display: flex; align-items: center; gap: 8px; padding: 7px 12px; min-width: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-cmd-name { font-size: 13px; font-weight: 600; color: #1890ff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-cmd-desc { font-size: 12px; color: #909399; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-empty { padding: 24px 0; text-align: center; color: #c0c4cc; font-size: 13px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-hint { margin-top: 16px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 6px; margin-bottom: 8px; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item.SingleShortcutCommandindex_behavior-send { background: #e6f7ff; border: 1px solid #91d5ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item.SingleShortcutCommandindex_behavior-send .SingleShortcutCommandindex_type-behavior-dot { background: #1890ff; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item.SingleShortcutCommandindex_behavior-send .SingleShortcutCommandindex_type-behavior-text { color: #096dd9; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item.SingleShortcutCommandindex_behavior-fill { background: #fff7e6; border: 1px solid #ffd591; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item.SingleShortcutCommandindex_behavior-fill .SingleShortcutCommandindex_type-behavior-dot { background: #fa8c16; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-item.SingleShortcutCommandindex_behavior-fill .SingleShortcutCommandindex_type-behavior-text { color: #d46b08; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-dot { width: 10px; height: 10px; border-radius: 50%; margin-top: 3px; flex-shrink: 0; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-text { font-size: 13px; line-height: 1.5; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_type-behavior-label { font-weight: 600; } .SingleShortcutCommandindex_single-shortcut-command .SingleShortcutCommandindex_preview-mock-note { margin-top: auto; padding-top: 12px; font-size: 11px; color: #c0c4cc; text-align: center; line-height: 1.6; flex-shrink: 0; } .ssc-confirm-modal .new-fc-one-modal-content { border-radius: 8px; padding: 24px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); } .ssc-confirm-modal .new-fc-one-modal-confirm-title { font-size: 16px; font-weight: 600; color: #303133; margin-bottom: 12px; } .ssc-confirm-modal .new-fc-one-modal-confirm-content { font-size: 14px; color: #606266; line-height: 1.6; } .ssc-confirm-modal .new-fc-one-modal-footer { display: flex !important; justify-content: flex-end !important; gap: 10px; margin-top: 20px; } .ssc-confirm-modal .new-fc-one-modal-footer > *:first-child { order: 2; } .ssc-confirm-modal .new-fc-one-modal-footer > *:last-child { order: 1; } .ssc-confirm-modal .new-fc-one-modal-footer .new-fc-one-btn { padding: 7px 20px; font-size: 14px; border-radius: 4px; height: auto; line-height: 1.5; } @charset "UTF-8"; /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-hi-file-card { position: relative; } .brick-hi-file-card, .brick-hi-file-card * { box-sizing: border-box; } .brick-hi-file-card-simple { position: relative; width: 260px; height: 99px; } .brick-hi-file-card-simple .brick-hi-file-card-content { position: relative; /* hack 需要添加transform 否则下载进度条无法被圆角截断 */ transform: scale(1); overflow: hidden; width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e9eb; border-radius: 6px; } .brick-hi-file-card-simple .brick-hi-file-card-content:before { content: ""; position: absolute; top: 58px; left: 8px; width: 244px; height: 1px; background: #f2f3f5; } .brick-hi-file-card-simple .brick-hi-file-card-top { width: 100%; height: 58px; padding: 8px 8px 10px; display: flex; } .brick-hi-file-card-simple .brick-hi-file-card-title { width: 198px; font-size: 13px; color: #000; display: flex; align-items: center; word-break: break-all; } .brick-hi-file-card-simple .brick-hi-file-card-info-area, .brick-hi-file-card-simple .brick-hi-file-card-btn-area { display: flex; } .brick-hi-file-card-simple .brick-hi-file-card-bottom { height: 38px; width: 100%; margin-top: 1px; padding: 0px 8px 0; display: flex; justify-content: space-between; align-items: center; } .brick-hi-file-card-simple .brick-hi-file-card-infos { position: relative; width: 198px; margin-left: 6px; color: #9EA0A3; } .brick-hi-file-card-simple .brick-hi-file-card-speed, .brick-hi-file-card-simple .brick-hi-file-card-info { font-size: 12px; color: #848B99; } .brick-hi-file-card-simple .brick-hi-file-card-speed { padding-left: 0; } .brick-hi-file-card-simple .brick-hi-file-card-info { padding-left: 5px; } .brick-hi-file-card-simple .brick-hi-file-card-size { font-size: 12px; color: #9EA0A3; } .brick-hi-file-card-simple .brick-hi-file-card-btn { position: relative; } .brick-hi-file-card-simple .brick-hi-file-card-preview { position: absolute; bottom: 2px; right: 2px; font-size: 12px; line-height: 19px; color: #5A90FA; cursor: pointer; } .brick-hi-file-card-simple .brick-hi-file-card-sj { position: absolute; top: 5px; right: 0px; width: 10px; height: 10px; z-index: 2; } .brick-hi-file-card-simple .brick-hi-file-card-open-text { padding-right: 12px; } .brick-hi-file-card-simple .brick-hi-file-card-edit-text { color: #5A90FA; } .brick-hi-file-card-simple .brick-hi-file-card-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #F1F2F6; } .brick-hi-file-card-simple .brick-hi-file-card-bar { width: 100%; height: 100%; background: #2C8FFF; } .brick-hi-file-card-sj { overflow: hidden; cursor: pointer; } .brick-hi-file-card-sj:before { content: ""; position: absolute; top: 3px; right: 1px; width: 0; height: 0; border-top: 4px solid #333; border-right: 3.5px solid transparent; border-left: 3.5px solid transparent; } .brick-hi-file-card-classic { position: relative; width: 254px; height: 84px; display: flex; flex-direction: column; background: #fff; border: 1px solid #E5E7E6; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .brick-hi-file-card-classic .brick-hi-file-card-top { padding: 10px 10px 9px; display: flex; justify-content: space-between; } .brick-hi-file-card-classic .brick-hi-file-card-info { display: flex; flex-direction: column; } .brick-hi-file-card-classic .brick-hi-file-card-title { width: 184px; margin: 2px 0 10px 0; font-size: 13px; color: #000; line-height: 13px; } .brick-hi-file-card-classic .brick-hi-file-card-size { width: 184px; font-size: 12px; color: #8390A0; line-height: 12px; } .brick-hi-file-card-classic .brick-hi-file-card-bottom { width: 100%; height: 25px; padding: 0 0 0 10px; font-size: 12px; line-height: 24px; color: #2C8FFF; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E5E7E6; } .brick-hi-file-card-classic .brick-hi-file-card-block { display: flex; justify-content: flex-start; align-items: center; } .brick-hi-file-card-classic .brick-hi-file-card-type { color: #8390A0; } .brick-hi-file-card-classic .brick-hi-file-card-btn { position: relative; cursor: pointer; } .brick-hi-file-card-classic .brick-hi-file-card-list-btn { position: absolute; top: 8px; right: -18px; } .brick-hi-file-card-classic .brick-hi-file-card-download, .brick-hi-file-card-classic .brick-hi-file-card-open { margin-right: 17px; } .brick-hi-file-card-classic .brick-hi-file-card-file-status { color: #6AC931; } .brick-hi-file-card-download-error .brick-hi-file-card-bar { background: #F95555; } .brick-hi-file-card-classic .brick-hi-file-card-error { color: #F95555; } .brick-hi-file-card-classic .brick-hi-file-card-progress { position: absolute; left: 0; bottom: 22px; width: 100%; height: 2px; overflow: hidden; background: #F1F2F6; } .brick-hi-file-card-classic .brick-hi-file-card-bar { width: 100%; height: 100%; background: #2C8FFF; } .brick-hi-file-card-classic .brick-hi-file-card-list-btn { transform: translateY(-50%); width: 0; height: 0; margin: 4px 8px 0 -8px; border-top: 5px solid #2C8FFF; border-right: 5px solid transparent; border-left: 5px solid transparent; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-drop-menu, .brick-drop-menu * { box-sizing: border-box; } .brick-drop-menu.brick-popper-with-arrow .brick-popper-inner { padding: 0; } .brick-menu { *zoom: 1; list-style: none; margin: 0; padding: 0; background-color: white; } .brick-menu, .brick-menu * { box-sizing: border-box; } .brick-menu::before, .brick-menu::after { display: table; content: " "; } .brick-menu::after { clear: both; } .brick-menu-item-prefix, .brick-menu-item-suffix { display: inline-block; } .brick-menu-item-suffix-arrow { position: absolute; display: inline-block; right: 12px; padding: 8px; margin: -8px; } .brick-menu-item-content { position: relative; margin: 4px 0; padding: 0 12px; white-space: nowrap; background: none; cursor: pointer; transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease, padding 0.15s ease; } .brick-menu-item-content, .brick-menu-item-content-inner a, .brick-menu-item-content .brick-menu-item-prefix { color: #1C1D1F; } .brick-menu-item-content:active { background-color: #5A90FA; } .brick-menu-item-content:active, .brick-menu-item-content:active a, .brick-menu-item-content:active .brick-menu-item-prefix { color: #fff; } .brick-menu-item-content-in-cursor { background-color: #5A90FA; outline: none; } .brick-menu-item-content-in-cursor, .brick-menu-item-content-in-cursor a, .brick-menu-item-content-in-cursor .brick-menu-item-prefix { color: #fff; } .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-item-content-inner { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .brick-menu-item-content-inner > .brick-menu-item-prefix { margin-right: 8px; } .brick-menu-item-content-inner > a, .brick-menu-item-content-inner > a:hover, .brick-menu-item-content-inner > a:active { text-decoration: none; } .brick-menu-item-content-inner > a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background-color: transparent; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-prefix { color: #5A90FA; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active { background-color: #5A90FA; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active a, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-prefix { color: #fff; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor a, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-prefix { color: #fff; } .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-item-disabled .brick-menu-item-content:active { background: none; cursor: not-allowed; } .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-item-disabled .brick-menu-item-content:hover a, .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix, .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-item-disabled .brick-menu-item-content:focus a, .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix, .brick-menu-item-disabled .brick-menu-item-content:active, .brick-menu-item-disabled .brick-menu-item-content:active a, .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix { color: #C8C9CC; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background: none; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a { color: #5A90FA; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { color: #fff; background-color: #5A90FA; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { box-shadow: none; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-content-inner > .brick-checkbox .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-content-inner > .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-content-inner > .brick-checkbox-checked .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-indeterminate .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-checked .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-checked .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-menu-submenu { margin: 0; padding: 0; } .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-submenu-type-group > .brick-menu-item-content:active, .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-prefix { color: #999999; } .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-submenu-type-group > .brick-menu-item-content:active { cursor: default; background: none; } .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content, .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content a { color: #5A90FA; } .brick-menu-layout-vertical { border-right: 1px solid #eeeeee; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 45px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 45px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 46px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 46px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical .brick-menu { border-right: none; } .brick-menu-layout-horizontal { border-bottom: 1px solid #eeeeee; } .brick-menu-layout-horizontal > li { display: inline-block; vertical-align: top; text-align: center; } .brick-menu-layout-horizontal .brick-menu-item-content { margin: 0; } .brick-menu-layout-horizontal .brick-menu-item-content .brick-menu-item-suffix { color: #1C1D1F; } .brick-menu-layout-horizontal .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: inherit; } .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background: none; } .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix .brick-icon, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: #5A90FA; } .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content-in-cursor, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-type-nav, .brick-menu-type-nav .brick-menu { font-size: 16px; } .brick-menu-type-nav .brick-menu-item-content { height: 36px; line-height: 36px; } .brick-menu-type-nav .brick-menu-item-with-suffix { padding-right: 48px; } .brick-menu-type-nav .brick-menu-item-suffix-arrow { right: 18px; transform: scale(1); top: calc(50% - 6px); font-size: 12px; } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-content::after, .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content::after { content: ""; position: absolute; opacity: 0; transition: transform 0.15s ease, opacity 0.15s ease; } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-disabled .brick-menu-item-content::after, .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-disabled .brick-menu-item-content::after { content: none; } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-content::after { top: 0; left: 0; bottom: 0; border-left: 2px solid #4c84ff; transform: scaleY(0); } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content::after { transform: scaleY(1); opacity: 1; } .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content { height: 48px; line-height: 48px; } .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content::after { top: initial; left: 12px; right: 12px; bottom: 2px; border-bottom: 2px solid #4c84ff; transform: scaleX(0); } .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content::after, .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content::after { transform: scaleX(1); opacity: 1; } .brick-menu-reverse-color.brick-menu, .brick-menu-reverse-color.brick-menu .brick-menu { background-color: #4c84ff; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-vertical { border-right: none; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal { border-bottom: none; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background: none; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix .brick-icon, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: #fff; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content-in-cursor, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #709bff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-content a, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-icon, .brick-menu-reverse-color.brick-menu .brick-menu-item-content a .brick-icon, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-prefix .brick-icon, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: inherit; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active a, .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor { background-color: #709bff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor, .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor a, .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content::after { border-color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active a, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor a, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active { background: #4c84ff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix { color: #C8C9CC; } .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-suffix { color: #b8cbff; } .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:active { cursor: default; background: #4c84ff; } .brick-menu-popper-loading, .brick-menu-popper-empty-hint { padding: 12px 0; color: #999999; text-align: center; } .brick-menu-popper-loading .brick-icon-spin, .brick-menu-popper-empty-hint .brick-icon-spin { font-size: 14px; } .brick-menu-popper .brick-popper-inner { padding: 0; } .brick-menu-popper .brick-popper-inner > .brick-menu { padding: 4px 0 8px; overflow: auto; z-index: 1; position: relative; } .brick-menu-popper .brick-menu-item-select-all + li, .brick-menu-popper li + .brick-menu-submenu-type-group { margin-top: 4px; border-top: 1px solid #eeeeee; } .brick-menu-popper .brick-menu { border-right: none; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu-item-content { padding: 0 12px; } .brick-menu-popper .brick-menu-item .brick-menu-item-content { width: auto; } .brick-menu-popper .brick-menu-item .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-popper .brick-menu-item .brick-menu-item-content:active { background-color: #5A90FA; } .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active { background: none; cursor: not-allowed; } .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix { color: #C8C9CC; } .brick-menu-popper .brick-menu-submenu-type-popper > .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-popper .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-size-sm { font-size: 13px; } .brick-menu-size-sm .brick-menu-item-content { height: 28px; line-height: 28px; } .brick-menu-size-sm .brick-menu-item-content-with-suffix { padding-right: 38px; } .brick-menu-size-sm .brick-menu-item-suffix-arrow { top: calc(50% - 6px); font-size: 12px; transform: scale(0.83333333); } .brick-menu-size-sm.brick-menu-type-nav, .brick-menu-size-sm.brick-menu-type-nav .brick-menu { font-size: 14px; } .brick-menu-size-sm.brick-menu-type-nav .brick-menu-item-content { height: 32px; line-height: 32px; } .brick-menu-size-sm.brick-menu-type-nav .brick-menu-item-content-with-suffix { padding-right: 48px; } .brick-menu-size-sm.brick-menu-type-nav .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 12px; transform: scale(1); font-size: 12px; } .brick-menu-size-sm.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content { height: 44px; line-height: 44px; } .brick-menu-size-sm.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content-with-suffix { padding-right: 32px; } .brick-menu-size-md { font-size: 14px; } .brick-menu-size-md .brick-menu-item-content { height: 32px; line-height: 32px; } .brick-menu-size-md .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-size-md .brick-menu-item-suffix-arrow { top: calc(50% - 6px); font-size: 12px; } .brick-menu-size-md.brick-menu-type-nav, .brick-menu-size-md.brick-menu-type-nav .brick-menu { font-size: 16px; } .brick-menu-size-md.brick-menu-type-nav .brick-menu-item-content { height: 36px; line-height: 36px; } .brick-menu-size-md.brick-menu-type-nav .brick-menu-item-content-with-suffix { padding-right: 48px; } .brick-menu-size-md.brick-menu-type-nav .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 12px; transform: scale(1); font-size: 12px; } .brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content { height: 48px; line-height: 48px; } .brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content-with-suffix { padding-right: 32px; } .brick-menu-popper-size-xs { font-size: 12px; } .brick-menu-popper-size-xs .brick-menu-item-select-all + li, .brick-menu-popper-size-xs li + .brick-menu-submenu-type-group { padding-top: 3px; } .brick-menu-popper-size-xs .brick-menu { font-size: 12px; max-height: 212px; } .brick-menu-popper-size-xs .brick-menu .brick-menu-item-content { margin: 0; height: 24px; line-height: 24px; } .brick-menu-popper-size-xs .brick-menu-item-content-with-suffix { padding-right: 38px; } .brick-menu-popper-size-xs .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 9px; transform: scale(1); font-size: 12px; transform: scale(0.83333333); } .brick-menu-popper-size-sm { font-size: 12px; } .brick-menu-popper-size-sm .brick-menu-item-select-all + li, .brick-menu-popper-size-sm li + .brick-menu-submenu-type-group { padding-top: 5px; } .brick-menu-popper-size-sm .brick-menu { font-size: 12px; max-height: 246px; } .brick-menu-popper-size-sm .brick-menu .brick-menu-item-content { margin: 0; height: 28px; line-height: 28px; } .brick-menu-popper-size-sm .brick-menu-item-content-with-suffix { padding-right: 38px; } .brick-menu-popper-size-sm .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 9px; transform: scale(1); font-size: 12px; transform: scale(0.83333333); } .brick-menu-popper-size-md { font-size: 13px; } .brick-menu-popper-size-md .brick-menu-item-select-all + li, .brick-menu-popper-size-md li + .brick-menu-submenu-type-group { padding-top: 6.5px; } .brick-menu-popper-size-md .brick-menu { font-size: 13px; max-height: 280px; } .brick-menu-popper-size-md .brick-menu .brick-menu-item-content { margin: 0; height: 32px; line-height: 32px; } .brick-menu-popper-size-md .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-popper-size-md .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 11px; transform: scale(1); font-size: 12px; } .brick-menu-popper-size-lg { font-size: 16px; } .brick-menu-popper-size-lg .brick-menu-item-select-all + li, .brick-menu-popper-size-lg li + .brick-menu-submenu-type-group { padding-top: 6px; } .brick-menu-popper-size-lg .brick-menu { font-size: 16px; max-height: 314px; } .brick-menu-popper-size-lg .brick-menu .brick-menu-item-content { margin: 0; height: 36px; line-height: 36px; } .brick-menu-popper-size-lg .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-popper-size-lg .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 11px; transform: scale(1); font-size: 12px; } .brick-popper, .brick-popper * { box-sizing: border-box; } .brick-popper-wrap { position: absolute; z-index: 1030; } .brick-popper-inner { background: white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 3px; overflow: hidden; } .brick-popper-with-arrow .brick-popper-inner { padding: 7px 12px; } .brick-popper-ref-hidden .brick-popper-wrap { display: none; } .brick-popper-arrow { position: absolute; width: 0; height: 0; display: none; } .brick-popper-arrow::after, .brick-popper-arrow::before { display: inline-block; position: absolute; content: ""; background: white; width: 10px; height: 10px; } .brick-popper-arrow::after { transform: translateX(-50%); width: 20px; top: -5px; } .brick-popper-arrow::before { transform: translateX(-50%) rotate(45deg); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .brick-popper-arrow.direction-down, .brick-popper-arrow.direction-up, .brick-popper-arrow.direction-right, .brick-popper-arrow.direction-left { display: inline-block; } .brick-popper-arrow.direction-down, .brick-popper-arrow.direction-up { margin: 0 10px; } .brick-popper-arrow.direction-right, .brick-popper-arrow.direction-left { margin: 10px 0; } .brick-popper-arrow.direction-down { transform: rotate(0deg); bottom: 15px; } .brick-popper-arrow.direction-up { transform: rotate(180deg); top: 15px; } .brick-popper-arrow.direction-right { transform: rotate(-90deg); right: 15px; } .brick-popper-arrow.direction-left { transform: rotate(90deg); left: 15px; } .brick-popper-placement-top .brick-popper-arrow, .brick-popper-placement-bottom .brick-popper-arrow { left: calc(50% - 10px); } .brick-popper-placement-left .brick-popper-arrow, .brick-popper-placement-right .brick-popper-arrow { top: calc(50% - 10px); } .brick-popper-placement-top-start .brick-popper-arrow, .brick-popper-placement-bottom-start .brick-popper-arrow { left: 10px; } .brick-popper-placement-top-end .brick-popper-arrow, .brick-popper-placement-bottom-end .brick-popper-arrow { right: 10px; } .brick-popper-placement-left-start .brick-popper-arrow, .brick-popper-placement-right-start .brick-popper-arrow { top: 10px; } .brick-popper-placement-left-end .brick-popper-arrow, .brick-popper-placement-right-end .brick-popper-arrow { bottom: 10px; } .brick-popper[class*=brick-popper-placement-top] .brick-popper-wrap { padding-bottom: 2px; } .brick-popper[class*=brick-popper-placement-bottom] .brick-popper-wrap { padding-top: 2px; } .brick-popper[class*=brick-popper-placement-left] .brick-popper-wrap { padding-right: 2px; } .brick-popper[class*=brick-popper-placement-right] .brick-popper-wrap { padding-left: 2px; } .brick-popper-with-arrow[class*=brick-popper-placement-top] .brick-popper-wrap { padding-bottom: 10px; } .brick-popper-with-arrow[class*=brick-popper-placement-bottom] .brick-popper-wrap { padding-top: 10px; } .brick-popper-with-arrow[class*=brick-popper-placement-left] .brick-popper-wrap { padding-right: 10px; } .brick-popper-with-arrow[class*=brick-popper-placement-right] .brick-popper-wrap { padding-left: 10px; } .brick-popup, .brick-popup * { box-sizing: border-box; } .brick-popup-visible { display: block; } .brick-popup-hidden { display: none; } .brick-checkbox { display: inline-block; cursor: pointer; } .brick-checkbox, .brick-checkbox * { box-sizing: border-box; } .brick-checkbox-wrap { position: relative; display: inline-block; vertical-align: sub; } .brick-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .brick-checkbox-mark { position: relative; border: 1px solid #C8C9CC; background-color: #fff; border-radius: 2px; } .brick-checkbox-mark-inner { visibility: hidden; position: absolute; top: 50%; left: 50%; line-height: 1; text-align: center; transform: translate(-50%, -50%) scale(0); } .brick-checkbox-mark, .brick-checkbox-mark-inner { transition: all 0.2s; } .brick-checkbox-mark, .brick-checkbox-mark .brick-icon { color: white; } .brick-checkbox-label { padding-left: 8px; padding-right: 16px; } .brick-checkbox:hover .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-checkbox:active .brick-checkbox-mark, .brick-checkbox:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #4c84ff; box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.2); outline: none; background-color: #fff; } .brick-checkbox-input[disabled] + .brick-checkbox-mark, .brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-readonly .brick-checkbox-mark { border-color: #e8e9eb; background-color: #fafafa; } .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-indeterminate .brick-checkbox-mark-inner, .brick-checkbox-checked .brick-checkbox-mark-inner { visibility: visible; transform: translate(-50%, -50%) scale(1.1); } .brick-checkbox-indeterminate:hover .brick-checkbox-mark, .brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-indeterminate:active .brick-checkbox-mark, .brick-checkbox-indeterminate:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-indeterminate .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #5A90FA; } .brick-checkbox-indeterminate.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-indeterminate.brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-disabled .brick-checkbox-mark { background-color: #dcdde0; border-color: #dcdde0; } .brick-checkbox-disabled, .brick-checkbox-readonly { cursor: not-allowed; } .brick-checkbox-size-sm { font-size: 12px; } .brick-checkbox-size-sm .brick-checkbox-mark { height: 14px; width: 14px; } .brick-checkbox-size-sm.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-sm.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 12px; } .brick-checkbox-size-md { font-size: 14px; } .brick-checkbox-size-md .brick-checkbox-mark { height: 16px; width: 16px; } .brick-checkbox-size-md.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-md.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-size-lg { font-size: 16px; } .brick-checkbox-size-lg .brick-checkbox-mark { height: 18px; width: 18px; } .brick-checkbox-size-lg.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-lg.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-type-intensive.brick-checkbox { position: relative; } .brick-checkbox-type-intensive.brick-checkbox + .brick-checkbox-type-intensive.brick-checkbox { margin-left: -1px; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark, .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { border-color: #C8C9CC; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox:first-child .brick-checkbox-mark { border-radius: 3px 0 0 3px; } .brick-checkbox-type-intensive.brick-checkbox:last-child .brick-checkbox-mark { border-radius: 0 3px 3px 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-wrap { position: static; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark { width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #C8C9CC; border-radius: 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner { width: 12px; height: 12px; font-size: 12px; visibility: visible; right: 1px; top: 0; left: auto; transform: none; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner .brick-icon { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { background-color: #fff; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { background-color: #fff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { z-index: 5; box-shadow: 0 0 0 2px #dbe4ff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-label { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked { color: #fff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-wrap { background-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark { border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark .brick-icon { color: #fff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #dcdde0; background-color: #dcdde0; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:active .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked) .brick-checkbox-mark { border-left: none; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:before { content: ""; position: absolute; width: 1px; left: 0; top: 0; bottom: 0; z-index: 4; background-color: #b8cbff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-label { width: 100%; position: relative; z-index: 8; display: inline-block; } .brick-checkbox-group { display: inline-block; } .brick-checkbox-group-layout-vertical .brick-checkbox { display: block; } .brick-checkbox-group .brick-checkbox-size-sm { line-height: 28px; } .brick-checkbox-group .brick-checkbox-size-md { line-height: 32px; } .brick-checkbox-group .brick-checkbox-size-lg { line-height: 36px; } @keyframes spinning { 0% { transform-origin: 50% 50%; transform: rotate(0deg); } 100% { transform-origin: 50% 50%; transform: rotate(360deg); } } .brick-icon { display: inline-block; color: #1C1D1F; font-style: normal; line-height: 0; text-align: center; vertical-align: -0.15em; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brick-icon, .brick-icon * { box-sizing: border-box; } .brick-icon-spin { animation: spinning 1s infinite linear; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ [data-brick-theme=hi] .brick-button { border: none; } [data-brick-theme=hi] .brick-button:hover, [data-brick-theme=hi] .brick-button:focus, [data-brick-theme=hi] .brick-button:active { border: none; box-shadow: none; } [data-brick-theme=hi] .brick-button.brick-button-color-secondary:not(.brick-button-disabled) { color: #77787A; } [data-brick-theme=hi] .brick-button.brick-button-color-secondary:not(.brick-button-disabled) .brick-icon { color: #77787A; } [data-brick-theme=hi] .brick-button.brick-button-block { display: block; width: 100%; margin: 0; } [data-brick-theme=hi] .brick-button.brick-button-type-normal:not(.brick-button-disabled):active { color: rgba(28, 29, 31, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-type-normal:not(.brick-button-disabled):active .brick-icon { color: rgba(28, 29, 31, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-size-xs.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 48px; } [data-brick-theme=hi] .brick-button.brick-button-size-xs.brick-button-shape-circle { border-radius: 10px; } [data-brick-theme=hi] .brick-button.brick-button-size-sm.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 70px; } [data-brick-theme=hi] .brick-button.brick-button-size-sm.brick-button-shape-circle { border-radius: 12px; } [data-brick-theme=hi] .brick-button.brick-button-size-md.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 80px; } [data-brick-theme=hi] .brick-button.brick-button-size-md.brick-button-shape-circle { border-radius: 14px; } [data-brick-theme=hi] .brick-button.brick-button-size-lg.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 100px; } [data-brick-theme=hi] .brick-button.brick-button-size-lg.brick-button-shape-circle { border-radius: 16px; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-button { display: inline-block; border-radius: 3px; border: none; background-color: #f2f3f5; cursor: pointer; outline: none; white-space: nowrap; } .brick-button, .brick-button * { box-sizing: border-box; } .brick-button-inner { position: relative; } .brick-button, .brick-button .brick-icon { color: #1C1D1F; } .brick-button.brick-button-color-secondary:not(.brick-button-disabled) { color: #77787A; } .brick-button.brick-button-color-secondary:not(.brick-button-disabled) .brick-icon { color: #77787A; } .brick-button.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button:focus, .brick-button:hover { background-color: #e8e9eb; } .brick-button:active { background-color: #e8e9eb; } .brick-button:focus:not([tabindex^="-"]) { box-shadow: none; border-color: #5A90FA; } .brick-button:not(.brick-button-loading-type-icon-only) .brick-button-loading-icon + .brick-button-content, .brick-button .brick-icon + .brick-button-content { margin-left: 4px; } .brick-button-disabled, .brick-button-disabled:hover, .brick-button-disabled:active, .brick-button-disabled:focus { background-color: #f2f3f5; } .brick-button-disabled, .brick-button-disabled .brick-icon, .brick-button-disabled:hover, .brick-button-disabled:hover .brick-icon, .brick-button-disabled:active, .brick-button-disabled:active .brick-icon, .brick-button-disabled:focus, .brick-button-disabled:focus .brick-icon { cursor: not-allowed; color: #C8C9CC; } .brick-button.brick-button-type-normal:not(.brick-button-disabled):active { color: rgba(28, 29, 31, 0.7); } .brick-button.brick-button-type-normal:not(.brick-button-disabled):active .brick-icon { color: rgba(28, 29, 31, 0.7); } .brick-button-loading.brick-button-type-normal .brick-common-loading-icon, .brick-button-loading.brick-button-type-plain.brick-button-icon-only .brick-common-loading-icon { color: #5A90FA; } .brick-button-loading.brick-button-content-icon-only:not(.brick-button-loading-type-icon-only) .brick-button-content { display: none; } .brick-button + .brick-button { margin-left: 8px; } .brick-button.brick-button-size-xs.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 48px; } .brick-button.brick-button-size-xs.brick-button-shape-circle { border-radius: 10px; } .brick-button.brick-button-size-xs.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-xs { height: 20px; padding: 0 8px; font-size: 12px; } .brick-button-size-xs.brick-button-shape-capsule { border-radius: 10px; } .brick-button-size-xs.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-xs.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-xs:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 48px; } .brick-button-size-xs.brick-button-content-icon-only, .brick-button-size-xs.brick-button-icon-only { padding: 0; width: 20px; } .brick-button-size-xs.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-xs.brick-button-icon-only.brick-button-type-plain { height: 16px; width: 16px; } .brick-button-size-xs + .brick-button-size-xs { margin-left: 8px; } .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs.brick-button-type-plain.brick-button-icon-only, .brick-button-size-xs + .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs { margin-left: 4px; } .brick-button-size-xs + .brick-button-type-plain.brick-button-icon-only { margin-left: 8px; } .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 0px; } .brick-button.brick-button-size-sm.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 70px; } .brick-button.brick-button-size-sm.brick-button-shape-circle { border-radius: 12px; } .brick-button.brick-button-size-sm.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-sm { height: 24px; padding: 0 12px; font-size: 12px; } .brick-button-size-sm.brick-button-shape-capsule { border-radius: 12px; } .brick-button-size-sm.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-sm.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-sm:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 70px; } .brick-button-size-sm.brick-button-content-icon-only, .brick-button-size-sm.brick-button-icon-only { padding: 0; width: 24px; } .brick-button-size-sm.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-sm.brick-button-icon-only.brick-button-type-plain { height: 16px; width: 16px; } .brick-button-size-sm + .brick-button-size-sm { margin-left: 12px; } .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm.brick-button-type-plain.brick-button-icon-only, .brick-button-size-sm + .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm { margin-left: 8px; } .brick-button-size-sm + .brick-button-type-plain.brick-button-icon-only { margin-left: 12px; } .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 4px; } .brick-button.brick-button-size-md.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 80px; } .brick-button.brick-button-size-md.brick-button-shape-circle { border-radius: 14px; } .brick-button.brick-button-size-md.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-md { height: 28px; padding: 0 16px; font-size: 14px; } .brick-button-size-md.brick-button-shape-capsule { border-radius: 14px; } .brick-button-size-md.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-md.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-md:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 80px; } .brick-button-size-md.brick-button-content-icon-only, .brick-button-size-md.brick-button-icon-only { padding: 0; width: 28px; } .brick-button-size-md.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-md.brick-button-icon-only.brick-button-type-plain { height: 18px; width: 18px; } .brick-button-size-md + .brick-button-size-md { margin-left: 12px; } .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md.brick-button-type-plain.brick-button-icon-only, .brick-button-size-md + .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md { margin-left: 12px; } .brick-button-size-md + .brick-button-type-plain.brick-button-icon-only { margin-left: 16px; } .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 8px; } .brick-button.brick-button-size-lg.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 100px; } .brick-button.brick-button-size-lg.brick-button-shape-circle { border-radius: 16px; } .brick-button.brick-button-size-lg.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-lg { height: 32px; padding: 0 20px; font-size: 14px; } .brick-button-size-lg.brick-button-shape-capsule { border-radius: 16px; } .brick-button-size-lg.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-lg.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-lg:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 100px; } .brick-button-size-lg.brick-button-content-icon-only, .brick-button-size-lg.brick-button-icon-only { padding: 0; width: 32px; } .brick-button-size-lg.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-lg.brick-button-icon-only.brick-button-type-plain { height: 18px; width: 18px; } .brick-button-size-lg + .brick-button-size-lg { margin-left: 12px; } .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg.brick-button-type-plain.brick-button-icon-only, .brick-button-size-lg + .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg { margin-left: 16px; } .brick-button-size-lg + .brick-button-type-plain.brick-button-icon-only { margin-left: 20px; } .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 12px; } .brick-button-type-intensive { background-color: white; } .brick-button-type-important, .brick-button-type-translucent { border-color: transparent; } .brick-button-type-ghost, .brick-button-type-ghost:hover, .brick-button-type-ghost:focus, .brick-button-type-ghost.brick-button-disabled, .brick-button-type-ghost.brick-button-disabled:hover, .brick-button-type-ghost.brick-button-disabled:focus { border-color: #fff; background: none; } .brick-button-type-ghost, .brick-button-type-ghost .brick-icon, .brick-button-type-ghost:hover, .brick-button-type-ghost:hover .brick-icon, .brick-button-type-ghost:focus, .brick-button-type-ghost:focus .brick-icon, .brick-button-type-ghost.brick-button-disabled, .brick-button-type-ghost.brick-button-disabled .brick-icon, .brick-button-type-ghost.brick-button-disabled:hover, .brick-button-type-ghost.brick-button-disabled:hover .brick-icon, .brick-button-type-ghost.brick-button-disabled:focus, .brick-button-type-ghost.brick-button-disabled:focus .brick-icon { color: #fff; } .brick-button-type-ghost.brick-button-disabled { opacity: 0.4; } .brick-button-type-plain { padding: 0 4px; height: auto; border-color: transparent; } .brick-button-type-plain, .brick-button-type-plain:hover, .brick-button-type-plain:focus, .brick-button-type-plain:active, .brick-button-type-plain .brick-button-disabled { background: none; } .brick-button-type-plain, .brick-button-type-plain .brick-icon { color: #1C1D1F; } .brick-button-type-plain:focus, .brick-button-type-plain:focus .brick-icon, .brick-button-type-plain:hover, .brick-button-type-plain:hover .brick-icon { color: #4a7bdb; } .brick-button-type-plain:active, .brick-button-type-plain:active .brick-icon { color: #4a7bdb; } .brick-button-type-plain.brick-button-disabled, .brick-button-type-plain.brick-button-disabled .brick-icon { color: #cccccc; } .brick-button-type-plain.brick-button-icon-only { width: auto; height: auto; line-height: 1; background: none; } .brick-button-type-plain.brick-button-icon-only .brick-icon { color: #1C1D1F; } .brick-button-type-plain.brick-button-icon-only:focus .brick-icon, .brick-button-type-plain.brick-button-icon-only:hover .brick-icon { color: #5A90FA; } .brick-button-type-plain.brick-button-icon-only:active .brick-icon { color: #4a7bdb; } .brick-button-type-plain.brick-button-icon-only.brick-button-disabled .brick-icon { color: #cccccc; } .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } .brick-button-color-primary.brick-button-type-important, .brick-button-color-primary.brick-button-type-important .brick-icon, .brick-button-color-primary.brick-button-type-important.brick-button-disabled, .brick-button-color-primary.brick-button-type-important.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-primary.brick-button-type-translucent, .brick-button-color-primary.brick-button-type-translucent .brick-icon, .brick-button-color-primary.brick-button-type-translucent.brick-button-disabled, .brick-button-color-primary.brick-button-type-translucent.brick-button-disabled .brick-icon { color: #fff; } .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } .brick-button-color-success.brick-button-type-important, .brick-button-color-success.brick-button-type-important .brick-icon, .brick-button-color-success.brick-button-type-important.brick-button-disabled, .brick-button-color-success.brick-button-type-important.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-success.brick-button-type-translucent, .brick-button-color-success.brick-button-type-translucent .brick-icon, .brick-button-color-success.brick-button-type-translucent.brick-button-disabled, .brick-button-color-success.brick-button-type-translucent.brick-button-disabled .brick-icon { color: #fff; } .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } .brick-button-color-error.brick-button-type-important, .brick-button-color-error.brick-button-type-important .brick-icon, .brick-button-color-error.brick-button-type-important.brick-button-disabled, .brick-button-color-error.brick-button-type-important.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-error.brick-button-type-translucent, .brick-button-color-error.brick-button-type-translucent .brick-icon, .brick-button-color-error.brick-button-type-translucent.brick-button-disabled, .brick-button-color-error.brick-button-type-translucent.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-primary:focus { box-shadow: 0 0 0 2px rgba(110, 157, 250, 0.2); border-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-intensive { border-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-intensive, .brick-button-color-primary.brick-button-type-intensive .brick-icon { color: #6E9DFA; } .brick-button-color-primary.brick-button-type-intensive:focus, .brick-button-color-primary.brick-button-type-intensive:hover { background-color: #f2f5ff; } .brick-button-color-primary.brick-button-type-intensive:active { background-color: #dbe4ff; } .brick-button-color-primary.brick-button-type-intensive.brick-button-disabled { background-color: #f2f5ff; border-color: #dbe4ff; } .brick-button-color-primary.brick-button-type-intensive.brick-button-disabled, .brick-button-color-primary.brick-button-type-intensive.brick-button-disabled .brick-icon { color: #b8cbff; } .brick-button-color-primary.brick-button-type-important { background-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-important:focus, .brick-button-color-primary.brick-button-type-important:hover { background-color: #5A90FA; } .brick-button-color-primary.brick-button-type-important:active { background-color: #5A90FA; } .brick-button-color-primary.brick-button-type-important.brick-button-disabled { background-color: #bacffa; } .brick-button-color-primary.brick-button-type-translucent { background-color: rgba(110, 157, 250, 0.6); } .brick-button-color-primary.brick-button-type-translucent:focus, .brick-button-color-primary.brick-button-type-translucent:hover { background-color: rgba(110, 157, 250, 0.5); } .brick-button-color-primary.brick-button-type-translucent:active { background-color: rgba(110, 157, 250, 0.7); } .brick-button-color-primary.brick-button-type-translucent.brick-button-disabled { background-color: rgba(110, 157, 250, 0.2); } .brick-button-color-primary.brick-button-type-plain { background: none; } .brick-button-color-primary.brick-button-type-plain, .brick-button-color-primary.brick-button-type-plain .brick-icon { color: #5A90FA; } .brick-button-color-primary.brick-button-type-plain:focus, .brick-button-color-primary.brick-button-type-plain:focus .brick-icon, .brick-button-color-primary.brick-button-type-plain:hover, .brick-button-color-primary.brick-button-type-plain:hover .brick-icon { color: #4a7bdb; } .brick-button-color-primary.brick-button-type-plain:active, .brick-button-color-primary.brick-button-type-plain:active .brick-icon { color: #4a7bdb; } .brick-button-color-primary.brick-button-type-plain.brick-button-disabled { background: none; } .brick-button-color-primary.brick-button-type-plain.brick-button-disabled, .brick-button-color-primary.brick-button-type-plain.brick-button-disabled .brick-icon { color: #b8cbff; } .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):focus { border-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):hover .brick-icon, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):focus, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):focus .brick-icon { color: #6E9DFA; } .brick-button-color-success:focus { box-shadow: 0 0 0 2px rgba(71, 204, 116, 0.2); border-color: #47cc74; } .brick-button-color-success.brick-button-type-intensive { border-color: #47cc74; } .brick-button-color-success.brick-button-type-intensive, .brick-button-color-success.brick-button-type-intensive .brick-icon { color: #47cc74; } .brick-button-color-success.brick-button-type-intensive:focus, .brick-button-color-success.brick-button-type-intensive:hover { background-color: #f2fff4; } .brick-button-color-success.brick-button-type-intensive:active { background-color: #d0f2d5; } .brick-button-color-success.brick-button-type-intensive.brick-button-disabled { background-color: #f2fff4; border-color: #d0f2d5; } .brick-button-color-success.brick-button-type-intensive.brick-button-disabled, .brick-button-color-success.brick-button-type-intensive.brick-button-disabled .brick-icon { color: #a5e6ae; } .brick-button-color-success.brick-button-type-important { background-color: #47cc74; } .brick-button-color-success.brick-button-type-important:focus, .brick-button-color-success.brick-button-type-important:hover { background-color: #32A85A; } .brick-button-color-success.brick-button-type-important:active { background-color: #32A85A; } .brick-button-color-success.brick-button-type-important.brick-button-disabled { background-color: #B4EDC7; } .brick-button-color-success.brick-button-type-translucent { background-color: rgba(71, 204, 116, 0.6); } .brick-button-color-success.brick-button-type-translucent:focus, .brick-button-color-success.brick-button-type-translucent:hover { background-color: rgba(71, 204, 116, 0.5); } .brick-button-color-success.brick-button-type-translucent:active { background-color: rgba(71, 204, 116, 0.7); } .brick-button-color-success.brick-button-type-translucent.brick-button-disabled { background-color: rgba(71, 204, 116, 0.2); } .brick-button-color-success.brick-button-type-plain { background: none; } .brick-button-color-success.brick-button-type-plain, .brick-button-color-success.brick-button-type-plain .brick-icon { color: #47cc74; } .brick-button-color-success.brick-button-type-plain:focus, .brick-button-color-success.brick-button-type-plain:focus .brick-icon, .brick-button-color-success.brick-button-type-plain:hover, .brick-button-color-success.brick-button-type-plain:hover .brick-icon { color: #32A85A; } .brick-button-color-success.brick-button-type-plain:active, .brick-button-color-success.brick-button-type-plain:active .brick-icon { color: #32A85A; } .brick-button-color-success.brick-button-type-plain.brick-button-disabled { background: none; } .brick-button-color-success.brick-button-type-plain.brick-button-disabled, .brick-button-color-success.brick-button-type-plain.brick-button-disabled .brick-icon { color: #a5e6ae; } .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):focus { border-color: #47cc74; } .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):hover .brick-icon, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):focus, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):focus .brick-icon { color: #47cc74; } .brick-button-color-error:focus { box-shadow: 0 0 0 2px rgba(249, 99, 85, 0.2); border-color: #f96355; } .brick-button-color-error.brick-button-type-intensive { border-color: #f96355; } .brick-button-color-error.brick-button-type-intensive, .brick-button-color-error.brick-button-type-intensive .brick-icon { color: #f96355; } .brick-button-color-error.brick-button-type-intensive:focus, .brick-button-color-error.brick-button-type-intensive:hover { background-color: #fff2f2; } .brick-button-color-error.brick-button-type-intensive:active { background-color: #ffdbdc; } .brick-button-color-error.brick-button-type-intensive.brick-button-disabled { background-color: #fff2f2; border-color: #ffdbdc; } .brick-button-color-error.brick-button-type-intensive.brick-button-disabled, .brick-button-color-error.brick-button-type-intensive.brick-button-disabled .brick-icon { color: #ffb8ba; } .brick-button-color-error.brick-button-type-important { background-color: #f96355; } .brick-button-color-error.brick-button-type-important:focus, .brick-button-color-error.brick-button-type-important:hover { background-color: #D45448; } .brick-button-color-error.brick-button-type-important:active { background-color: #D45448; } .brick-button-color-error.brick-button-type-important.brick-button-disabled { background-color: #FFC7C2; } .brick-button-color-error.brick-button-type-translucent { background-color: rgba(249, 99, 85, 0.6); } .brick-button-color-error.brick-button-type-translucent:focus, .brick-button-color-error.brick-button-type-translucent:hover { background-color: rgba(249, 99, 85, 0.5); } .brick-button-color-error.brick-button-type-translucent:active { background-color: rgba(249, 99, 85, 0.7); } .brick-button-color-error.brick-button-type-translucent.brick-button-disabled { background-color: rgba(249, 99, 85, 0.2); } .brick-button-color-error.brick-button-type-plain { background: none; } .brick-button-color-error.brick-button-type-plain, .brick-button-color-error.brick-button-type-plain .brick-icon { color: #f96355; } .brick-button-color-error.brick-button-type-plain:focus, .brick-button-color-error.brick-button-type-plain:focus .brick-icon, .brick-button-color-error.brick-button-type-plain:hover, .brick-button-color-error.brick-button-type-plain:hover .brick-icon { color: #D45448; } .brick-button-color-error.brick-button-type-plain:active, .brick-button-color-error.brick-button-type-plain:active .brick-icon { color: #D45448; } .brick-button-color-error.brick-button-type-plain.brick-button-disabled { background: none; } .brick-button-color-error.brick-button-type-plain.brick-button-disabled, .brick-button-color-error.brick-button-type-plain.brick-button-disabled .brick-icon { color: #ffb8ba; } .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):focus { border-color: #f96355; } .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):hover .brick-icon, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):focus, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):focus .brick-icon { color: #f96355; } .brick-button-loading-type-icon-only .brick-button-loading-icon { position: absolute; left: 50%; transform: translateX(-50%); } .brick-button-loading-type-icon-only.brick-button-loading .brick-button-inner > *:not(.brick-button-loading-icon) { visibility: hidden; } .brick-grouped-buttons { display: inline-block; } .brick-grouped-buttons .brick-button + .brick-button { margin-left: 8px; } .brick-grouped-buttons + .brick-grouped-buttons { margin-left: 36px; } a:not(.brick-button-type-plain).brick-button { text-align: center; text-decoration: none; } a:not(.brick-button-type-plain).brick-button-size-xs { line-height: 18px; } a:not(.brick-button-type-plain).brick-button-size-sm { line-height: 22px; } a:not(.brick-button-type-plain).brick-button-size-md { line-height: 26px; } a:not(.brick-button-type-plain).brick-button-size-lg { line-height: 30px; } a:not(.brick-button-type-plain).brick-button-disabled { pointer-events: none; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ * { box-sizing: border-box; } .components-message-send-message-wrapper { padding: 0 40px; } .components-message-select-material { padding: 20px 0; } .components-message-title, .components-message-cover, .components-message-abstract, .components-message-main-contents, .components-message-sourceurl, .components-message-author, .components-message-outerurl { display: inline-block; width: 82px; line-height: 22px; margin-left: 16px; margin-top: 5px; text-align: right; color: #666; vertical-align: top; } .components-message-upload-img-wrapper { display: inline-block; position: relative; } .components-message-upload-img, .components-message-upload-audio { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; max-height: 100%; overflow: hidden; } .components-message-imgupload-helper { display: inline-block; color: #999; margin-left: 12px; } .components-message-upload-helper { display: inline-block; color: #999; margin-top: 5px; } .components-message-upload-material-wrapper { position: relative; margin-top: 8px; margin-left: 93px; background: #fafafa; border-radius: 3px; width: 136px; text-align: center; } .components-message-upload-material-wrapper.components-message-uploaded-material-wrapper { text-align: left; } .components-message-upload-material-wrapper.components-message-uploaded-audio-wrapper, .components-message-upload-material-wrapper.components-message-uploaded-file-wrapper { width: 260px; } .components-message-upload-material-wrapper .components-message-add { width: 100%; height: 136px; border: 1px solid #e0e0e0; border-radius: 3px; } .components-message-upload-material-wrapper .components-message-add.components-message-add-pic { position: relative; display: flex; justify-content: center; align-items: center; background: #fff; } .components-message-upload-material-wrapper .components-message-loading-icon { margin-top: 26px; margin-bottom: 11px; } .components-message-upload-material-wrapper .components-message-add-img { margin-top: 34px; margin-bottom: 17px; } .components-message-upload-material-wrapper .components-message-add-title { color: #333; } .components-message-upload-material-wrapper .components-message-uploaded-pic { max-width: 100%; max-height: 100%; } .components-message-upload-material-wrapper .components-message-pic-size { font-size: 14px; color: #999; line-height: 22px; margin: 4px 0; text-align: left; } .components-message-upload-material-wrapper .components-message-pic-name { color: #333; line-height: 22px; text-align: left; width: 352px; white-space: pre-wrap; word-break: break-all; } .components-message-upload-material-wrapper:not(.components-message-uploaded-material-wrapper) { background: #fff; } .components-message-upload-material-wrapper:not(.components-message-uploaded-material-wrapper):hover { background: #f5f5f5; } .components-message-upload-material-wrapper:not(.components-message-uploaded-material-wrapper):active { background: #eee; } .components-message-delete-pic, .components-message-delete-file { position: absolute; left: 363px; bottom: 0; cursor: pointer; } .components-message-delete-pic img, .components-message-delete-file img { width: 14px; height: 14px; } .components-message-delete-pic { left: 141px; } .components-message-delete-file { left: 267px; } .components-message-select-material-button { padding: 0 11px; width: 98px; } .components-message-select-material-button .new-fc-one-icon { margin-right: 4px; } .components-message-star::before { display: inline-block; margin-right: 4px; color: #e64552; line-height: 1; content: '*'; font-size: 14px; } .components-message-textarea-wrapper { display: inline-block; position: relative; } .components-message-textarea-wrapper .new-fc-one-textarea-tip { display: block; color: #ff2f41; margin-left: 0; } .components-message-textarea-wrapper textarea { max-height: auto; resize: none !important; padding-bottom: 36px !important; min-height: 499px !important; } .components-message-pictext-textarea-wrapper { display: inline-block; } .components-message-pictext-textarea-wrapper .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea { resize: none; max-height: auto; } .components-message-pictext-textarea-wrapper textarea { font-size: 14px !important; } .components-message-pictext-input-wrapper { display: inline-block; width: 714px; } .components-message-smile { position: absolute; left: 12px; bottom: 12px; } .components-message-smile.components-message-with-tip { bottom: 53px; } .components-message-smile-img { width: 24px; height: 24px; cursor: pointer; } .components-message-tab-item-content { width: 824px; background: #fafafa; border-top: 1px solid #ededed; } .components-message-tab-inner-content { text-align: left; padding-bottom: 40px; } .components-message-tab-inner-content .new-fc-one-textarea-tip-error, .components-message-tab-inner-content .new-fc-one-input-error { margin-left: 8px; margin-top: 4px; margin-bottom: 20px; font-size: 12px; } .components-message-tab-inner-content .components-message-pictext-material .components-message-error-hide { margin-bottom: 20px; } .components-message-tab-inner-content .components-message-pictext-material .components-message-cover-error, .components-message-tab-inner-content .components-message-pictext-material .components-message-editor-contents-error { margin-top: 4px; color: #e64552; font-size: 12px; } .components-message-tab-inner-content .components-message-pictext-material .components-message-cover-error { margin-left: 8px; } .components-message-tab-inner-content .components-message-pictext-material .components-message-editor-contents-error { margin-left: 105px; } .components-message-tab-inner-content .components-message-pictext-material .new-fc-one-uploader { width: auto; } .components-message-tab-inner-content .components-message-pictext-material .new-fc-one-uploader-anchor-file-container-right { margin-bottom: 0; } .component-message-material-preview { position: relative; display: flex; } .components-message-preview-content-wrapper:not(.components-message-preview-pictext-content-wrapper) { position: absolute; right: 0; top: 0; bottom: 0; overflow-y: auto; width: 280px; margin-left: 16px; text-align: left; } .components-message-preview-content-wrapper:not(.components-message-preview-pictext-content-wrapper).components-message-detail-wrapper { width: auto; position: static; } .components-message-preview-content-wrapper:not(.components-message-preview-pictext-content-wrapper).components-message-pictext-detail-wrapper, .components-message-preview-content-wrapper:not(.components-message-preview-pictext-content-wrapper).components-message-pic-detail-wrapper, .components-message-preview-content-wrapper:not(.components-message-preview-pictext-content-wrapper).components-message-file-detail-wrapper { position: static; } .components-message-preview-content-wrapper:not(.components-message-preview-pictext-content-wrapper) video { display: none; } .components-message-preview-content-wrapper.components-message-detail-wrapper, .components-message-preview-content-wrapper.components-message-pictext-detail-wrapper, .components-message-preview-content-wrapper.components-message-pic-detail-wrapper, .components-message-preview-content-wrapper.components-message-file-detail-wrapper { margin-left: 16px; } .components-message-preview-content-wrapper.components-message-file-detail-wrapper { width: 320px; } .components-message-preview-content-wrapper .preview-img { position: relative; } .components-message-preview-content-wrapper .components-message-show-emote { border: 1px solid #ededed; margin-top: -32px; color: #222; } .components-message-preview-content-wrapper .components-message-show-emote a.link { color: #2c8fff; } .components-message-preview-content-wrapper .components-message-show-emote a.link:hover { color: #2c8fff; } .components-message-preview-content-wrapper .components-message-show-emote a.link:active { color: #2c8fff; } .components-message-preview-content-wrapper.components-message-detail-user-way .components-message-show-emote { border: none; } .components-message-preview-content-wrapper.components-message-detail-service-way .preview-img { position: relative; float: right; left: 0; right: 0; } .components-message-preview-content-wrapper.components-message-detail-service-way .components-message-show-emote { border: none; margin-top: 0; padding-left: 0; } .components-message-preview-content-wrapper.components-message-detail-service-way .components-message-preview-content-innerwrapper { float: right; background: #e0efff; width: 218px; } .components-message-preview-content-wrapper.components-message-detail-service-way .components-message-preview-content-innerwrapper::after { border-right: none; border-left: solid 6px #e0efff; left: auto; right: -6px; content: ''; display: block; clear: both; background: #e0efff; } .components-message-preview-content-wrapper.components-message-detail-user-way .components-message-preview-content-innerwrapper { background: #f4f5f7; } .components-message-preview-content-wrapper.components-message-detail-user-way .components-message-preview-content-innerwrapper::after { border-left: none; border-right: solid 6px #f4f5f7; background: #f4f5f7; } .components-message-preview-content-wrapper.components-message-pictext-detail-wrapper.components-message-detail-service-way, .components-message-preview-content-wrapper.components-message-pic-detail-wrapper.components-message-detail-service-way, .components-message-preview-content-wrapper.components-message-file-detail-wrapper.components-message-detail-service-way { float: right; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper { margin-bottom: 15px; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-preview-content { margin-left: 53px; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-first-item-content { margin-top: -22px; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-preview-pic-text-content, .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-delete-img { display: none; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-preview-content { cursor: unset; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-has-only-img-wrapper { border: 1px solid #ededed; border-bottom: none; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper .components-message-has-only-img-bottom { border: 1px solid #ededed; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper.components-message-detail-service-way .components-message-preview-content { margin-right: 53px; } .components-message-preview-content-wrapper.components-message-preview-pictext-content-wrapper.components-message-pictext-detail-wrapper.components-message-detail-service-way .components-message-first-item-content { margin-top: 5px; } .components-message-preview-pictext-content-wrapper { margin-left: 16px; } .components-message-show-emote { border: 1px solid #ededed; padding-left: 40px; min-width: 36px; min-height: 32px; overflow: hidden; word-break: break-word; } .components-message-show-emote .components-message-preview-content-innerwrapper { border-radius: 4px; margin: 10px 11px 10px 10px; padding: 10px 10px 10px 10px; background: #e0efff; float: left; position: relative; min-width: 36px; min-height: 32px; margin-top: 9px; margin-bottom: 9px; } .components-message-show-emote .components-message-preview-content-innerwrapper.components-message-preview-pic-wrapper, .components-message-show-emote .components-message-preview-content-innerwrapper.components-message-preview-file-wrapper { padding: 0; } .components-message-show-emote .components-message-preview-content-innerwrapper::after { content: ' '; display: inline-block; border: 5px solid #fff; border-left: none; border-right: solid 6px #e0efff; position: absolute; left: -6px; top: 7px; } .components-message-show-emote .components-message-preview-content-innerwrapper img { width: 24px; height: 24px; } .components-message-show-emote .components-message-preview-content-innerwrapper img.components-message-pic-preview { width: 100%; height: auto; padding: 10px; border-radius: 3px; } .components-message-show-emote .components-message-preview-content-innerwrapper.components-message-preview-file-wrapper.components-message-file-has-content-wrapper { background: #fff; } .components-message-show-emote .components-message-preview-content-innerwrapper.components-message-preview-file-wrapper.components-message-file-has-content-wrapper::after { display: none; } .components-message-show-emote .components-message-preview-content-innerwrapper-content { display: inline-block; margin-bottom: 10px; max-height: 270px; overflow: auto; } .components-message-show-emote.components-file-message-show-emote { padding-left: 0; } .components-message-show-emote.components-message-show-emote-padding-left-0 { padding-left: 0; } .components-message-detail-user-way .components-message-show-emote.components-file-message-show-emote { padding-left: 40px; } .components-message-faces-area { position: relative; width: 24px; height: 24px; } .components-message-emote-area-wrapper { position: absolute; left: -3px; bottom: 24px; border: 1px solid #e6e6e6; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); width: 392px; border-radius: 3px 3px 2px 2px; margin-bottom: 4px; } .components-message-emotearea { width: 100%; height: 194px; background: #fff; border-radius: 3px; padding: 13px 10px 13px 13px; overflow-y: auto; border-radius: 3px 3px 0 0; } .components-message-emotearea > span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; } .components-message-emotearea > span:hover { background: #ededed; } .components-message-emotearea > span:active { background: #e0e0e0; } .components-message-emotearea > span.components-message-bear-list-item { width: 44px; height: 44px; line-height: 44px; } .components-message-emotearea > span.components-message-bear-list-item img { width: 34px; height: 34px; } .components-message-emotearea .components-message-emote-list-img { width: 24px; height: 24px; cursor: pointer; } .components-message-emote-nav { width: 100%; height: 36px; line-height: 36px; background: #f5f5f5; border-radius: 0 0 2px 2px; bottom: 25px; } .components-message-emote-nav .components-message-emote-nav-pic { width: 24px; height: 24px; cursor: pointer; } .components-message-emote-nav .components-message-emote-nav-pic-wrapper { width: 44px; text-align: center; display: inline-block; } .components-message-emote-nav .components-message-emote-nav-pic-wrapper:nth-child(1) { margin-left: 16px; } .components-message-emote-nav .components-message-emote-nav-pic-wrapper.components-message-active-emote { background: #fff; } .components-message-sendmessage-modal .new-fc-one-modal-title { margin-bottom: 24px; font-weight: 700; } .components-message-sendmessage-modal .new-fc-one-modal-footer { margin-top: 24px; } .components-message-sendmessage-modal .new-fc-one-modal-content { padding: 16px 24px 24px; } .components-message-sendmessage-modal .new-fc-one-modal-close-x { color: #999; } .components-message-sendmessage-modal .components-message-sendmessage-content { line-height: 22px; } .components-message-editor .rdw-editor-wrapper { display: inline-block; width: 710px; min-height: 500px; background: #fff; border: 1px solid #e0e0e0; border-radius: 3px; } .components-message-editor .rdw-editor-toolbar { border-top: none; } .components-message-editor .fr-box.fr-basic.froala-editor { display: inline-block; } .components-message-editor .fr-box.fr-basic.froala-editor .fr-toolbar .fr-btn-grp { margin: 0; } .components-message-editor .fr-box.fr-basic.fr-top .fr-wrapper { min-height: 500px; } .components-message-editor .second-toolbar { display: none; } .components-message-editor .fr-box.fr-basic .fr-element { padding: 12px; } .components-message-editor .fr-toolbar .fr-more-toolbar.fr-expanded { left: 0; } .components-message-editor .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper { height: 100% !important; } .components-message-editor .fr-box.fr-basic.fr-top .fr-wrapper, .components-message-editor .fr-toolbar.fr-top { box-shadow: none; border: 1px solid #e0e0e0; } .components-message-editor .fr-toolbar .fr-newline { background: none; } .components-message-editor .fr-toolbar.fr-top { border-bottom: none; border-radius: 3px 3px 0 0; } .components-message-editor .fr-toolbar.fr-top.fr-sticky-on { border-bottom: 1px solid #e0e0e0; } .components-message-editor.components-message-content-error-show .fr-box.fr-basic.fr-top .fr-wrapper { border: 1px solid #e64552; border-top: 1px solid #e0e0e0; } .components-message-editor.components-message-content-error-show .fr-toolbar.fr-top { border: 1px solid #e64552; border-bottom: none; } .components-message-editor.components-message-content-error-show .fr-toolbar.fr-top.fr-sticky-on { border: 1px solid #e64552; border-bottom: 1px solid #e0e0e0; } .components-message-editor ol, .components-message-editor ul { padding-left: 40px; } .components-message-editor ol li { list-style-type: decimal; } .components-message-editor ul li { list-style-type: inherit; } .components-message-editor .fr-view img.fr-dib { margin-top: 0; margin-bottom: 0; } div.fr-quick-insert { display: none; } .components-message-sourceurl-wrapper, .components-message-author-wrapper, .components-message-outerurl-wrapper { margin-top: 20px; } .components-message-preview-content { width: 280px; background: #fff; cursor: pointer; position: relative; font-size: 14px; } .components-message-preview-content.components-message-first-item-content { height: 140px; border-radius: 3px 3px 0 0; } .components-message-preview-content.components-message-last-item-content { border-bottom: 1px solid #ededed; } .components-message-preview-content.components-message-only-one-item-content { border-radius: 3px 3px 0 0; } .components-message-preview-content.components-message-chosed { border: 1px solid #2c8fff; } .components-message-preview-content.components-message-chosed .components-message-has-first-img, .components-message-preview-content.components-message-chosed .components-message-first-img-bottom { border-bottom: 1px solid #2c8fff; } .components-message-preview-content .components-message-has-only-img-bottom .components-message-only-img-bottom-title, .components-message-preview-content .components-message-has-only-img-bottom .components-message-only-img-bottom-description { text-align: left; line-height: 22px; display: block; padding: 0 10px; white-space: pre-wrap; word-break: break-all; } .components-message-preview-content .components-message-has-only-img-bottom .components-message-only-img-bottom-title { margin: 8px 0 4px; color: #333; } .components-message-preview-content .components-message-has-only-img-bottom .components-message-only-img-bottom-description { margin-bottom: 8px; color: #999; } .components-message-preview-content .components-message-has-only-img, .components-message-preview-content .components-message-has-first-img { width: 100%; height: 140px; background: #e0e0e0; border-radius: 3px 3px 0 0; } .components-message-preview-content .components-message-has-only-img img, .components-message-preview-content .components-message-has-first-img img { border-radius: 3px 3px 0 0; } .components-message-preview-content .components-message-has-only-img img { width: 100%; height: 100%; } .components-message-preview-content .components-message-has-only-img-wrapper, .components-message-preview-content .components-message-has-first-img-wrapper, .components-message-preview-content .components-message-has-multiple-imgs-wrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #ededed; border-radius: 3px 3px 0 0; } .components-message-preview-content .components-message-has-first-img { position: relative; } .components-message-preview-content .components-message-has-first-img img { width: 100%; height: 100%; border-radius: 3px; } .components-message-preview-content .components-message-has-first-img .components-message-first-img-bottom { position: absolute; height: 30px; line-height: 30px; color: #fff; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.6); padding-left: 10px; } .components-message-preview-content .components-message-has-first-img .components-message-first-img-bottom .components-message-first-img-bottom-title { text-align: left; display: inline-block; width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .components-message-preview-content .components-message-has-muliple-imgs { height: 56px; border: 1px solid #ededed; border-top: none; border-bottom: none; padding: 8px 10px 0 10px; } .components-message-preview-content .components-message-has-muliple-imgs.last-multiple-img { border-bottom: 1px solid #ededed; } .components-message-preview-content .components-message-has-muliple-imgs .components-message-muliple-imgs-wrapper { text-align: left; height: 100%; border-bottom: 1px solid #ededed; line-height: 40px; } .components-message-preview-content .components-message-has-muliple-imgs .components-message-muliple-imgs-wrapper .components-message-muliple-title { color: #333; max-width: 208px; display: inline-block; line-height: 22px; white-space: pre-wrap; word-break: break-all; } .components-message-preview-content .components-message-has-muliple-imgs .components-message-muliple-imgs-wrapper .components-message-multiple-imgs-block { width: 40px; height: 40px; float: right; background: #e0e0e0; border-radius: 3px; } .components-message-preview-content .components-message-has-muliple-imgs .components-message-muliple-imgs-wrapper .components-message-multiple-imgs-block:after { content: ''; display: block; clear: both; } .components-message-preview-content .components-message-has-muliple-imgs .components-message-muliple-imgs-wrapper.components-message-last-img-wrapper { border-bottom: none; } .components-message-preview-content .components-message-has-multiple-imgs-wrapper { width: 40px; height: 40px; float: right; border-radius: 3px; } .components-message-preview-content .components-message-has-multiple-imgs-wrapper:after { content: ''; display: block; clear: both; } .components-message-preview-content .components-message-has-multiple-imgs-wrapper .components-message-multiple-imgs { width: 100%; height: 100%; border-radius: 3px; } .components-message-preview-content .components-message-delete { display: none; } .components-message-preview-content:hover .components-message-delete { display: block; position: absolute; right: 0; top: 0; z-index: 1; width: 16px; height: 16px; } .components-message-preview-content:hover .components-message-delete .components-message-delete-img { position: absolute; width: 100%; height: 100%; } .components-message-preview-pic-text-content { cursor: pointer; padding: 8px 10px; border: 1px solid #ededed; border-radius: 3px; } .components-message-add-pic-text { height: 40px; background: #fff; border: 1px dashed #2c8fff; border-radius: 3px; text-align: center; line-height: 40px; color: #2c8fff; } .components-message-add-pic-text .components-message-plus { margin-right: 5px; } input[type=range].components-message-range { margin: 0 5px; padding: 0; outline: none; /*清除系统默认样式*/ -webkit-appearance: none; width: 90px; /*横条的高度*/ height: 3px; background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; /*设置左右宽度比例*/ background-size: 30% 100%; } input[type=range].components-message-range:focus, input[type=range].components-message-range:hover { border: 0; } /*firefox去input range 的outline*/ input[type=range].components-message-range::-moz-focus-outer { border: 0; } input[type=range].components-message-range::-moz-focus-outer:hover { border: 0; } /*chrome、safari下拖动块的样式*/ input[type=range].components-message-range::-webkit-slider-thumb { /*清除系统默认样式*/ -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } input[type=range].components-message-range::-webkit-slider-thumb:hover { width: 10px; height: 10px; } /*firefox下拖动块的样式*/ input[type=range].components-message-range::-moz-range-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } input[type=range].components-message-range::-moz-range-thumb:hover { width: 10px; height: 10px; } /*ie下拖动块的样式*/ input[type=range].components-message-range::-ms-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } input[type=range].components-message-range::-ms-thumb:hover { width: 10px; height: 10px; } input[type=components-message-range].components-message-range::-moz-range-progress { background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; } .components-message-show-emote-padding-left-0 { padding-left: 0; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .app-img { width: 32px; height: 32px; margin-right: 8px; border-radius: 50%; border: 1px solid #ededed; } .preview-img { position: absolute; left: 10px; top: 10px; } .components-message-pic-preview { width: 24px; height: 24px; padding: 10px; border-radius: 3px; } .hidden-img { visibility: hidden; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .components-message-show-emote { border: 1px solid #ededed; padding-left: 40px; min-width: 36px; min-height: 32px; overflow: hidden; word-break: break-word; } .components-message-show-emote.components-file-message-show-emote { padding-left: 0; } .components-message-show-emote.components-keyReply-message-show-emote { padding-left: 0; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .components-message-pic-preview { width: 24px; height: 24px; padding: 10px; border-radius: 3px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .media-controls { display: flex; align-items: center; } .slanting { margin: 0 3px; } .control-button { width: 20px; height: 20px; border: none; background: none; outline: none; } .control-button img.control-img { width: 10px; height: 10px; margin-top: -4px; } .usermessageitem { overflow: hidden; } .usermessageitem:nth-last-child(2) { padding-bottom: 110px; } .usermessageitem.file-sent-by-user { display: none; } .head-img { margin-left: 8px; } .graphics-message { width: 280px; display: flex; float: right; margin-right: 40px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .UserMessageindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .UserMessageindex_new-fc-one-modal-body { overflow: unset; } .UserMessageindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .UserMessageindex_SendMessageInfoindex_send-info { width: 690px; } .UserMessageindex_messages-sent { width: 549px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .UserMessageindex_search-list-content { margin: 0 0 16px 0; } .UserMessageindex_search-list-content .UserMessageindex_search-date { margin-top: 4px; } .UserMessageindex_usermessage-content div, .UserMessageindex_usermessage-content span, .UserMessageindex_usermessage-content a, .UserMessageindex_usermessage-content p { font-size: 14px; } .UserMessageindex_usermessage-list-content { padding: 16px 24px; margin-top: -17px; } .UserMessageindex_usermessage-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 54px; } .UserMessageindex_usermessage-table .UserMessageindex_user-message-table { cursor: pointer; } .UserMessageindex_usermessage-table .UserMessageindex_user-message-table thead th:not(.new-fc-one-table-cell-has-icon) { cursor: default; } .UserMessageindex_details { display: flex; align-items: center; justify-content: center; color: #2c8fff; cursor: pointer; } .UserMessageindex_pagination-footer .new-fc-one-pagination { padding: 16px 0 0 0; } .UserMessageindex_pagination-footer .new-fc-one-pagination .new-fc-one-pagination-pager-item-active { background: #2c8fff; color: #f5f5f5; } .UserMessageindex_detail-content .new-fc-one-drawer-wrapper-body-container { padding: 0; } .UserMessageindex_detail-content .new-fc-one-drawer-header-container { padding: 24px 24px 16px 24px; border-bottom: 1px solid #ededed; } .UserMessageindex_detail-content .UserMessageindex_detail-list { overflow: auto; } .UserMessageindex_detail-content .UserMessageindex_detail-list .new-fc-one-textarea:hover, .UserMessageindex_detail-content .UserMessageindex_detail-list .new-fc-one-textarea:focus, .UserMessageindex_detail-content .UserMessageindex_detail-list .new-fc-one-textarea:active { outline: 0; border: none; border-top: 1px solid #ededed; box-shadow: none; } .UserMessageindex_detail-content .UserMessageindex_detail-list textarea.new-fc-one-textarea { box-shadow: none; border: none; border-top: 1px solid #ededed; resize: none; min-height: 80px !important; } .UserMessageindex_detail-content .UserMessageindex_detail-list .components-message-faces-area { margin-left: 10px; } .UserMessageindex_detail-content .UserMessageindex_detail-list .emote-area-wrapper { left: -5px; } .UserMessageindex_detail-content .UserMessageindex_detail-list .UserMessageindex_faces-area-wrapper { position: fixed; bottom: 10px; background: #fff; } .UserMessageindex_detail-content .UserMessageindex_detail-list .UserMessageindex_empty-content { margin-top: 100px; text-align: center; } .UserMessageindex_url { color: #2c8fff; cursor: pointer; } .UserMessageindex_normal-send { margin: 0 12px 0 16px; min-width: 90px; position: absolute; bottom: -4px; right: 0; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .Featureindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .Featureindex_new-fc-one-modal-body { overflow: unset; } .Featureindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .Featureindex_SendMessageInfoindex_send-info { width: 690px; } .Featureindex_wrap .Featureindex_overall-service-numbe { border: 1px solid #ededed; margin: 8px 0; } .Featureindex_wrap .Featureindex_overall-service-numbe .Featureindex_overall-service-numbe-children { width: 807px; display: flex; justify-content: space-between; flex-flow: wrap; margin: 8px 20px; margin-top: -8px; } .Featureindex_wrap .Featureindex_overall-service-numbe .Featureindex_overall-server-bottom { margin-bottom: -9px; margin-top: -14px; } .Featureindex_wrap .Featureindex_overall-service-numbe .Featureindex_overall-server-title { padding: 16px; margin-bottom: 2px; font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 19.5px; text-align: justified; color: #434343; } .Featureindex_wrap .Featureindex_overall-service-numbe .Featureindex_overall-server-title .Featureindex_overall-server-img { width: 11.38px; height: 11.38px; margin: 0 5px 2px 10px; } .Featureindex_wrap .Featureindex_overall-service-numbe .Featureindex_overall-server-title .Featureindex_overall-server-exegesis { font-family: PingFang SC; font-size: 12px; font-weight: 400; line-height: 18px; text-align: justified; color: #999999; } .Featureindex_wrap .Featureindex_application { width: 848px; min-height: 114px; border-radius: 3px; border: 1px solid #ededed; margin: 8px 0; } .Featureindex_wrap .Featureindex_robot { width: 848px; min-height: 114px; border-radius: 3px; border: 1px solid #ededed; margin: 8px 0; } .Featureindex_wrap .Featureindex_cards { display: flex; flex-wrap: wrap; } .Featureindex_wrap .Featureindex_customer-service { display: flex; justify-content: space-between; } .Featureindex_wrap .Featureindex_feature-app, .Featureindex_wrap .Featureindex_feature-service { display: flex; } .Featureindex_wrap .Featureindex_setting-info { text-align: center; display: block; color: #ff811a; margin-left: 4px; padding: 0 4px; font-size: 12px; height: 18px; margin-top: 2px; border-radius: 2px; background: rgba(255, 129, 26, 0.1); } .Featureindex_app-unset, .Featureindex_service-unset { display: flex; } .Featureindex_app-unset .Featureindex_hint, .Featureindex_service-unset .Featureindex_hint { color: #ccc; margin-left: 8px; font-size: 14px; margin-top: 4px; } .Featureindex_browserset-modal .new-fc-one-modal-title { margin-bottom: 24px; font-weight: 700; } .Featureindex_browserset-modal .new-fc-one-modal-footer { margin-top: 24px; } .Featureindex_browserset-modal .new-fc-one-modal-content { padding: 16px 24px 24px; } .Featureindex_browserset-modal .new-fc-one-modal-close-x { color: #999; } .Featureindex_browserset-modal .Featureindex_browserset-modal-content { line-height: 22px; } .Featureindex_browserset-modal .Featureindex_browserset-modal-content input.new-fc-one-input-small { width: 58px; } .Featureindex_browserset-modal .Featureindex_browserset-modal-content .Featureindex_size { color: #666; } .Featureindex_browserset-modal .Featureindex_browserset-modal-content .Featureindex_unit { margin-right: 24px; margin-left: 4px; } .Featureindex_font-openStatus { font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; } .new-fc-one-checkbox-inner { width: 14px; height: 14px; } .new-fc-one-checkbox-inner:after { left: 4.2px; width: 4.7px; height: 8px; } .responsibility-confirm-btn { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; opacity: 0.4; } .new-fc-one-checkbox-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; } .Featureindex_responsibility-modal .Featureindex_robot-content-title { font-family: PingFang SC; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #222222; margin-bottom: 16px; } .Featureindex_responsibility-modal .Featureindex_responsibility-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; } .Featureindex_responsibility-modal .Featureindex_responsibility-item .Featureindex_responsibility-item-link { color: #458FF7; } .line { border-bottom: 0.5px solid #EDEDED; margin: 0 auto; width: 807px; height: 20px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .SidebarModalindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .SidebarModalindex_new-fc-one-modal-body { overflow: unset; } .SidebarModalindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SidebarModalindex_SendMessageInfoindex_send-info { width: 690px; } .SidebarModalindex_sidebar-modal .new-fc-one-modal-body { height: 190px; } .SidebarModalindex_sidebar-modal .new-fc-one-modal-title { margin-bottom: 24px; font-weight: 700; } .SidebarModalindex_sidebar-modal .new-fc-one-modal-footer { margin-top: 24px; } .SidebarModalindex_sidebar-modal .new-fc-one-modal-content { padding: 16px 24px 24px; } .SidebarModalindex_sidebar-modal .new-fc-one-modal-close-x { color: #999; } .SidebarModalindex_sidebar-modal .new-fc-one-form-item { display: flex; margin-bottom: 20px; } .SidebarModalindex_sidebar-modal .new-fc-one-form-item-label { width: 112px; overflow: visible; margin-right: 0; } .SidebarModalindex_sidebar-modal button.SidebarModalindex_cancel-button { margin-left: 12px; margin-right: 0 !important; } .SidebarModalindex_sidebar-modal button.SidebarModalindex_non-active-btn { background: #A6CBFF; cursor: not-allowed; border: 1px solid #A6CBFF; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content { line-height: 22px; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content input.new-fc-one-input-small { width: 58px; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper { display: flex; position: relative; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper .new-fc-one-form-item { margin-right: 0; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .new-fc-one-form-item-required::before { display: none; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-url-wrapper, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-mobile-url-wrapper { display: flex; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-url-wrapper .SidebarModalindex_sidebar-url, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper .SidebarModalindex_sidebar-url, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-mobile-url-wrapper .SidebarModalindex_sidebar-url, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-url-wrapper .SidebarModalindex_sidebar-width, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper .SidebarModalindex_sidebar-width, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-mobile-url-wrapper .SidebarModalindex_sidebar-width, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-url-wrapper .SidebarModalindex_sidebar-mobile-url, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper .SidebarModalindex_sidebar-mobile-url, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-mobile-url-wrapper .SidebarModalindex_sidebar-mobile-url { display: inline-block; width: 112px; color: #666; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-width-wrapper, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-mobile-url-wrapper { margin-top: 20px; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_error-show .new-fc-one-input-error { margin: 4px 0 0 0; display: block; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .new-fc-one-input-all-container { width: 420px; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-url-input-content, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_side-width-input-content, .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_sidebar-mobile-url-input-content { display: flex; position: relative; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_unit { position: absolute; left: 60px; margin: 3px 12px 0 4px; } .SidebarModalindex_sidebar-modal .SidebarModalindex_sidebar-modal-content .SidebarModalindex_scope { position: absolute; left: 92px; margin-top: 3px; color: #999; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .TopBoardModalindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .TopBoardModalindex_new-fc-one-modal-body { overflow: unset; } .TopBoardModalindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .TopBoardModalindex_SendMessageInfoindex_send-info { width: 690px; } .TopBoardModalindex_board-modal { box-sizing: border-box; width: 100%; height: 100%; } .TopBoardModalindex_board-modal .new-fc-one-modal-content { height: 100% !important; padding: 0px !important; } .TopBoardModalindex_board-modal .new-fc-one-modal-close { display: none !important; } .TopBoardModalindex_board-modal .new-fc-one-modal-header { padding: 16px 21px 0 21px; } .TopBoardModalindex_board-modal .new-fc-one-modal-footer { padding: 0px 21px 16px 21px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-wrap { height: 100%; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-title { font-family: PingFang SC; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0px; color: #111; padding: 0 21px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-title .TopBoardModalindex_title-link { cursor: pointer; color: #3377ff; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content { border-top: 1px solid #00000014; border-bottom: 1px solid #00000014; margin-top: 16px; height: 416px; display: flex; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content { width: 168px; border-right: 1px solid #00000014; padding-left: 21px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_left-header { display: flex; align-items: center; margin-top: 16px; justify-content: space-between; margin: 16px 8px 8px 0; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_left-header .TopBoardModalindex_catalogue { font-family: PingFang SC; font-weight: 500; font-style: Medium; font-size: 14px; line-height: 22px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_left-header .TopBoardModalindex_add-board { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 12px; line-height: 12px; color: #458FF7; display: flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_left-header .TopBoardModalindex_add-board .TopBoardModalindex_add-icon { width: 14px; height: 14px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_left-header .TopBoardModalindex_add-board-grey { color: #C7CDD9; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list { height: 370px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item-input { width: 138px; height: 37px; font-size: 14px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item { display: flex; align-items: center; justify-content: space-between; margin-right: 8px; border-radius: 4px; padding: 8px 10px; box-sizing: border-box; height: 37px; cursor: pointer; color: #5C6373; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item .TopBoardModalindex_board-item-title { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 14px; line-height: 21px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item .TopBoardModalindex_board-item-title .TopBoardModalindex_error-icon { width: 16px; height: 16px; margin-bottom: 2px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item .TopBoardModalindex_board-item-title .TopBoardModalindex_error-icon .new-fc-one-input:focus { box-shadow: none !important; border-color: #3d88f2 !important; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item .TopBoardModalindex_board-item-title .TopBoardModalindex_error-icon .new-fc-one-input:active { box-shadow: none; border-color: #3d88f2 !important; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item .TopBoardModalindex_board-item-title .TopBoardModalindex_error-icon .new-fc-one-input:hover { box-shadow: none; border-color: #3d88f2 !important; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item .TopBoardModalindex_board-item-icon { width: 12px; height: 12px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item:hover { color: #458FF7; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_board-item-active { background: #458FF714; color: #458FF7; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_left-content .TopBoardModalindex_board-list .TopBoardModalindex_over-item-active { border: 1px dashed #3377FF; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_right-content { flex: 1; padding-right: 21px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_right-content .TopBoardModalindex_empty-board { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_right-content .TopBoardModalindex_empty-board .TopBoardModalindex_empty-board-img { width: 103px; height: 67px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-content .TopBoardModalindex_right-content .TopBoardModalindex_empty-board .TopBoardModalindex_empty-board-text { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 12px; line-height: 12px; margin-top: 24px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-button { width: 76px; height: 32px; border-radius: 16px; } .TopBoardModalindex_board-modal .TopBoardModalindex_board-modal-button-add-color { width: 76px; height: 32px; border-radius: 16px; color: #fff; background: linear-gradient(90deg, #3377ff 0%, #9873ff 100%); } .ToBoardFormindex_board-form { margin-top: 10px; font-family: PingFang SC; font-size: 14px; font-weight: 400; margin-left: -13px; position: relative; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-btns { display: flex; align-items: center; gap: 2px; position: absolute; right: 18px; bottom: -182px; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-btns .ToBoardFormindex_delete-img { width: 14px; height: 14px; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-btns .ToBoardFormindex_board-form-text { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 12px; line-height: 12px; color: #458FF7; cursor: pointer; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_board-form-bottom { line-height: 18px; text-align: justified; margin-left: 12px; color: #999999; font-size: 12px; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_board-form-bottom .ToBoardFormindex_board-form-icon { width: 11.38px; height: 11.38px; margin: 1px 5px 3px 0; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_board-form-bottom .ToBoardFormindex_board-form-link { color: #458ff7; cursor: pointer; margin: 0 5px; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_board-form-item { line-height: 19.6px; text-align: left; height: 35px; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_board-form-item .ToBoardFormindex_board-form-tips { color: #e64552; } .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_new-fc-one-input-search, .ToBoardFormindex_board-form .ToBoardFormindex_board-form-items .ToBoardFormindex_new-fc-one-input { letter-spacing: 0.5px; color: #1d1d1d; } .ToBoardFormindex_board-form .ToBoardFormindex_board-area { height: 265px !important; width: 340px !important; } .ToBoardFormindex_board-form .ToBoardFormindex_one-input { width: 340px; height: 34px; border: 1px solid #C7CDD9; border-radius: 4px; padding-left: 10px; } .ToBoardFormindex_board-form .ToBoardFormindex_one-input:focus { border: 1px solid #3d88f2; outline: none; } .ToBoardFormindex_board-form .ToBoardFormindex_one-input-error { border: 1px solid #e64552; outline: none; } .ToBoardFormindex_board-form .ToBoardFormindex_one-input-error:focus { border: 1px solid #3d88f2; } .ToBoardFormindex_custom-confirm-modal .ToBoardFormindex_ant-modal-content { border: 2px solid #f00; /* 设置边框颜色和宽度 */ } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .GroupGuidanceModalindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .GroupGuidanceModalindex_new-fc-one-modal-body { overflow: unset; } .GroupGuidanceModalindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .GroupGuidanceModalindex_SendMessageInfoindex_send-info { width: 690px; } .GroupGuidanceModalindex_guidance-modal { box-sizing: border-box; } .GroupGuidanceModalindex_guidance-modal .GroupGuidanceModalindex_guidance-modal-button { width: 76px; height: 32px; border-radius: 16px; } .GroupGuidanceModalindex_guidance-modal .GroupGuidanceModalindex_guidance-modal-button-add-color { width: 76px; height: 32px; border-radius: 16px; color: #fff; background: linear-gradient(90deg, #3377ff 0%, #9873ff 100%); } .GroupGuidanceFormindex_guidance-form { margin-top: 10px; font-family: PingFang SC; font-size: 14px; font-weight: 400; margin-left: -13px; } .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-form-items .GroupGuidanceFormindex_guidance-form-bottom { line-height: 18px; text-align: justified; margin-left: 12px; color: #999999; font-size: 12px; } .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-form-items .GroupGuidanceFormindex_guidance-form-bottom .GroupGuidanceFormindex_guidance-form-icon { width: 11.38px; height: 11.38px; margin: 1px 5px 3px 0; } .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-form-items .GroupGuidanceFormindex_guidance-form-bottom .GroupGuidanceFormindex_guidance-form-link { color: #458ff7; cursor: pointer; margin: 0 5px; } .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-form-items .GroupGuidanceFormindex_guidance-form-item { line-height: 19.6px; text-align: left; height: 31px; } .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-form-items .GroupGuidanceFormindex_new-fc-one-input-search, .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-form-items .GroupGuidanceFormindex_new-fc-one-input { letter-spacing: 0.5px; color: #1d1d1d; } .GroupGuidanceFormindex_guidance-form .GroupGuidanceFormindex_guidance-area { height: 140px !important; } .GroupGuidanceFormindex_custom-confirm-modal .GroupGuidanceFormindex_ant-modal-content { border: 2px solid #f00; /* 设置边框颜色和宽度 */ } .GroupGuidanceFormindex_modal-content1 { border: 1px solid red; background-color: yellow; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .NewFeatureindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .NewFeatureindex_new-fc-one-modal-body { overflow: unset; } .NewFeatureindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .NewFeatureindex_SendMessageInfoindex_send-info { width: 690px; } .NewFeatureindex_wrap .NewFeatureindex_overall-service-numbe { border: 1px solid #ededed; margin: 8px 0; } .NewFeatureindex_wrap .NewFeatureindex_overall-service-numbe .NewFeatureindex_overall-service-numbe-children { width: 807px; display: flex; justify-content: space-between; flex-flow: wrap; margin: 8px 20px; margin-top: -8px; } .NewFeatureindex_wrap .NewFeatureindex_overall-service-numbe .NewFeatureindex_overall-server-bottom { margin-bottom: -9px; margin-top: -14px; } .NewFeatureindex_wrap .NewFeatureindex_overall-service-numbe .NewFeatureindex_overall-server-title { padding: 16px; margin-bottom: 2px; font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 19.5px; text-align: justified; color: #434343; } .NewFeatureindex_wrap .NewFeatureindex_overall-service-numbe .NewFeatureindex_overall-server-title .NewFeatureindex_overall-server-img { width: 11.38px; height: 11.38px; margin: 0 5px 2px 10px; } .NewFeatureindex_wrap .NewFeatureindex_overall-service-numbe .NewFeatureindex_overall-server-title .NewFeatureindex_overall-server-exegesis { font-family: PingFang SC; font-size: 12px; font-weight: 400; line-height: 18px; text-align: justified; color: #999999; } .NewFeatureindex_wrap .NewFeatureindex_application { width: 848px; min-height: 114px; border-radius: 3px; border: 1px solid #ededed; margin: 8px 0; } .NewFeatureindex_wrap .NewFeatureindex_robot { width: 848px; min-height: 114px; border-radius: 3px; border: 1px solid #ededed; margin: 8px 0; } .NewFeatureindex_wrap .NewFeatureindex_cards { display: flex; flex-wrap: wrap; } .NewFeatureindex_wrap .NewFeatureindex_customer-service { display: flex; justify-content: space-between; } .NewFeatureindex_wrap .NewFeatureindex_feature-app, .NewFeatureindex_wrap .NewFeatureindex_feature-service { display: flex; } .NewFeatureindex_wrap .NewFeatureindex_setting-info { text-align: center; display: block; color: #ff811a; margin-left: 4px; padding: 0 4px; font-size: 12px; height: 18px; margin-top: 2px; border-radius: 2px; background: rgba(255, 129, 26, 0.1); } .NewFeatureindex_app-unset, .NewFeatureindex_service-unset { display: flex; } .NewFeatureindex_app-unset .NewFeatureindex_hint, .NewFeatureindex_service-unset .NewFeatureindex_hint { color: #ccc; margin-left: 8px; font-size: 14px; margin-top: 4px; } .NewFeatureindex_browserset-modal .new-fc-one-modal-title { margin-bottom: 24px; font-weight: 700; } .NewFeatureindex_browserset-modal .new-fc-one-modal-footer { margin-top: 24px; } .NewFeatureindex_browserset-modal .new-fc-one-modal-content { padding: 16px 24px 24px; } .NewFeatureindex_browserset-modal .new-fc-one-modal-close-x { color: #999; } .NewFeatureindex_browserset-modal .NewFeatureindex_browserset-modal-content { line-height: 22px; } .NewFeatureindex_browserset-modal .NewFeatureindex_browserset-modal-content input.new-fc-one-input-small { width: 58px; } .NewFeatureindex_browserset-modal .NewFeatureindex_browserset-modal-content .NewFeatureindex_size { color: #666; } .NewFeatureindex_browserset-modal .NewFeatureindex_browserset-modal-content .NewFeatureindex_unit { margin-right: 24px; margin-left: 4px; } .NewFeatureindex_font-openStatus { font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; } .NewFeatureindex_default-position-modal .NewFeatureindex_model-header { margin-bottom: 10px; } .NewFeatureindex_default-position-modal .NewFeatureindex_model-content span.new-fc-one-radio + * { font-size: 12px; } .NewFeatureindex_default-position-modal .NewFeatureindex_model-content .new-fc-one-radio-inner:after { height: 6px; width: 6px; left: 2px; top: 2px; } .NewFeatureindex_default-position-modal .NewFeatureindex_model-content .new-fc-one-radio-inner { width: 12px; height: 12px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AppDetailindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AppDetailindex_new-fc-one-modal-body { overflow: unset; } .AppDetailindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AppDetailindex_SendMessageInfoindex_send-info { width: 690px; } .AppDetailindex_wrapper { width: 896px; margin: 0 auto; } .AppDetailindex_button-wrapper { display: flex; align-items: center; justify-content: center; padding-top: 24px; padding-bottom: 40px; border-top: 1px solid #eff4f8; } .AppDetailindex_button-wrapper .AppDetailindex_button { border-color: #f96e75; color: #f96e75; border-radius: 3px; height: 32px; font-size: 14px; padding: 0 12px; } .AppDetailindex_baseinfo .comps-back-title { margin-bottom: 16px; } .AppDetailindex_baseinfo .page-content > div:nth-last-child(2) .page-section { padding-bottom: 24px; } .AppDetailindex_baseinfo .page-section { padding: 0 0 40px; } .AppDetailindex_serve-data-statistic .comps-back-title { display: none; } .AppDetailindex_serve-data-statistic .page-content { padding: 0; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .comps-back-title { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ededed; height: 56px; padding: 0; margin-bottom: 0; position: relative; font-weight: 500; font-size: 16px; } .comps-back-title .comps-back-title-btn { position: absolute; left: 16px; top: 12px; width: 70px; color: #666; display: flex; flex-wrap: nowrap; text-align: center; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 3px; cursor: pointer; justify-content: center; height: 32px; align-items: center; font-size: 14px; } .comps-back-title .comps-back-title-btn:hover { background: #F5F5F5; border: 1px solid #E0E0E0; } .comps-back-title .comps-back-title-btn:active { background: #EEEEEE; border: 1px solid #E0E0E0; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .UserPropertyindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .UserPropertyindex_new-fc-one-modal-body { overflow: unset; } .UserPropertyindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .UserPropertyindex_SendMessageInfoindex_send-info { width: 690px; } .UserPropertyindex_user-property { margin-bottom: 30px; padding: 0 134px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .ContentAnalysisindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .ContentAnalysisindex_new-fc-one-modal-body { overflow: unset; } .ContentAnalysisindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .ContentAnalysisindex_SendMessageInfoindex_send-info { width: 690px; } .ContentAnalysisindex_content-analusis { margin-bottom: 15px; } .ContentAnalysisindex_content-analusis .new-fc-one-table-thead > tr > th, .ContentAnalysisindex_content-analusis .new-fc-one-table-tbody > tr > td { padding-left: 10px; padding-right: 10px; } .ContentAnalysisindex_content-analusis .new-fc-one-table-selection-column { white-space: nowrap; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .DataAppStaticsdetail_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .DataAppStaticsdetail_new-fc-one-modal-body { overflow: unset; } .DataAppStaticsdetail_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .DataAppStaticsdetail_SendMessageInfoindex_send-info { width: 690px; } .DataAppStaticsdetail_guide { background: #f5f5f5; height: 30px; } .DataAppStaticsdetail_header { border-bottom: 1px solid #e1e1e9; height: 60px; background: #fff; text-align: center; line-height: 60px; font-size: 16px; font-weight: 500; } .DataAppStaticsdetail_header .DataAppStaticsdetail_back { float: left; margin: 30px 0 0 12px; transform: translateY(-50%); } .detail-title-tooltip { font-size: 14px; } .detail-title-tooltip .new-fc-one-tooltip-inner { padding: 16px; } .DataAppStaticsdetail_robot-hide { display: none; } .DataAppStaticsdetail_detail-tabs { margin: 0 40px; } .DataAppStaticsdetail_detail-tabs .new-fc-one-tabs-bar .new-fc-one-tabs-nav-container .new-fc-one-tabs-title { height: 54px; line-height: 54px; padding: 0; margin-right: 18px; font-size: 14px; } .DataAppStaticsdetail_detail-tabs .new-fc-one-tabs-bar .new-fc-one-tabs-nav-container { padding-left: 0; } .DataAppStaticsdetail_detail-tabs .new-fc-one-tabs-bar { margin-bottom: 0; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-line { height: 1px; margin: 32px 112px 32px; background: #EDEDED; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-header { height: 106px; margin: 16px 112px 0; padding: 0; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-header .DataAppStaticsdetail_content-title { position: relative; display: flex; align-items: center; margin-bottom: 16px; height: 22px; font-weight: bold; padding-left: 9px; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-header .DataAppStaticsdetail_content-title::before { content: ''; display: block; width: 3px; height: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #2C8FFF; font-size: 14px; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-header .DataAppStaticsdetail_content-title .DataAppStaticsdetail_tip-text { margin: 0; padding: 0; font-weight: bold; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-header .DataAppStaticsdetail_content-title .DataAppStaticsdetail_title-icon { display: flex; justify-content: center; align-items: center; width: 14px; height: 14px; margin-left: 8px; border: 1px solid #999; color: #999; font-size: 12px; font-weight: normal; cursor: default; border-radius: 50%; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_content-header .DataAppStaticsdetail_button-wrap { min-width: 80px !important; border: 1px solid #2C8FFF !important; padding-left: 15px; padding-right: 15px; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_data-statics-chart { padding: 0 134px; } .DataAppStaticsdetail_detail-tabs .DataAppStaticsdetail_hidden-chart { display: none; } .DataAppStaticsdetail_detail-tabs.DataAppStaticsdetail_detail-user-property .DataAppStaticsdetail_content-header { margin-right: 134px; } .DataAppStaticsdetail_detail-tabs.DataAppStaticsdetail_detail-content-analysis .DataAppStaticsdetail_content-header { margin: 16px 0 0; } .DataAppStaticsdetail_detail-tabs.DataAppStaticsdetail_detail-content-analysis .DataAppStaticsdetail_content-header .DataAppStaticsdetail_content-title { display: none; } .DataAppStaticsdetail_detail-tabs.DataAppStaticsdetail_detail-chart2 { display: none; } .DataAppStaticsdetail_content-header { height: 88px; padding: 16px 130px 0; box-sizing: border-box; } .DataAppStaticsdetail_content-header .DataAppStaticsdetail_label-wrap { display: inline-block; margin-right: 50px; } .DataAppStaticsdetail_content-header .DataAppStaticsdetail_label-wrap .DataAppStaticsdetail_label { float: left; line-height: 32px; } .DataAppStaticsdetail_content-header .DataAppStaticsdetail_label-wrap .DataAppStaticsdetail_date-wrap { width: 268px; display: inline-block; } .DataAppStaticsdetail_content-header .DataAppStaticsdetail_label-wrap .DataAppStaticsdetail_date-wrap input { display: inline-block; width: 110px; border: 0; box-shadow: none; } .DataAppStaticsdetail_content-header .DataAppStaticsdetail_button-wrap { float: right; } .DataAppStaticsdetail_content-header .DataAppStaticsdetail_focus-button-wrap { margin-right: 20px; } .DataAppStaticsdetail_data-statics-chart { height: 480px; padding: 0 162px; margin-bottom: 30px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .NewRobotHomeindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .NewRobotHomeindex_new-fc-one-modal-body { overflow: unset; } .NewRobotHomeindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .NewRobotHomeindex_SendMessageInfoindex_send-info { width: 690px; } .NewRobotHomeindex_robot-info img.formitem-imgupload-img { border-radius: 0; } .NewRobotHomeindex_robot-info .formitem-imgupload-upload .formitem-imgupload-center-wrapper { border-radius: 0; } .NewRobotHomeindex_robot-info .formitem-imgupload-upload .formitem-imgupload-cover { border-radius: 0; } .NewRobotHomeindex_robot-info .visible-scope-line { height: 1px; width: calc(100% - 170px); margin-left: 170px; margin-top: 33px; margin-bottom: 33px; background-color: #d9d9d9; } .NewRobotHomeindex_robot-info .robot-visible-scope-label { margin-left: calc(170px + 16px); color: #666; font-size: 12px; line-height: 18px; font-weight: 400; margin-bottom: 4px; } .NewRobotHomeindex_robot-info .robot-visible-range-form.hidden-members .visible-range-members-form .formitem-content { display: none; } .NewRobotHomeindex_robot-info .robot-visible-range-form.hidden-members .robot-visible-scope-label { margin-top: -40px; } .NewRobotHomeindex_robot-info .NewRobotHomeindex_overall-service-numbe-children { width: 807px; display: flex; justify-content: space-between; flex-flow: wrap; margin: 8px 20px; margin-top: -8px; } .NewRobotHomeindex_introduce { background: #F2F7FF; border-radius: 4px; padding: 16px 20px; color: #666; line-height: 22px; } .NewRobotHomeindex_introduce .NewRobotHomeindex_article { margin-bottom: 16px; } .NewRobotHomeindex_introduce .NewRobotHomeindex_article .NewRobotHomeindex_content { display: block; } .NewRobotHomeindex_guide-link { color: #2c8fff; font-weight: normal; } .NewRobotHomeindex_guide-link:visited { color: #2c8fff; } .NewRobotHomeindex_guide-link:hover { color: #54a1ff; text-decoration: underline; } .NewRobotHomeindex_guide-link:active { color: #1a76d9; } .NewRobotHomeindex_isDeveloperMode { color: #999 !important; } .NewRobotHomeindex_isDeveloperMode:hover { cursor: default; text-decoration: none; } .NewRobotHomeindex_setting-hint { color: #999; } .NewRobotHomeindex_question-hint { color: #ccc; margin-left: 4px; font-size: 14px; margin-top: 4px; } .NewRobotHomeindex_browser-tips-pic { width: 393px; height: 384px; } .NewRobotHomeindex_address { display: flex; width: 878px; justify-content: space-between; } .NewRobotHomeindex_browser-window-size input { width: 58px !important; } .NewRobotHomeindex_browser-window-size .NewRobotHomeindex_second { margin-left: 16px; } .NewRobotHomeindex_high-position { margin-left: 20px; } .NewRobotHomeindex_sizes { margin-left: 15px; } .NewRobotHomeindex_robot-configuration { font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .NewGroupOpenApiindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .NewGroupOpenApiindex_new-fc-one-modal-body { overflow: unset; } .NewGroupOpenApiindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .NewGroupOpenApiindex_SendMessageInfoindex_send-info { width: 690px; } .NewGroupOpenApiindex_page-section { padding: 16px 0; background-color: #fff; position: relative; margin: 0; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_page-section-title { margin: 0 0 20px; padding-left: 6px; font-size: 14px; border-left: 3px solid #2c8fff; height: 14px; line-height: 14px; color: #333; position: relative; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_page-section-content { margin-bottom: 15px; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_page-section-content .new-fc-one-table-thead > tr > th, .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_page-section-content .new-fc-one-table-tbody > tr > td { padding-left: 10px; padding-right: 10px; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_page-section-content .new-fc-one-table-selection-column { white-space: nowrap; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_robot-content-title { font-family: PingFang SC; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #222222; margin-bottom: 16px; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_responsibility-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; } .NewGroupOpenApiindex_page-section .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_responsibility-item .NewGroupOpenApiindex_responsibility-item-link { color: #458FF7; } .new-fc-one-checkbox-inner { width: 14px; height: 14px; } .new-fc-one-checkbox-inner:after { left: 4.2px; width: 4.7px; height: 8px; } .responsibility-confirm-btn { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; opacity: 0.4; } .new-fc-one-checkbox-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; } .new-fc-one-checkbox-inner { width: 14px; height: 14px; } .new-fc-one-checkbox-inner:after { left: 4.2px; width: 4.7px; height: 8px; } .responsibility-confirm-btn { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; opacity: 0.4; } .new-fc-one-checkbox-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; } .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_robot-content-title { font-family: PingFang SC; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #222222; margin-bottom: 16px; } .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_responsibility-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; text-indent: 2em; } .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_responsibility-item .NewGroupOpenApiindex_responsibility-item-link { color: #458FF7; } .new-fc-one-checkbox-inner { width: 14px; height: 14px; } .new-fc-one-checkbox-inner:after { left: 4.2px; width: 4.7px; height: 8px; } .responsibility-confirm-btn { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; opacity: 0.4; } .new-fc-one-checkbox-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; } .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_robot-content-title { font-family: PingFang SC; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #222222; margin-bottom: 16px; } .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_responsibility-item { font-family: PingFang SC; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0%; color: #222222; text-indent: 2em; } .NewGroupOpenApiindex_responsibility-modal .NewGroupOpenApiindex_responsibility-item .NewGroupOpenApiindex_responsibility-item-link { color: #458FF7; } .NewGroupOpenApiindex_approval-modal { font-family: PingFang SC; font-weight: bolder; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_approval-confirm-btn { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; opacity: 0.4; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item { margin: 10px 0px 10px 0px; display: flex; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item .NewGroupOpenApiindex_all-approval-item-title { width: 132px; text-align: right; font-size: 13px; margin-right: 12px; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item .NewGroupOpenApiindex_all-approval-item-conetnt span { font-size: 13px; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item .NewGroupOpenApiindex_all-approval-item-conetnt .NewGroupOpenApiindex_approval-options { display: flex; flex-direction: column; gap: 10px; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item .NewGroupOpenApiindex_all-approval-item-conetnt .NewGroupOpenApiindex_approval-options span { font-size: 13px !important; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item .NewGroupOpenApiindex_all-approval-item-conetnt .NewGroupOpenApiindex_approval-checkbox span { font-size: 13px !important; font-weight: bold; } .NewGroupOpenApiindex_approval-modal .NewGroupOpenApiindex_all-approval-content .NewGroupOpenApiindex_all-approval-item .NewGroupOpenApiindex_all-approval-item-conetnt .NewGroupOpenApiindex_approval-area { height: 200px !important; } .page-section-tips { position: absolute; top: -6px; right: 78px; border-radius: 16px; background-color: #E9EBFD; color: #5C6373; font-family: PingFang SC; font-weight: 400; font-style: Medium; font-size: 13px; line-height: 13px; letter-spacing: 0%; vertical-align: middle; white-space: nowrap; padding: 8px 13px 8px 13px; } .page-section-tips .tips-link { cursor: pointer; color: #3377FF; font-weight: 500; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .QuickCommandInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .QuickCommandInfoindex_new-fc-one-modal-body { overflow: unset; } .QuickCommandInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .QuickCommandInfoindex_SendMessageInfoindex_send-info { width: 690px; } .QuickCommandInfoindex_receive-message .formitem-title { width: 200px; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_receive-text { color: #666; margin-left: 20px; font-weight: 400; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_footer { display: flex; justify-content: center; padding: 24px; margin-bottom: 24px; border-top: 1px solid #ededed; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_footer .QuickCommandInfoindex_submit-btn { width: 88px; height: 32px; font-size: 14px; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_footer .QuickCommandInfoindex_submit-btn.QuickCommandInfoindex_formsection-submitbtn-disbale { background: #A6CBFF; cursor: not-allowed; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_icontip { margin-left: 5px; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_receive-total { min-height: 40px; background: #F2F7FF; border: 1px solid #D9E6FF; border-radius: 2px; line-height: 40px; padding-left: 16px; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_receive-total .QuickCommandInfoindex_receive-icon { color: #5489ff; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_receive-total .QuickCommandInfoindex_receive-font { font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 8px; } .QuickCommandInfoindex_receive-message .QuickCommandInfoindex_receive-server { margin-top: 16px; } .QuickCommandInfoindex_dev-introduce { color: #2c8fff; margin-left: 12px; font-weight: normal; } .QuickCommandInfoindex_dev-introduce:visited { color: #2c8fff; } .QuickCommandInfoindex_dev-introduce:hover { color: #54a1ff; text-decoration: underline; } .QuickCommandInfoindex_dev-introduce:active { color: #1a76d9; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AppPropagateindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AppPropagateindex_new-fc-one-modal-body { overflow: unset; } .AppPropagateindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AppPropagateindex_SendMessageInfoindex_send-info { width: 690px; } .AppPropagateindex_app-propagate { padding: 16px 152px 24px 152px; } .AppPropagateindex_app-propagate .AppPropagateindex_pc-show-img { width: 529px; height: 371px; box-shadow: 0 0 2px 0 ; } .AppPropagateindex_app-propagate .AppPropagateindex_mobile-show-img { width: 171px; height: 371px; box-shadow: 0 0 2px 0; margin-left: 20px; } .AppPropagateindex_app-propagate .AppPropagateindex_section-operation-group { display: flex; position: absolute; right: 10px; top: 10px; } .AppPropagateindex_app-propagate .AppPropagateindex_section-operation-group li { margin-right: 10px; } .AppPropagateindex_app-propagate .AppPropagateindex_propagate-img-list { width: 524px; height: 190px; margin-bottom: 10px; border: 1px solid #d9d9d9; position: relative; } .AppPropagateindex_app-propagate .AppPropagateindex_propagate-img-list:hover .AppPropagateindex_section-operation { display: block; cursor: pointer; } .AppPropagateindex_app-propagate .AppPropagateindex_section-operation { display: none; } .AppPropagateindex_add-propagate-img { width: 524px; height: 190px; background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; text-align: center; cursor: pointer; position: relative; overflow: hidden; line-height: 12; color: #3275FA; margin-left: 16px; } .AppPropagateindex_add-propagate-img:hover { background-color: #FBFBFB; } .AppPropagateindex_diglog-img { margin: 20px auto; } .AppPropagateindex_dialog-pc { color: #666; font-size: 12px; } .AppPropagateindex_dialog-text { color: #999999; font-size: 12px; } .AppPropagateindex_dialog-content { display: flex; justify-content: space-around; } .AppPropagateindex_dialog-content .AppPropagateindex_dialog-identifier { color: #ccc; margin-left: 5px; font-size: 12px; } .AppPropagateindex_dialog-content .AppPropagateindex_dialog-select { width: 475px; } .AppPropagateindex_dialog-content .AppPropagateindex_dialog-select-error { font-size: 12px; color: #e64552; position: absolute; } .AppPropagateindex_dialog-content .AppPropagateindex_dialog-input { margin-top: 21px; } .AppPropagateindex_dialog-content .AppPropagateindex_dialog-input input:disabled { background-color: #fafafa; } .AppPropagateindex_dialog-content .AppPropagateindex_dialog-raiod-label { margin: 0 0 18px 0 !important; } .AppPropagatepicupload_upload-img-wrapper { display: inline-block; } .AppPropagatepicupload_upload-img { display: none; } .AppPropagatepicupload_upload-material-wrapper { text-align: center; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_upload-add { width: 584px; height: 194px; cursor: pointer; overflow: hidden; margin: 20px auto; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_loading-icon { margin-top: 50px; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_add-title { font-family: PingFangSC-Regular; font-size: 12px; color: #333333; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_uploaded-pic { width: 584px; height: 194px; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_add-propagate-img { width: 584px; height: 194px; position: relative; background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; text-align: center; cursor: pointer; overflow: hidden; color: #3275FA; margin-left: 16px; margin: 20px auto; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_add-propagate-img:hover { background-color: #FBFBFB; } .AppPropagatepicupload_upload-material-wrapper .AppPropagatepicupload_diglog-addimg { line-height: 12; } .AppPropagatepicupload_upload-material-wrapper:not(.AppPropagatepicupload_uploaded-material-wrapper) { background: #fff; } .ExpandableListindex_expandable-list .ExpandableListindex_expandable-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ExpandableListindex_expandable-list .ExpandableListindex_expandable-toggle { cursor: pointer; color: #3377FF; margin-bottom: 4px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AppStreamindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AppStreamindex_new-fc-one-modal-body { overflow: unset; } .AppStreamindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AppStreamindex_SendMessageInfoindex_send-info { width: 690px; } .AppStreamindex_app-stream-content { padding: 24px 43px; box-sizing: border-box; } .AppStreamindex_app-stream-content .AppStreamindex_stream-header { width: 100%; height: 323px; margin-bottom: 40px; position: relative; } .AppStreamindex_app-stream-content .AppStreamindex_stream-header .AppStreamindex_header-img { width: 100%; height: 100%; } .AppStreamindex_app-stream-content .AppStreamindex_stream-header .AppStreamindex_header-btn { position: absolute; bottom: 60px; left: 60px; width: 183px; height: 49px; cursor: pointer; background-color: #3377FF; font-family: PingFang SC; font-weight: 500; font-style: Medium; font-size: 18px; line-height: 49px; color: #FFFFFF; border-radius: 120px; text-align: center; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list { width: 100%; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list .AppStreamindex_manger-title { font-family: PingFang SC; font-weight: 600; font-style: Semibold; font-size: 18px; line-height: 24px; color: #11141A; margin-bottom: 16px; display: flex; align-items: center; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list .AppStreamindex_manger-title::before { content: ""; display: inline-block; width: 4px; height: 24px; background: #3385FF; margin-right: 6px; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list .AppStreamindex_manger-btns { width: 108px; height: 36px; margin-bottom: 24px; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list .AppStreamindex_manger-btns > span { display: flex; align-items: center; line-height: 16px; text-align: center; font-size: 14px; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list .AppStreamindex_manger-btns .AppStreamindex_manger-img { width: 16px; height: 16px; } .AppStreamindex_app-stream-content .AppStreamindex_manger-list .AppStreamindex_page-section-content .AppStreamindex_corporations-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .AppStreamindex_app-stream-content .AppStreamindex_stream-list { width: 100%; } .AppStreamindex_app-stream-content .AppStreamindex_stream-list .AppStreamindex_stream-title { font-family: PingFang SC; font-weight: 600; font-style: Semibold; font-size: 18px; line-height: 24px; color: #11141A; margin-bottom: 16px; display: flex; align-items: center; } .AppStreamindex_app-stream-content .AppStreamindex_stream-list .AppStreamindex_stream-title::before { content: ""; display: inline-block; width: 4px; height: 24px; background: #3385FF; margin-right: 6px; } .AppStreamindex_app-stream-content .AppStreamindex_stream-list .AppStreamindex_stream-btns { width: 136px; height: 36px; border-radius: 4px; margin-bottom: 24px; } .AppStreamindex_app-stream-content .AppStreamindex_stream-list .AppStreamindex_stream-btns > span { display: flex; align-items: center; line-height: 16px; text-align: center; font-size: 14px; } .AppStreamindex_app-stream-content .AppStreamindex_stream-list .AppStreamindex_stream-btns .AppStreamindex_stream-img { width: 16px; height: 16px; } .AppStreamindex_stream-modal .new-fc-one-modal-content { width: 559px; height: 602px; } .AppStreamindex_stream-modal .stream-confirm-btn { opacity: 0.4; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .AppStreamindex_stream-modal .AppStreamindex_stream-form-bottom { padding-left: 11px; } .AppStreamindex_stream-modal .AppStreamindex_stream-form-bottom .AppStreamindex_stream-checkbox { font-family: PingFang SC; font-weight: 500; font-style: Medium; font-size: 13px; line-height: 18px; letter-spacing: 0px; color: #39404D; } .AppStreamindex_stream-modal .AppStreamindex_stream-form-bottom .AppStreamindex_stream-checkbox-tip, .AppStreamindex_stream-modal .AppStreamindex_stream-form-bottom .AppStreamindex_stream-item { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 12px; line-height: 18px; letter-spacing: 0px; color: #5C6373; } .AppStreamindex_stream-modal .AppStreamindex_stream-form-bottom .AppStreamindex_stream-checkbox-tip { margin-top: 8px; } .AppStreamindex_stream-modal .AppStreamindex_stream-form { margin-top: 6px; padding-left: 11px; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_one-input { width: 428px; height: 30px; border: 1px solid #C7CDD9; border-radius: 4px; padding-left: 8px; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_one-input:focus { border: 1px solid #3d88f2; outline: none; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_one-input::-moz-placeholder { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 13px; line-height: 18px; color: #878D99; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_one-input::placeholder { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 13px; line-height: 18px; color: #878D99; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_error-input-link { color: #e64552; font-size: 14px; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_one-input-error { border: 1px solid #e64552; outline: none; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_one-input-error:focus { border: 1px solid #3d88f2; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area { width: 428px !important; height: 186px !important; padding-left: 8px !important; border: 1px solid #C7CDD9; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area::-webkit-scrollbar { position: absolute; width: -1px !important; -webkit-appearance: none; background-color: transparent; padding: 4px; right: 10px; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area::-webkit-scrollbar-thumb { border-radius: 12px; border: 6px solid rgba(0, 0, 0, 0); background: #D9D9D9; display: block; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area:focus { border: 1px solid #3d88f2; outline: none; box-shadow: none; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area::-moz-placeholder { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 13px; line-height: 18px; color: #878D99; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area::placeholder { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 13px; line-height: 18px; color: #878D99; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area-error { border: 1px solid #e64552; outline: none; } .AppStreamindex_stream-modal .AppStreamindex_stream-form .AppStreamindex_stream-form-items .AppStreamindex_stream-form-item .AppStreamindex_stream-area-error:focus { border: 1px solid #3d88f2; } .AppStreamindex_stream-modal .new-fc-one-form-item-label { text-align: left; font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 13px; color: #000000; } .AppStreamindex_stream-modal .ant-form-item-has-error textarea, .AppStreamindex_stream-modal .ant-form-item-has-error .AppStreamindex_one-textarea { border-color: #f5222d; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .CustomizeRobotindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .CustomizeRobotindex_new-fc-one-modal-body { overflow: unset; } .CustomizeRobotindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .CustomizeRobotindex_SendMessageInfoindex_send-info { width: 690px; } .CustomizeRobotindex_automize-robot-content { min-height: calc(100vh - 136px); } .CustomizeRobotindex_nav-robot-content .new-fc-one-btn-medium { padding: 0 12px; } .CustomizeRobotindex_nav-robot-content .new-fc-one-btn:first-child { margin-left: 16px; } .CustomizeRobotindex_nav-robot-content .new-fc-one-btn:last-child { margin-right: 16px; } .CustomizeRobotindex_nav-robot-content .CustomizeRobotindex_export-robot-btn { color: #2c8fff; border: 1px solid #2c8fff; } .CustomizeRobotindex_nav-robot-content .CustomizeRobotindex_export-robot-btn .CustomizeRobotindex_export-icon { display: inline-block; width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2Rhb2NodTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMi43MjcyNzI3LDEwIEwxNCwxMCBMMTQsMTIuNyBDMTQsMTMuNDE3OTY1NiAxMy40MzAxNzYxLDE0IDEyLjcyNzI3MjcsMTQgTDEuMjcyNzI3MjcsMTQgQzAuNTY5ODIzODY0LDE0IC04Ljg4MTc4NDJlLTE2LDEzLjQxNzk2NTYgLTguODgxNzg0MmUtMTYsMTIuNyBMLTguODgxNzg0MmUtMTYsMTAgTDEuMjcyNzI3MjcsMTAgTDEuMjcyNzI3MjcsMTIuNyBMMTIuNzI3MjcyNywxMi43IEwxMi43MjcyNzI3LDEwIFogTTYuNjI3MjI4MTIsMTAuMjA5NjA3OSBMMy4zNjgyMTEwOCw2Ljk1OTYwNzg5IEMzLjExOTY5MTE5LDYuNzA1NzYyNTggMy4xMTk2OTExOSw2LjI5NDIxMTAyIDMuMzY4MjExMDgsNi4wNDAzNjU3IEMzLjYxNjcxMTA4LDUuNzg2NTIwMzkgNC4wMTk2NDg1OCw1Ljc4NjUyMDM5IDQuMjY4MTY4NDcsNi4wNDAzNjU3IEw2LjM2MzYzNDM3LDguMTM2ODc5NzcgTDYuMzYzNjM0MzcsMC42NDk5OTY5NTMgQzYuMzYzNjM0MzcsMC4yOTA5OTM4MjggNi42NDg1NDYzMSwtMy4wNDY4NzQ5N2UtMDYgNi45OTk5OTgwMSwtMy4wNDY4NzQ5N2UtMDYgQzcuMzUxNDQ5NzIsLTMuMDQ2ODc0OTdlLTA2IDcuNjM2MzYxNjUsMC4yOTA5OTM4MjggNy42MzYzNjE2NSwwLjY0OTk5Njk1MyBMNy42MzYzNjE2NSw4LjIyNzM3MTk1IEw5LjczMTg0NzQ0LDYuMDQwMzY1NyBDOS45ODAzNDc0NCw1Ljc4NjUyMDM5IDEwLjM4MzI4NDksNS43ODY1MjAzOSAxMC42MzE4MDQ4LDYuMDQwMzY1NyBDMTAuODgwMzA0OCw2LjI5NDIxMTAyIDEwLjg4MDMwNDgsNi43MDU3NjI1OCAxMC42MzE4MDQ4LDYuOTU5NjA3ODkgTDcuNTI3MTg1NTEsMTAuMjA5NjA3OSBDNy4yNzg2NjU2MiwxMC40NjM0NTMyIDYuODc1NzQ4MDEsMTAuNDYzNDUzMiA2LjYyNzIyODEyLDEwLjIwOTYwNzkgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uL2Rhb2NodSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiMyQzhGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8ZyBpZD0iY29sb3IvIzJDOEZGRiIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMkM4RkZGIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJjb2xvciIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1LjgwMjQ2OTEiIGhlaWdodD0iMTUuODAyNDY5MSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; margin-right: 5px; position: relative; top: 1px; } .CustomizeRobotindex_search-list-content { margin: 16px 0; } .CustomizeRobotindex_search-list-content .new-fc-one-input-search { height: 36px; border-radius: 3px; font-size: 14px; } .CustomizeRobotindex_search-list-content .new-fc-one-select-search-text-highlight { color: #2c8fff; font-size: 14px; line-height: 28px; } .CustomizeRobotindex_search-list-content .new-fc-one-popLayer { height: 328px; overflow-y: scroll; } .CustomizeRobotindex_search-list-content .new-fc-one-input-search-layer .new-fc-one-input-search-layer-menu .new-fc-one-menu-item:hover { background: #f2f7ff; } .CustomizeRobotindex_automize-robot-content div, .CustomizeRobotindex_automize-robot-content span, .CustomizeRobotindex_automize-robot-content a, .CustomizeRobotindex_automize-robot-content p { font-size: 14px; } .CustomizeRobotindex_statistic, .CustomizeRobotindex_limit-set, .CustomizeRobotindex_message-bars { font-size: 14px; } .CustomizeRobotindex_robot-list-content { padding: 16px 40px 0; margin-top: -17px; } .CustomizeRobotindex_robot-table .new-fc-one-table-thead > tr > th { height: 54px; background: #f5f5f5; padding: 0 16px; border-radius: 2px 0 0 0; } .CustomizeRobotindex_robot-table .new-fc-one-table-thead > tr > th { border-radius: 2px 2px 0 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .CustomizeRobotindex_robot-table .new-fc-one-table .new-fc-one-table-thead > tr:first-child > th:first-child { border-left: 1px solid #eee; } .CustomizeRobotindex_robot-table .new-fc-one-table-thead > tr > th:last-child { border-radius: 2px 2px 0 0; border-right: 1px solid #eee; } .CustomizeRobotindex_robot-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 54px; } .CustomizeRobotindex_robot-list .new-fc-one-table-placeholder { padding: 100px 20px; } .CustomizeRobotindex_action { display: flex; align-items: center; } .CustomizeRobotindex_action .CustomizeRobotindex_chat { color: #2c8fff; cursor: pointer; } .CustomizeRobotindex_action .CustomizeRobotindex_chat.CustomizeRobotindex_disabled-status { color: #333; } .CustomizeRobotindex_action .CustomizeRobotindex_more { margin-left: 12px; font-size: 14px; color: #333; } .CustomizeRobotindex_action .CustomizeRobotindex_more .CustomizeRobotindex_arrow-down { font-size: 10px; margin-left: 8px; } .CustomizeRobotindex_statistic { text-decoration: none; color: #333; } .CustomizeRobotindex_robot-desc { display: flex; align-items: center; } .CustomizeRobotindex_robot-img { border-radius: 50%; width: 30px; height: 30px; margin-right: 12px; } .CustomizeRobotindex_robot-creator .new-fc-one-tooltip-arrow { display: none; } .CustomizeRobotindex_robot-creator .new-fc-one-tooltip-content .new-fc-one-tooltip-inner { box-sizing: border-box; width: 255px; padding: 16px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); } .CustomizeRobotindex_creatorinfo .CustomizeRobotindex_creator-item { font-size: 14px; height: 22px; color: #333; margin: 8px 0; } .CustomizeRobotindex_creatorinfo .CustomizeRobotindex_creator-item:first-child, .CustomizeRobotindex_creatorinfo .CustomizeRobotindex_creator-item:last-child { margin: 0; } .CustomizeRobotindex_creatorinfo .CustomizeRobotindex_dept, .CustomizeRobotindex_creatorinfo .CustomizeRobotindex_email, .CustomizeRobotindex_creatorinfo .CustomizeRobotindex_mobile { margin-right: 12px; color: #999; } .CustomizeRobotindex_chat-list-content .new-fc-one-drawer-wrapper-body-container { padding-top: 0; padding-bottom: 0; } .CustomizeRobotindex_chat-list-content .new-fc-one-drawer-title { height: 60px; line-height: 60px; font-size: 16px; } .CustomizeRobotindex_chat-list-content .new-fc-one-drawer-body { margin-top: 5px; } .CustomizeRobotindex_chat-list { border-top: 1px solid #e6e6e6; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_empty-content { margin-top: 100px; text-align: center; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_empty-img { width: 50%; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_no-content-text { margin-top: 4px; margin-bottom: 0; color: #999; font-size: 14px; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_chat-list-item { padding: 16px 0; border-bottom: 1px dashed #e6e6e6; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_chat-list-item .CustomizeRobotindex_name, .CustomizeRobotindex_chat-list .CustomizeRobotindex_chat-list-item .CustomizeRobotindex_number { line-height: 2; margin: 0; height: 22px; line-height: 22px; font-size: 14px; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_chat-list-item .CustomizeRobotindex_name { color: #333; font-weight: 700; margin-bottom: 4px; } .CustomizeRobotindex_chat-list .CustomizeRobotindex_chat-list-item .CustomizeRobotindex_number { color: #666; } .CustomizeRobotindex_disabled-status { opacity: 0.2; color: #333; } .CustomizeRobotindex_limit-settting-modal .new-fc-one-modal-close-x { padding: 0; } .CustomizeRobotindex_limit-settting-modal .new-fc-one-modal-content { padding: 16px 24px; } .CustomizeRobotindex_limit-settting-modal .new-fc-one-modal-title { height: 24px; line-height: 24px; font-weight: 700; } .CustomizeRobotindex_limit-settting-modal .new-fc-one-modal-body { margin-top: 24px; margin-bottom: 24px; overflow-y: hidden; } .CustomizeRobotindex_limit-settting-modal .new-fc-one-modal-footer { margin-top: 0; } .CustomizeRobotindex_limit-settting-modal .new-fc-one-btn-small { border-radius: 3px; height: 32px; font-size: 14px; padding: 5px 16px; } .CustomizeRobotindex_appliation { display: flex; align-items: center; } .CustomizeRobotindex_appliation .CustomizeRobotindex_appliation-pic-info { width: 48px; height: 48px; margin-right: 16px; display: flex; align-items: center; justify-content: center; } .CustomizeRobotindex_appliation .CustomizeRobotindex_appliation-pic { width: 34.5px; height: 34.5px; } .CustomizeRobotindex_appliation .CustomizeRobotindex_appliation-name { line-height: 24px; font-weight: 700; } .CustomizeRobotindex_message-setting { margin-top: 18px; } .CustomizeRobotindex_message-setting .CustomizeRobotindex_message-setting-title { margin-right: 20px; } .CustomizeRobotindex_message-setting-select { width: 127px; height: 32px; line-height: 32px; padding: 5px 12px; } .CustomizeRobotindex_message-setting-content { width: 120px; } .CustomizeRobotindex_message-setting-content .new-fc-one-select-dropdown-menu > .new-fc-one-select-dropdown-menu-item { padding: 0 16px; } .CustomizeRobotindex_message-setting-content .new-fc-one-select-dropdown-menu { padding: 4px 0; } .CustomizeRobotindex_message-setting-content .new-fc-one-select-dropdown-menu-item:hover { background: #f2f7ff; } .CustomizeRobotindex_more-select.new-fc-one-select { width: 75px; } .CustomizeRobotindex_more-select.new-fc-one-select:not(.new-fc-one-select-disabled) { background: none; border: none; color: #2c8fff; } .CustomizeRobotindex_more-select .new-fc-one-select-arrow { background: none; color: #2c8fff; } .CustomizeRobotindex_more-select .new-fc-one-select-selection .new-fc-one-select-selection__rendered .new-fc-one-select-selection-selected-value { opacity: 1 !important; color: #2c8fff; } .CustomizeRobotindex_pagination-footer .new-fc-one-pagination { padding: 16px 0; } .CustomizeRobotindex_pagination-footer .new-fc-one-pagination .new-fc-one-pagination-pager-item-active { background: #2c8fff; color: #f5f5f5; } .CustomizeRobotindex_more-select-content { width: 90px !important; } .CustomizeRobotindex_more-select-content .new-fc-one-select-dropdown-menu > .new-fc-one-select-dropdown-menu-item { padding: 0 16px; } .CustomizeRobotindex_more-select-content .new-fc-one-select-dropdown-menu { padding: 4px 0; } .CustomizeRobotindex_more-select-content .new-fc-one-select-dropdown-menu-item:hover { background: #f2f7ff; } .CustomizeRobotindex_search-robot .new-fc-one-select-dropdown-menu-item-selected { color: #2c8fff; } .CustomizeRobotindex_search-robot .new-fc-one-menu { padding: 4px 0; } .CustomizeRobotindex_search-robot .new-fc-one-menu-item { height: 32px; line-height: 32px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .page-header { min-width: 928px; position: relative; } .page-header .page-title { margin: 0; min-height: 56px; max-width: 464px; line-height: 56px; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; } .page-header .page-subtitle { font-size: 12px; color: #666; margin-left: 4px; } .page-header .page-header-divider { margin: 0; height: 1px; background-color: #ededed; border: 0; margin-top: 10px; } .page-header .page-header-content button:not(:first-child) { margin-left: 16px; } .page-header .page-header-content-right { display: flex; justify-content: space-between; } .page-header .page-header-content-right .page-title-extra { height: 56px; display: flex; align-items: center; } .page-header .page-header-center { text-align: center; position: relative; } .page-header .page-header-center .page-title { max-width: 100%; } .page-header .page-header-center .page-title-extra, .page-header .page-header-center .back-icon { position: absolute; top: 50%; transform: translateY(-50%); } .page-header .page-header-center .back-icon { left: 0; } .page-header .page-header-center .page-title-extra { right: 0; } .applicationSorting { margin-left: 16px; } .horizontalLine { height: 50px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .RobotStatisticChartindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .RobotStatisticChartindex_new-fc-one-modal-body { overflow: unset; } .RobotStatisticChartindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .RobotStatisticChartindex_SendMessageInfoindex_send-info { width: 690px; } .RobotStatisticChartindex_robot-statistics { min-height: calc(100vh - 136px); } .RobotStatisticChartindex_nav-statistic-content .new-fc-one-btn:first-child { margin-left: 16px; } .RobotStatisticChartindex_nav-statistic-content .new-fc-one-btn:last-child { margin-right: 16px; } .RobotStatisticChartindex_nav-statistic-content .page-subtitle { font-size: 14px; } .RobotStatisticChartindex_nav-statistic-content .RobotStatisticChartindex_export-statistics-btn { color: #2c8fff; border: 1px solid #2c8fff; } .RobotStatisticChartindex_nav-statistic-content .RobotStatisticChartindex_export-statistics-btn .RobotStatisticChartindex_export-icon { display: inline-block; width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2Rhb2NodTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMi43MjcyNzI3LDEwIEwxNCwxMCBMMTQsMTIuNyBDMTQsMTMuNDE3OTY1NiAxMy40MzAxNzYxLDE0IDEyLjcyNzI3MjcsMTQgTDEuMjcyNzI3MjcsMTQgQzAuNTY5ODIzODY0LDE0IC04Ljg4MTc4NDJlLTE2LDEzLjQxNzk2NTYgLTguODgxNzg0MmUtMTYsMTIuNyBMLTguODgxNzg0MmUtMTYsMTAgTDEuMjcyNzI3MjcsMTAgTDEuMjcyNzI3MjcsMTIuNyBMMTIuNzI3MjcyNywxMi43IEwxMi43MjcyNzI3LDEwIFogTTYuNjI3MjI4MTIsMTAuMjA5NjA3OSBMMy4zNjgyMTEwOCw2Ljk1OTYwNzg5IEMzLjExOTY5MTE5LDYuNzA1NzYyNTggMy4xMTk2OTExOSw2LjI5NDIxMTAyIDMuMzY4MjExMDgsNi4wNDAzNjU3IEMzLjYxNjcxMTA4LDUuNzg2NTIwMzkgNC4wMTk2NDg1OCw1Ljc4NjUyMDM5IDQuMjY4MTY4NDcsNi4wNDAzNjU3IEw2LjM2MzYzNDM3LDguMTM2ODc5NzcgTDYuMzYzNjM0MzcsMC42NDk5OTY5NTMgQzYuMzYzNjM0MzcsMC4yOTA5OTM4MjggNi42NDg1NDYzMSwtMy4wNDY4NzQ5N2UtMDYgNi45OTk5OTgwMSwtMy4wNDY4NzQ5N2UtMDYgQzcuMzUxNDQ5NzIsLTMuMDQ2ODc0OTdlLTA2IDcuNjM2MzYxNjUsMC4yOTA5OTM4MjggNy42MzYzNjE2NSwwLjY0OTk5Njk1MyBMNy42MzYzNjE2NSw4LjIyNzM3MTk1IEw5LjczMTg0NzQ0LDYuMDQwMzY1NyBDOS45ODAzNDc0NCw1Ljc4NjUyMDM5IDEwLjM4MzI4NDksNS43ODY1MjAzOSAxMC42MzE4MDQ4LDYuMDQwMzY1NyBDMTAuODgwMzA0OCw2LjI5NDIxMTAyIDEwLjg4MDMwNDgsNi43MDU3NjI1OCAxMC42MzE4MDQ4LDYuOTU5NjA3ODkgTDcuNTI3MTg1NTEsMTAuMjA5NjA3OSBDNy4yNzg2NjU2MiwxMC40NjM0NTMyIDYuODc1NzQ4MDEsMTAuNDYzNDUzMiA2LjYyNzIyODEyLDEwLjIwOTYwNzkgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uL2Rhb2NodSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiMyQzhGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8ZyBpZD0iY29sb3IvIzJDOEZGRiIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMkM4RkZGIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJjb2xvciIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1LjgwMjQ2OTEiIGhlaWdodD0iMTUuODAyNDY5MSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; margin-right: 5px; position: relative; top: 1px; } .RobotStatisticChartindex_robot-statistics span, .RobotStatisticChartindex_robot-statistics a, .RobotStatisticChartindex_robot-statistics p { font-size: 14px; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav { display: flex; justify-content: center; margin: 16px 0; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav li { box-sizing: border-box; cursor: pointer; float: left; width: 60px; height: 32px; line-height: 30px; border: 1px solid #e0e0e0; text-align: center; color: #333; font-size: 14px; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav li:first-child { border-radius: 3px 0 0 3px; border-left: 1px solid #e0e0e0; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav li:not(:first-child) { margin-left: -1px; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav li.RobotStatisticChartindex_active { border: 1px solid #2c8fff; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav li.RobotStatisticChartindex_active + li { border-left: 1px solid #2c8fff; } .RobotStatisticChartindex_robot-statistics .RobotStatisticChartindex_date-top-nav li.RobotStatisticChartindex_free-day { width: 225px; border-radius: 0 3px 3px 0; } .RobotStatisticChartindex_calendar .new-fc-one-calendar-title { border: none; width: 100%; height: 100%; display: block; line-height: 30px; } .RobotStatisticChartindex_calendar .new-fc-one-calendar-title span span { display: block; width: 100px; } .RobotStatisticChartindex_calendar .new-fc-one-btn-normal:hover { background: #fff; } .RobotStatisticChartindex_robot-calendar .new-fc-one-calendar-input-large.new-fc-one-calendar-input-container { width: 35px; } .RobotStatisticChartindex_robot-calendar .new-fc-one-calendar-input-container { width: 16px; box-shadow: none; height: 20px; padding: 0; } .RobotStatisticChartindex_robot-calendar .new-fc-one-calendar-header, .RobotStatisticChartindex_robot-calendar .new-fc-one-calendar-single { text-align: left; } .RobotStatisticChartindex_robot-calendar .new-fc-one-popLayer { width: 225px; left: 609px; } .RobotStatisticChartindex_robot-calendar .new-fc-one-calendar-input input { border: none; display: inline-block; box-sizing: border-box; } .RobotStatisticChartindex_statistic-line .RobotStatisticChartindex_chart { width: 800px; height: 400px; margin: 0 auto; } .RobotStatisticChartindex_message-radio-wrapper { text-align: center; } .RobotStatisticChartindex_message-radio-wrapper .new-fc-one-radio-wrapper { margin-right: 24px; } .RobotStatisticChartindex_message-radio-wrapper span.new-fc-one-radio + * { color: #333; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .Safetyindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .Safetyindex_new-fc-one-modal-body { overflow: unset; } .Safetyindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .Safetyindex_SendMessageInfoindex_send-info { width: 690px; } .Safetyindex_safety-setting-info { padding: 0 16px; } .Safetyindex_telephone { width: 144px; text-align: right; height: 22px; color: #666; } .Safetyindex_telephone-title { margin-right: 16px; } .Safetyindex_content { margin-top: 11px; margin-left: 112px; color: #999; } .Safetyindex_check { cursor: pointer; margin-top: 16px; color: #2c8fff; } .Safetyindex_check:hover { color: #54a1ff; text-decoration: underline; } .Safetyindex_check:active { color: #1a76d9; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .TelephoneSafetyViewListindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .TelephoneSafetyViewListindex_new-fc-one-modal-body { overflow: unset; } .TelephoneSafetyViewListindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .TelephoneSafetyViewListindex_SendMessageInfoindex_send-info { width: 690px; } .TelephoneSafetyViewListindex_secure-view-content { min-height: calc(100vh - 136px); } .TelephoneSafetyViewListindex_nav-view-list-content .new-fc-one-btn:first-child { margin-left: 16px; } .TelephoneSafetyViewListindex_nav-view-list-content .new-fc-one-btn:last-child { margin-right: 16px; } .TelephoneSafetyViewListindex_nav-view-list-content .new-fc-one-btn-medium { padding: 0 12px; } .TelephoneSafetyViewListindex_nav-view-list-content .new-fc-one-icon { font-size: 10px; } .TelephoneSafetyViewListindex_nav-view-list-content .TelephoneSafetyViewListindex_export-view-list-btn { color: #2c8fff; border: 1px solid #2c8fff; } .TelephoneSafetyViewListindex_nav-view-list-content .TelephoneSafetyViewListindex_export-view-list-btn .TelephoneSafetyViewListindex_export-icon { display: inline-block; width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2Rhb2NodTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMi43MjcyNzI3LDEwIEwxNCwxMCBMMTQsMTIuNyBDMTQsMTMuNDE3OTY1NiAxMy40MzAxNzYxLDE0IDEyLjcyNzI3MjcsMTQgTDEuMjcyNzI3MjcsMTQgQzAuNTY5ODIzODY0LDE0IC04Ljg4MTc4NDJlLTE2LDEzLjQxNzk2NTYgLTguODgxNzg0MmUtMTYsMTIuNyBMLTguODgxNzg0MmUtMTYsMTAgTDEuMjcyNzI3MjcsMTAgTDEuMjcyNzI3MjcsMTIuNyBMMTIuNzI3MjcyNywxMi43IEwxMi43MjcyNzI3LDEwIFogTTYuNjI3MjI4MTIsMTAuMjA5NjA3OSBMMy4zNjgyMTEwOCw2Ljk1OTYwNzg5IEMzLjExOTY5MTE5LDYuNzA1NzYyNTggMy4xMTk2OTExOSw2LjI5NDIxMTAyIDMuMzY4MjExMDgsNi4wNDAzNjU3IEMzLjYxNjcxMTA4LDUuNzg2NTIwMzkgNC4wMTk2NDg1OCw1Ljc4NjUyMDM5IDQuMjY4MTY4NDcsNi4wNDAzNjU3IEw2LjM2MzYzNDM3LDguMTM2ODc5NzcgTDYuMzYzNjM0MzcsMC42NDk5OTY5NTMgQzYuMzYzNjM0MzcsMC4yOTA5OTM4MjggNi42NDg1NDYzMSwtMy4wNDY4NzQ5N2UtMDYgNi45OTk5OTgwMSwtMy4wNDY4NzQ5N2UtMDYgQzcuMzUxNDQ5NzIsLTMuMDQ2ODc0OTdlLTA2IDcuNjM2MzYxNjUsMC4yOTA5OTM4MjggNy42MzYzNjE2NSwwLjY0OTk5Njk1MyBMNy42MzYzNjE2NSw4LjIyNzM3MTk1IEw5LjczMTg0NzQ0LDYuMDQwMzY1NyBDOS45ODAzNDc0NCw1Ljc4NjUyMDM5IDEwLjM4MzI4NDksNS43ODY1MjAzOSAxMC42MzE4MDQ4LDYuMDQwMzY1NyBDMTAuODgwMzA0OCw2LjI5NDIxMTAyIDEwLjg4MDMwNDgsNi43MDU3NjI1OCAxMC42MzE4MDQ4LDYuOTU5NjA3ODkgTDcuNTI3MTg1NTEsMTAuMjA5NjA3OSBDNy4yNzg2NjU2MiwxMC40NjM0NTMyIDYuODc1NzQ4MDEsMTAuNDYzNDUzMiA2LjYyNzIyODEyLDEwLjIwOTYwNzkgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uL2Rhb2NodSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiMyQzhGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8ZyBpZD0iY29sb3IvIzJDOEZGRiIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMkM4RkZGIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJjb2xvciIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1LjgwMjQ2OTEiIGhlaWdodD0iMTUuODAyNDY5MSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; margin-right: 5px; position: relative; top: 1px; } .TelephoneSafetyViewListindex_search-list-content { margin: 20px 0; display: flex; justify-content: space-between; align-items: center; } .TelephoneSafetyViewListindex_search-list-content .TelephoneSafetyViewListindex_search-date { margin-top: 4px; } .TelephoneSafetyViewListindex_secure-member-search member-search .search-bar { border-radius: 3px; box-shadow: none; } .TelephoneSafetyViewListindex_secure-member-search member-search .search-icon { border-radius: 3px; background: none; } .TelephoneSafetyViewListindex_secure-member-search member-search .search-results { width: 92%; margin-left: 5%; } .TelephoneSafetyViewListindex_secure-member-search member-search .search-wrapper { margin-right: 0; } .TelephoneSafetyViewListindex_secure-view-content div, .TelephoneSafetyViewListindex_secure-view-content span, .TelephoneSafetyViewListindex_secure-view-content a, .TelephoneSafetyViewListindex_secure-view-content p { font-size: 14px; } .TelephoneSafetyViewListindex_view-list-content { padding: 16px 153px 0; margin-top: -17px; } .TelephoneSafetyViewListindex_view-table .new-fc-one-table-thead > tr > th { height: 54px; background: #f5f5f5; padding: 0 16px; border-radius: 2px 0 0 0; } .TelephoneSafetyViewListindex_view-table .new-fc-one-table-thead > tr > th { border-radius: 2px 2px 0 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .TelephoneSafetyViewListindex_view-table .new-fc-one-table .new-fc-one-table-thead > tr:first-child > th:first-child { border-left: 1px solid #eee; } .TelephoneSafetyViewListindex_view-table .new-fc-one-table-thead > tr > th:last-child { border-radius: 2px 2px 0 0; border-right: 1px solid #eee; } .TelephoneSafetyViewListindex_view-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 54px; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table { width: 896px; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-placeholder { padding: 100px 20px; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-cell-has-icon .new-fc-one-table-selection-column-operate { height: auto; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-selection-column-operate-item { margin-top: 2px; margin-left: 4px; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-selection-column { display: flex; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-cell-has-icon { position: relative; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-cell-has-icon .new-fc-one-table-selection-column { position: absolute; right: 0; top: 15px; } .TelephoneSafetyViewListindex_view-list .new-fc-one-table-thead th:last-child .new-fc-one-table-selection-column { display: flex; align-items: center; justify-content: center; } .TelephoneSafetyViewListindex_search-list .new-fc-one-table-placeholder { margin-bottom: 73px; } .TelephoneSafetyViewListindex_details { display: flex; align-items: center; justify-content: center; } .TelephoneSafetyViewListindex_details .TelephoneSafetyViewListindex_title { color: #2c8fff; cursor: pointer; } .TelephoneSafetyViewListindex_view-count, .TelephoneSafetyViewListindex_view-times { cursor: pointer; } .TelephoneSafetyViewListindex_empty-content { text-align: center; } .TelephoneSafetyViewListindex_empty-img { width: 230px; } .TelephoneSafetyViewListindex_no-content-text { margin-top: 4px; margin-bottom: 0; color: #999; font-size: 14px; } .TelephoneSafetyViewListindex_pagination-footer .new-fc-one-pagination { padding: 16px 0; } .TelephoneSafetyViewListindex_pagination-footer .new-fc-one-pagination .new-fc-one-pagination-pager-item-active { background: #2c8fff; color: #f5f5f5; } /** * @file 成员搜索框样式 * @author linzheyuan linzheyuan@baidu.com * @date 2019-11-06 */ .components-members-search { width: 200px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .TelephoneSafetyDetailListindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .TelephoneSafetyDetailListindex_new-fc-one-modal-body { overflow: unset; } .TelephoneSafetyDetailListindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .TelephoneSafetyDetailListindex_SendMessageInfoindex_send-info { width: 690px; } .TelephoneSafetyDetailListindex_empty-content { margin-top: 100px; text-align: center; } .TelephoneSafetyDetailListindex_empty-img { width: 50%; } .TelephoneSafetyDetailListindex_secure-details-content { min-height: calc(100vh - 136px); } .TelephoneSafetyDetailListindex_nav-details-list-content .new-fc-one-btn:first-child { margin-left: 16px; } .TelephoneSafetyDetailListindex_nav-details-list-content .new-fc-one-btn:last-child { margin-right: 16px; } .TelephoneSafetyDetailListindex_nav-details-list-content .new-fc-one-btn-medium { padding: 0 12px; } .TelephoneSafetyDetailListindex_nav-details-list-content .new-fc-one-icon { font-size: 10px; } .TelephoneSafetyDetailListindex_nav-details-list-content .TelephoneSafetyDetailListindex_export-details-list-btn { color: #2c8fff; border: 1px solid #2c8fff; } .TelephoneSafetyDetailListindex_nav-details-list-content .TelephoneSafetyDetailListindex_export-details-list-btn .TelephoneSafetyDetailListindex_export-icon { display: inline-block; width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2Rhb2NodTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMi43MjcyNzI3LDEwIEwxNCwxMCBMMTQsMTIuNyBDMTQsMTMuNDE3OTY1NiAxMy40MzAxNzYxLDE0IDEyLjcyNzI3MjcsMTQgTDEuMjcyNzI3MjcsMTQgQzAuNTY5ODIzODY0LDE0IC04Ljg4MTc4NDJlLTE2LDEzLjQxNzk2NTYgLTguODgxNzg0MmUtMTYsMTIuNyBMLTguODgxNzg0MmUtMTYsMTAgTDEuMjcyNzI3MjcsMTAgTDEuMjcyNzI3MjcsMTIuNyBMMTIuNzI3MjcyNywxMi43IEwxMi43MjcyNzI3LDEwIFogTTYuNjI3MjI4MTIsMTAuMjA5NjA3OSBMMy4zNjgyMTEwOCw2Ljk1OTYwNzg5IEMzLjExOTY5MTE5LDYuNzA1NzYyNTggMy4xMTk2OTExOSw2LjI5NDIxMTAyIDMuMzY4MjExMDgsNi4wNDAzNjU3IEMzLjYxNjcxMTA4LDUuNzg2NTIwMzkgNC4wMTk2NDg1OCw1Ljc4NjUyMDM5IDQuMjY4MTY4NDcsNi4wNDAzNjU3IEw2LjM2MzYzNDM3LDguMTM2ODc5NzcgTDYuMzYzNjM0MzcsMC42NDk5OTY5NTMgQzYuMzYzNjM0MzcsMC4yOTA5OTM4MjggNi42NDg1NDYzMSwtMy4wNDY4NzQ5N2UtMDYgNi45OTk5OTgwMSwtMy4wNDY4NzQ5N2UtMDYgQzcuMzUxNDQ5NzIsLTMuMDQ2ODc0OTdlLTA2IDcuNjM2MzYxNjUsMC4yOTA5OTM4MjggNy42MzYzNjE2NSwwLjY0OTk5Njk1MyBMNy42MzYzNjE2NSw4LjIyNzM3MTk1IEw5LjczMTg0NzQ0LDYuMDQwMzY1NyBDOS45ODAzNDc0NCw1Ljc4NjUyMDM5IDEwLjM4MzI4NDksNS43ODY1MjAzOSAxMC42MzE4MDQ4LDYuMDQwMzY1NyBDMTAuODgwMzA0OCw2LjI5NDIxMTAyIDEwLjg4MDMwNDgsNi43MDU3NjI1OCAxMC42MzE4MDQ4LDYuOTU5NjA3ODkgTDcuNTI3MTg1NTEsMTAuMjA5NjA3OSBDNy4yNzg2NjU2MiwxMC40NjM0NTMyIDYuODc1NzQ4MDEsMTAuNDYzNDUzMiA2LjYyNzIyODEyLDEwLjIwOTYwNzkgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uL2Rhb2NodSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiMyQzhGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8ZyBpZD0iY29sb3IvIzJDOEZGRiIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMkM4RkZGIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJjb2xvciIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1LjgwMjQ2OTEiIGhlaWdodD0iMTUuODAyNDY5MSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; margin-right: 5px; position: relative; top: 1px; } .TelephoneSafetyDetailListindex_search-date { float: left; margin: 20px 0; } .TelephoneSafetyDetailListindex_secure-details-content div, .TelephoneSafetyDetailListindex_secure-details-content span, .TelephoneSafetyDetailListindex_secure-details-content a, .TelephoneSafetyDetailListindex_secure-details-content p { font-size: 14px; } .TelephoneSafetyDetailListindex_details-list-content { padding: 16px 153px 0; margin-top: -17px; } .TelephoneSafetyDetailListindex_details-table .new-fc-one-table-thead > tr > th { height: 54px; background: #f5f5f5; padding: 0 16px; border-radius: 2px 0 0 0; } .TelephoneSafetyDetailListindex_details-table .new-fc-one-table-thead > tr > th { border-radius: 2px 2px 0 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .TelephoneSafetyDetailListindex_details-table .new-fc-one-table .new-fc-one-table-thead > tr:first-child > th:first-child { border-left: 1px solid #eee; } .TelephoneSafetyDetailListindex_details-table .new-fc-one-table-thead > tr > th:last-child { border-radius: 2px 2px 0 0; border-right: 1px solid #eee; } .TelephoneSafetyDetailListindex_details-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 54px; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table { width: 896px; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table-placeholder { padding: 100px 20px; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table-cell-has-icon .new-fc-one-table-selection-column-operate { height: auto; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table-selection-column-operate-item { margin-top: 2px; margin-left: 4px; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table-selection-column { display: flex; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table-cell-has-icon { position: relative; } .TelephoneSafetyDetailListindex_details-list .new-fc-one-table-cell-has-icon .new-fc-one-table-selection-column { position: absolute; right: 0; top: 15px; } .TelephoneSafetyDetailListindex_view-count, .TelephoneSafetyDetailListindex_view-times { cursor: pointer; } .TelephoneSafetyDetailListindex_pagination-footer .new-fc-one-pagination { padding: 16px 0; } .TelephoneSafetyDetailListindex_pagination-footer .new-fc-one-pagination .new-fc-one-pagination-pager-item-active { background: #2c8fff; color: #f5f5f5; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .MessageModalInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .MessageModalInfoindex_new-fc-one-modal-body { overflow: unset; } .MessageModalInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .MessageModalInfoindex_SendMessageInfoindex_send-info { width: 690px; } .MessageModalInfoindex_message-modal .new-fc-one-modal-header { line-height: 1; } .MessageModalInfoindex_message-modal .new-fc-one-modal-title { margin-bottom: 16px; font-weight: 500; line-height: 24px; } .MessageModalInfoindex_message-modal .new-fc-one-modal-content { width: 800px; padding: 16px 24px; } .MessageModalInfoindex_message-modal .new-fc-one-modal-footer { margin-top: 0; } .MessageModalInfoindex_service-list-info { margin-top: 46px; padding-top: 12px; height: calc(100vh - 80px - 56px - 46px - 12px - 16px); overflow-y: auto; overflow-x: hidden; } .MessageModalInfoindex_search-service { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 7px 8px 7px 12px; background: #f2f7ff; position: fixed; z-index: 1; width: 746px; } .MessageModalInfoindex_search-service .new-fc-one-pagination-pager-item:not(.new-fc-one-pagination-pager-item-jumper) { display: none; } .MessageModalInfoindex_search-service-list { height: 32px; } .MessageModalInfoindex_search-service-list input { box-shadow: none; } .MessageModalInfoindex_search-service-list-layer { max-height: 328px; overflow-y: scroll; } .MessageModalInfoindex_service-list-item-info { position: relative; width: 136px; height: 136px; margin: 0 12px 16px 0; border: 1px solid #ededed; border-radius: 3px; text-align: center; margin-top: 0; cursor: pointer; float: left; } .MessageModalInfoindex_service-list-item-info:nth-child(5n) { margin: 0 0 16px; } .MessageModalInfoindex_service-list-item-info:hover { border: 1px solid #2c8fff; background: #fff; } .MessageModalInfoindex_service-list-item-info:after { content: ''; display: block; clear: both; } .MessageModalInfoindex_service-list-item-info:active::before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(44, 143, 255, 0.2); } .MessageModalInfoindex_service-logo { width: 100%; height: 100%; width: 60px; height: 60px; margin-top: 23px; border-radius: 50%; border: 1px solid #ededed; } .MessageModalInfoindex_service-name { width: 120px; margin: 8px auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .MessageModalInfoindex_empty-content { margin: 88px auto 0; text-align: center; } .MessageModalInfoindex_empty-img { width: 280px; } .MessageModalInfoindex_no-content-text { margin-top: 4px; margin-bottom: 0; color: #999; font-size: 14px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .components-tab-wrapper { display: flex; height: 53px; line-height: 53px; text-align: left; border-top: 1px solid #ededed; margin-top: 12px; } .components-tab-wrapper.components-tab-keyreply-wrapper { border-top: 1px solid #ededed; } .components-tab-wrapper .components-tab-wrapper-item { margin-right: 42px; cursor: pointer; color: #666; } .components-tab-wrapper .components-tab-wrapper-item > img { margin-right: 5px; margin-bottom: 3px; } .components-tab-wrapper .components-tab-wrapper-item.components-tab-chosed { color: #2c8fff; border-bottom: 2px solid #2c8fff; } .components-tab-wrapper .components-tab-pic-text-item { margin-right: 0; width: 78px; } .components-tab-wrapper img { width: 14px; } .components-tab-wrapper img.components-tab-dropdown-arrow { width: 22px; cursor: pointer; } .components-tab-pic-text-tab { position: relative; width: 42px; } .components-tab-dropdown-list { position: absolute; width: 112px; left: -78px; padding: 4px 0; background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); border-radius: 3px; cursor: pointer; z-index: 1; } .components-tab-dropdown-list-item { line-height: 30px; padding-left: 11px; border-radius: 1px; color: #666; } .components-tab-dropdown-list-item.components-tab-pic-text-chosed:hover, .components-tab-dropdown-list-item.components-tab-not-chosed:hover { background: #f2f7ff; } .components-tab-dropdown-list-item.components-tab-pic-text-chosed { color: #2c8fff; } .components-tab-dropdown-list-item img { margin-right: 3px; margin-top: -3px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .materialModalInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .materialModalInfoindex_new-fc-one-modal-body { overflow: unset; } .materialModalInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .materialModalInfoindex_SendMessageInfoindex_send-info { width: 690px; } .materialModalInfoindex_select-material-group { width: 144px; } .materialModalInfoindex_material-group-content { width: auto !important; } .materialModalInfoindex_material-group-content .new-fc-one-select-dropdown-menu > .new-fc-one-select-dropdown-menu-item { padding: 0 16px; } .materialModalInfoindex_material-group-content .new-fc-one-select-dropdown-menu { padding: 4px 0; } .materialModalInfoindex_material-group-content .new-fc-one-select-dropdown-menu-item:hover { background: #f2f7ff; } .materialModalInfoindex_material-group-content .new-fc-one-select-dropdown-menu { min-width: 144px; max-width: 300px; } .materialModalInfoindex_material-group-content .new-fc-one-select-dropdown-menu-item-selected { color: #2c8fff; } .materialModalInfoindex_material-modal .new-fc-one-modal-header { line-height: 1; } .materialModalInfoindex_material-modal .new-fc-one-modal-title { margin-bottom: 20px; font-weight: 700; } .materialModalInfoindex_material-modal .new-fc-one-modal-content { width: 800px; height: calc(100vh - 40px - 40px); } .materialModalInfoindex_material-loading { display: flex; justify-content: center; margin-top: 100px; } .materialModalInfoindex_material-nav { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 7px 8px 7px 12px; background: #f2f7ff; } .materialModalInfoindex_material-nav.materialModalInfoindex_hidden-material-nav { display: none; } .materialModalInfoindex_material-nav .materialModalInfoindex_only-has-all-group { visibility: hidden; } .materialModalInfoindex_material-nav .new-fc-one-pagination-pager-item:not(.new-fc-one-pagination-pager-item-jumper) { display: none; } .materialModalInfoindex_material-list-item { position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #ededed; padding: 0 8px; cursor: pointer; width: 100%; margin-left: 12px; } .materialModalInfoindex_material-list-item .materialModalInfoindex_hover-content { display: none; top: -38px; background: #fff; right: 6px; top: 8px; width: 560px; position: absolute; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); border-radius: 3px; padding: 12px 16px; line-height: 22px; max-height: 240px; overflow-y: auto; z-index: 1; } .materialModalInfoindex_material-list-item:hover { background: #f7f7f7; } .materialModalInfoindex_material-list-item:hover .materialModalInfoindex_hover-content { display: block; } .materialModalInfoindex_material-list-item:active { background: #ededed; } .materialModalInfoindex_material-list-item:after { content: ''; display: block; clear: both; } .materialModalInfoindex_material-list-item .materialModalInfoindex_time { float: right; color: #999; } .materialModalInfoindex_material-content-list { height: calc(100vh - 80px - 64px - 46px - 12px - 16px); overflow-y: auto; overflow-x: hiden; } .materialModalInfoindex_material-content-list.materialModalInfoindex_hidden-material-nav-content-list { height: calc(100vh - 80px - 64px - 12px - 16px); } .materialModalInfoindex_material-content-list .materialModalInfoindex_material-content { display: flex; align-items: center; } .materialModalInfoindex_material-content-list .materialModalInfoindex_audio-status { display: inline-block; width: 24px; height: 24px; border: 1px solid #54A1FF; border-radius: 50%; cursor: pointer; } .materialModalInfoindex_material-content-list .materialModalInfoindex_audio-status .materialModalInfoindex_audio-img { width: 10px; margin-left: 6px; margin-top: -7px; } .materialModalInfoindex_material-content-list .materialModalInfoindex_content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 536px; pointer-events: none; display: inline-block; } .materialModalInfoindex_isMaterialNotLocated { visibility: hidden; } .materialModalInfoindex_content.materialModalInfoindex_text-material-content { max-width: 556px; float: left; } .materialModalInfoindex_pic-text-list-item:active::before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(44, 143, 255, 0.2); } .materialModalInfoindex_pic-text-list-item { position: absolute; width: 234px; border: 1px solid #e0e0e0; cursor: pointer; border-radius: 3px; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_material-item { display: flex; flex-direction: column; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_material-item .materialModalInfoindex_material-pic-wrapper { width: 232px; height: 140px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_single-material-pic { width: 100%; margin-bottom: 8px; border-radius: 3px 3px 0 0; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_single-material-title { line-height: 22px; margin-bottom: 4px; white-space: pre-wrap; word-break: break-all; padding: 0 10px; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_single-material-description { white-space: pre-wrap; word-break: break-all; line-height: 22px; color: #999; padding: 0 10px; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_multiple-materials-fisrt { position: relative; width: 232px; height: 140px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_multiple-materials-fisrt .materialModalInfoindex_material-first-pic { width: 100%; border-radius: 3px 3px 0 0; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_multiple-materials-fisrt .materialModalInfoindex_material-fisrt-title { position: absolute; bottom: 0; height: 26px; line-height: 26px; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 0 8px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_sub-pic-item { border-top: 1px solid #ededed; display: inline-block; padding: 8px 0; margin: 0 10px; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_sub-pic-item:after { content: ''; display: block; clear: both; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_sub-pic-item .materialModalInfoindex_sub-material-pic-text-item { line-height: 44px; height: 44px; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_sub-pic-item .materialModalInfoindex_sub-material-title { line-height: 22px; width: 170px; display: inline-block; white-space: pre-wrap; word-break: break-all; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_sub-item-pic { width: 40px; height: 40px; float: right; border-radius: 3px; } .materialModalInfoindex_pic-text-list-item:hover { border: 1px solid #2c8fff; } .materialModalInfoindex_pic-text-list-item:after { content: ''; display: block; clear: both; } .materialModalInfoindex_pic-text-list-item .materialModalInfoindex_time { color: #999; height: 50px; line-height: 50px; padding: 0 10px; } .materialModalInfoindex_pic-text-content { height: calc(100vh - 80px - 64px - 46px - 12px - 16px); position: relative; overflow-y: auto; overflow-x: hidden; } .materialModalInfoindex_pic-text-content.materialModalInfoindex_hidden-material-nav-content-list { height: calc(100vh - 80px - 64px - 12px - 16px); } .materialModalInfoindex_pic-text-content .materialModalInfoindex_content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 556px; display: inline-block; } .materialModalInfoindex_no-content-pic-text { margin-top: 4px; margin-bottom: 0; color: #999; font-size: 14px; } .materialModalInfoindex_pic-content-list { display: flex; flex-wrap: wrap; padding-top: 12px; } .materialModalInfoindex_pic-content { width: 132px; margin-right: 16px; } .materialModalInfoindex_pic-content:nth-child(5n) { margin-right: 0; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-item-wrapper { width: 100%; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-img-wrapper { position: relative; display: table-cell; vertical-align: middle; width: 132px; height: 132px; border: 1px solid #e0e0e0; border-radius: 3px; line-height: 132px; text-align: center; margin-bottom: 2px; margin-top: 4px; cursor: pointer; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-img-wrapper:hover { border: 1px solid #2c8fff; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-foot { height: 73px; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-img-wrapper:active::before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0; width: 132px; height: 132px; background: rgba(44, 143, 255, 0.2); } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-img { max-width: 130px; max-height: 130px; display: block; margin: 0 auto; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-name { position: relative; display: inline-block; width: 100%; line-height: 22px; margin-top: 2px; white-space: pre-wrap; word-break: break-all; } .materialModalInfoindex_pic-content .materialModalInfoindex_pic-time { display: inline-block; color: #999; width: 132px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; } .materialModalInfoindex_material-list-item.materialModalInfoindex_text-list-item { margin-left: 0; } .materialModalInfoindex_file-content { max-width: 556px; line-height: 22px; display: inline-block; } .materialModalInfoindex_material-list-item.materialModalInfoindex_file-list-item { margin-left: 0; } .materialModalInfoindex_audio-content { max-width: 536px; line-height: 22px; display: inline-block; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .material-sub-title { margin-left: 4px; color: #999; font-size: 14px; line-height: 22px; font-weight: 400; } .empty-content { text-align: center; padding-top: 80px; height: 466px; } .empty-img { width: 270px; } .no-content-text { margin-top: 4px; margin-bottom: 0; color: #999; font-size: 14px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .SendMessageInfoindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .SendMessageInfoindex_new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_SendMessageInfoindex_send-info { width: 690px; } * { box-sizing: border-box; } .SendMessageInfoindex_send-message-wrapper { padding: 0 40px; } .SendMessageInfoindex_send-to-members { position: relative; line-height: 50px; } .SendMessageInfoindex_send-to-members.SendMessageInfoindex_non-bottom { border-bottom: none; } .SendMessageInfoindex_send-message-header { display: flex; align-items: center; height: 60px; font-size: 20px; } .SendMessageInfoindex_app-img { width: 32px; height: 32px; margin-right: 12px; border-radius: 50%; border: 1px solid #ededed; } .SendMessageInfoindex_send-to { color: #666; line-height: 22px; margin-right: 16px; } .SendMessageInfoindex_send-to-options { display: inline-block; } .SendMessageInfoindex_send-to-options label { color: #999; } .SendMessageInfoindex_send-to-options label:first-child { margin-right: 16px; } .SendMessageInfoindex_send-to-options label:last-child { margin-right: 8px; } .SendMessageInfoindex_send-to-options .new-fc-one-radio-wrapper-checked { color: #333; } .SendMessageInfoindex_send-to-options div { height: 22px; line-height: 22px; } .SendMessageInfoindex_custom-options label:first-child { margin-right: 180px; } .SendMessageInfoindex_send-info { padding: 20px 0 40px; text-align: center; background: #fff; width: 824px; } .SendMessageInfoindex_send-num { color: #999; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 16px; min-width: 90px; } .SendMessageInfoindex_primary-send { min-width: 90px; } .SendMessageInfoindex_sendmessage-modal .new-fc-one-modal-title { margin-bottom: 24px; font-weight: 700; } .SendMessageInfoindex_sendmessage-modal .new-fc-one-modal-footer { margin-top: 24px; } .SendMessageInfoindex_sendmessage-modal .new-fc-one-modal-footer .SendMessageInfoindex_send-modal-ok-btn { margin-right: 12px !important; height: 32px !important; } .SendMessageInfoindex_sendmessage-modal .new-fc-one-modal-footer .SendMessageInfoindex_send-modal-cancel-btn { height: 32px !important; } .SendMessageInfoindex_sendmessage-modal .new-fc-one-modal-content { padding: 16px 24px 24px; } .SendMessageInfoindex_sendmessage-modal .new-fc-one-modal-close-x { color: #999; } .SendMessageInfoindex_sendmessage-modal .SendMessageInfoindex_sendmessage-content { line-height: 22px; } .SendMessageInfoindex_sendmessage-modal .SendMessageInfoindex_new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_no-focus-number button:nth-child(1) { display: none; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_date { display: inline-block; margin-right: 12px; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_message { margin-top: 20px; margin-bottom: 16px; color: #999; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_messagSearbox { margin-top: 10px; position: relative; max-height: 200px; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_messagSearbox .SendMessageInfoindex_searchResultParent { margin-top: 5px; height: 132px; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_messagSearbox .SendMessageInfoindex_loadingPosition { display: flex; justify-content: center; margin-top: -35px; margin-left: 180px; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_messagSearbox .SendMessageInfoindex_dropDownBox { width: 97%; height: 100px; border: 1px solid white; border-radius: 3px; box-shadow: 0px 3px 10px -3px #a9a9a9; position: absolute; z-index: 99999; background-color: white; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_messagSearbox .SendMessageInfoindex_dropDownBox .SendMessageInfoindex_searchResult { display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_precise-date-and-time { margin: 0 8px; color: #333; } .SendMessageInfoindex_date-add-time .SendMessageInfoindex_precise-date-and-time .SendMessageInfoindex_precise-date { margin-right: 3px; } .loading-icon.new-fc-one-btn-primary.new-fc-one-btn-primary-loading .new-fc-one-btn-loading-icon { margin-right: 4px; } .SendMessageInfoindex_quantity { font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; position: fixed; bottom: 30px; } .SendMessageInfoindex_search { font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; font-weight: 400; } .SendMessageInfoindex_no-focus-number button:nth-child(1) { display: block; } .SendMessageInfoindex_components-members-searchs { width: 200px; } .SendMessageInfoindex_components-members-searchs .SendMessageInfoindex_new-fc-one-input-search-container-icon .SendMessageInfoindex_new-fc-one-input-search-detail { box-sizing: content-box; } .SendMessageInfoindex_components-members-searchs .SendMessageInfoindex_new-fc-one-input-search-container-icon .SendMessageInfoindex_new-fc-one-input-search-detail .SendMessageInfoindex_new-fc-one-input-search { border-width: 0px; max-height: unset; } .SendMessageInfoindex_tagsGrandpa { display: flex; width: 350px; flex-wrap: wrap; position: absolute; top: 30px; } .SendMessageInfoindex_tagsGrandpa .SendMessageInfoindex_tagsFriend { display: flex; } .SendMessageInfoindex_tagsGrandpa .SendMessageInfoindex_tagsFriend .SendMessageInfoindex_tags { height: 30px; border-radius: 3px; font-size: 12px; display: inline-block; padding: 0 8px; color: #333; border: 1px solid #e0e0e0; background: #FFFFFF; margin-right: 10px; margin-top: 10px; white-space: nowrap; display: flex; justify-content: space-around; align-items: center; border: 1px solid #E0E0E0; width: 105px; } .SendMessageInfoindex_tagsGrandpa .SendMessageInfoindex_tagsFriend .SendMessageInfoindex_tags .SendMessageInfoindex_tagsMiddle { max-width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .SendMessageInfoindex_tagsGrandpa .SendMessageInfoindex_tagsFriend .SendMessageInfoindex_tags .SendMessageInfoindex_tagsMiddle .SendMessageInfoindex_tagsName { font-family: PingFangSC-Regular; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 22px; font-weight: 400; } .SendMessageInfoindex_tagsGrandpa .SendMessageInfoindex_tagsFriend .SendMessageInfoindex_tags .SendMessageInfoindex_tagsIcon { width: 10px; height: 10px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAHpJREFUGBmNkMENgCAMRW0XdADPXYJwNO5AenYAh3EdkG9S0jSYyIHQ/18/BSql3MycRORaJktV11rr3hlOrbUTQuSgwetMJpgmENFmyVF7wQijRpJvHKCHcfYQasb2Z41EPxMap1d76PMxM8hG8R7jM+PgBiIdXmeOB06jcMyfasbdAAAAAElFTkSuQmCC); background-size: cover; cursor: pointer; } .SendMessageInfoindex_searchBoxc { margin: 0; } .SendMessageInfoindex_searchBoxc-layer { max-height: 150px; overflow: scroll; } .SendMessageInfoindex_message-modal { font-size: 13px; } .SendMessageInfoindex_message-modal .SendMessageInfoindex_remind-text { color: red; } .SendMessageInfoindex_message-modal .SendMessageInfoindex_link-text { color: #3377FF; cursor: pointer; } .SendMessageInfoindex_error-modal .SendMessageInfoindex_error-content .SendMessageInfoindex_link-text { color: #3377FF; cursor: pointer; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .Contactsindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .Contactsindex_new-fc-one-modal-body { overflow: unset; } .Contactsindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .Contactsindex_SendMessageInfoindex_send-info { width: 690px; } .Contactsindex_employee-list-content div, .Contactsindex_employee-list-content span { font-size: 14px; } .Contactsindex_employee-list-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 46px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .Contactsindex_pagination-footer .new-fc-one-pagination { padding: 16px 0; } .Contactsindex_pagination-footer .new-fc-one-pagination .new-fc-one-pagination-pager-item-active { background: #2c8fff; color: #f5f5f5; } .Contactsindex_invite { color: #2c8fff; cursor: pointer; } .Contactsindex_reinvite { color: #999; } .Contactsindex_add-notice { margin-bottom: 0; } .Contactsindex_add-notice .new-fc-one-alert-show-icon { position: absolute; bottom: 64px; width: 100%; } .Contactsindex_apply { text-decoration: underline; color: #2c8fff; } .Contactsindex_apply:hover, .Contactsindex_apply:active { color: #2c8fff; } .Contactsindex_add-employees { margin-right: 16px; } .Contactsindex_add-employees .Contactsindex_add-employees-button { margin-right: 0; } .Contactsindex_add-employees .Contactsindex_add-employees-button span { color: #fff !important; margin-right: 0 !important; } .Contactsindex_employee-drawer .new-fc-one-drawer-wrapper-body-container { padding: 0; } .Contactsindex_employee-drawer .new-fc-one-drawer-header-container { padding: 24px 24px 16px 24px; border-bottom: 1px solid #ededed; } .Contactsindex_employee-drawer .Contactsindex_drawer-content { padding: 0 8px; width: 440px; } .Contactsindex_employee-drawer .Contactsindex_drawer-content .Contactsindex_hint { color: #ccc; margin-left: 4px; } .Contactsindex_employee-drawer .new-fc-one-drawer-footer { padding: 16px 24px 20px 24px; border-top: solid #ededed 1px; } .Contactsindex_employee-drawer.Contactsindex_footer-hide .new-fc-one-drawer-footer { display: none; } .Contactsindex_employee-drawer .new-fc-one-drawer-body-has-footer { margin-top: 0; margin-bottom: 0; } .Contactsindex_employee-drawer .new-fc-one-drawer-footer > button { margin-right: 0; min-width: 88px; } .Contactsindex_employee-drawer .new-fc-one-drawer-footer > button:last-child { margin-right: 12px; } .Contactsindex_employee-drawer .Contactsindex_cancel-button { float: right; } .Contactsindex_employee-drawer .Contactsindex_save-button { float: right; } .Contactsindex_employee-drawer .Contactsindex_save-button.Contactsindex_edit-save-button { border: 1px solid #2c8fff; } .Contactsindex_employee-drawer button.Contactsindex_non-active, .Contactsindex_employee-drawer button.Contactsindex_non-active-btn { background: #A6CBFF; cursor: not-allowed; border: 1px solid #A6CBFF; } .Contactsindex_employee-drawer button.Contactsindex_non-active:hover, .Contactsindex_employee-drawer button.Contactsindex_non-active-btn:hover { background: #A6CBFF; } .Contactsindex_employee-drawer button.Contactsindex_save-button.Contactsindex_non-active { background: #fff; color: #ccc; border: 1px solid #eee; cursor: not-allowed; } .Contactsindex_employee-drawer .page-section-content { padding: 0; } .Contactsindex_employee-drawer .new-fc-one-form-item-label { width: 88px; } .Contactsindex_employee-drawer .Contactsindex_other-info input.new-fc-one-input-small { width: 284px !important; } .Contactsindex_employee-drawer .Contactsindex_other-info .new-fc-one-form-item-label label { white-space: pre-wrap; } .Contactsindex_employee-drawer .new-fc-one-input-detail { width: 284px !important; } .Contactsindex_employee-drawer .new-fc-one-form-item-control-wrapper { line-height: 32px; } .Contactsindex_employee-drawer .new-fc-one-form-item { margin-bottom: 20px; } .Contactsindex_employee-drawer .new-fc-one-select-dropdown { width: 284px !important; top: 35px !important; } .Contactsindex_employee-drawer .new-fc-one-select-dropdown-medium .new-fc-one-select-dropdown-menu { max-width: 100%; } .Contactsindex_employee-drawer .new-fc-one-drawer-body { overflow-x: hidden; } .Contactsindex_display-drawer .new-fc-one-form-item .new-fc-one-form-has-error .new-fc-one-form-explain { display: none; } .Contactsindex_tel-prefix { width: 84px; } .Contactsindex_edit-dept { margin-left: 12px; color: #2c8fff; cursor: pointer; } .Contactsindex_edit-dept:hover { color: #54a1ff; } .Contactsindex_edit-dept:active { color: #1a76d9; } .Contactsindex_input-wrapper { position: relative; } .Contactsindex_input-wrapper .Contactsindex_hint { position: absolute; top: 9px; } .Contactsindex_input-wrapper .Contactsindex_mobile-wrapper { position: absolute; } .Contactsindex_popup-container .new-fc-one-tooltip-inner, .Contactsindex_mobile-popup-container .new-fc-one-tooltip-inner { width: 205px; padding: 12px 16px; line-height: 22px; margin-top: -26px; font-size: 14px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); } .Contactsindex_popup-container .new-fc-one-tooltip-placement-topRight > .new-fc-one-tooltip-content > .new-fc-one-tooltip-arrow { right: 11px; } .Contactsindex_mobile-input .new-fc-one-input-group .new-fc-one-input { border-radius: 3px; width: 200px; } .Contactsindex_mobile-popup-container .new-fc-one-tooltip-placement-topRight > .new-fc-one-tooltip-content > .new-fc-one-tooltip-arrow { right: 13px; } .Contactsindex_mobile-popup-container .new-fc-one-tooltip-placement-topLeft > .new-fc-one-tooltip-content > .new-fc-one-tooltip-arrow { left: 13px; } .Contactsindex_employee-table { cursor: pointer; } .Contactsindex_employee-table thead th:not(.new-fc-one-table-cell-has-icon) { cursor: default; } .Contactsindex_head-img { margin: 20px 0; text-align: center; } .Contactsindex_head-img img { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #f5f5f5; margin-left: 44px; border: 1px solid #ededed; } .Contactsindex_status { float: right; width: 44px; font-size: 12px; border-radius: 2px; } .Contactsindex_status.Contactsindex_inactivated { color: #FF811A; border: 1px solid #FF811A; } .Contactsindex_status.Contactsindex_activated { color: #29CC44; border: 1px solid #29CC44; } .Contactsindex_delete-btn { border: 1px solid #FF2F41; color: #FF2F41; } .Contactsindex_edit-btn { float: right; } .Contactsindex_edit-btn:after { content: ''; display: block; clear: both; } .Contactsindex_delete-employee-modal .new-fc-one-modal-title { margin-bottom: 24px; font-weight: 700; } .Contactsindex_delete-employee-modal .new-fc-one-modal-footer { margin-top: 24px; } .Contactsindex_delete-employee-modal .new-fc-one-modal-content { padding: 16px 24px 24px; } .Contactsindex_delete-employee-modal .new-fc-one-modal-close-x { color: #999; } .Contactsindex_delete-employee-modal .Contactsindex_delete-employee-modal-content { line-height: 22px; } .Contactsindex_delete-employee-modal.Contactsindex_warning-delete-modal .new-fc-one-modal-footer > button:first-child { display: none; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .MessagePreviewindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .MessagePreviewindex_new-fc-one-modal-body { overflow: unset; } .MessagePreviewindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .MessagePreviewindex_SendMessageInfoindex_send-info { width: 690px; } * { box-sizing: border-box; } .MessagePreviewindex_message-preview-wrapper-hide { display: none; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .DefineMenuindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .DefineMenuindex_new-fc-one-modal-body { overflow: unset; } .DefineMenuindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .DefineMenuindex_SendMessageInfoindex_send-info { width: 690px; } * { box-sizing: border-box; } .DefineMenuindex_send-message-wrapper { padding: 0 40px; } .DefineMenuindex_define-menu-header { position: relative; } .DefineMenuindex_define-menu-header .comps-back-title { border-bottom: none; } .DefineMenuindex_define-menu-header .DefineMenuindex_status-text { position: absolute; right: 88px; top: 19px; } .DefineMenuindex_define-menu-header .menu-status { position: absolute; right: 40px; top: 20px; } .DefineMenuindex_send-info { padding: 20px 0 40px; text-align: center; background: #fff; width: 824px; } .DefineMenuindex_send-num { color: #999; } .DefineMenuindex_normal-send { margin: 0 12px 0 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .PushEventindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .PushEventindex_new-fc-one-modal-body { overflow: unset; } .PushEventindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .PushEventindex_SendMessageInfoindex_send-info { width: 690px; } .PushEventindex_sub-title { font-size: 14px; color: #999999; margin-left: 4px; display: inline-block; } .PushEventindex_receive-message .formitem-title { width: 200px; } .PushEventindex_receive-message .PushEventindex_footer { display: flex; justify-content: center; padding: 24px; margin-bottom: 24px; border-top: 1px solid #ededed; } .PushEventindex_receive-message .PushEventindex_footer .PushEventindex_submit-btn { width: 88px; height: 32px; font-size: 14px; } .PushEventindex_receive-message .PushEventindex_footer .PushEventindex_submit-btn.PushEventindex_formsection-submitbtn-disbale { background: #A6CBFF; cursor: not-allowed; } .PushEventindex_receive-message .formitem-input-display { text-align: left; } .PushEventindex_receive-message .PushEventindex_icontip { margin-left: 5px; } .PushEventindex_dev-introduce { color: #2c8fff; margin-left: 12px; font-weight: normal; } .PushEventindex_dev-introduce:visited { color: #2c8fff; } .PushEventindex_dev-introduce:hover { color: #54a1ff; text-decoration: underline; } .PushEventindex_dev-introduce:active { color: #1a76d9; } .PushEventindex_push-event-modal .new-fc-one-modal-content { height: 543px; } .PushEventindex_push-event-modal .new-fc-one-btn-medium { width: 90px; height: 32px; line-height: 32px; } .PushEventindex_content-style .formitem-title { width: 120px; } .PushEventindex_content-en-form .formitem-title { width: 190px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .QucikLinkindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .QucikLinkindex_new-fc-one-modal-body { overflow: unset; } .QucikLinkindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .QucikLinkindex_SendMessageInfoindex_send-info { width: 690px; } .QucikLinkindex_sub-title { font-size: 14px; color: #999999; margin-left: 4px; display: inline-block; } .QucikLinkindex_receive-message .formitem-title { width: 200px; } .QucikLinkindex_receive-message .QucikLinkindex_footer { display: flex; justify-content: center; padding: 24px; margin-bottom: 24px; border-top: 1px solid #ededed; } .QucikLinkindex_receive-message .QucikLinkindex_footer .QucikLinkindex_submit-btn { width: 88px; height: 32px; font-size: 14px; } .QucikLinkindex_receive-message .QucikLinkindex_footer .QucikLinkindex_submit-btn.QucikLinkindex_formsection-submitbtn-disbale { background: #A6CBFF; cursor: not-allowed; } .QucikLinkindex_receive-message .formitem-input-display { text-align: left; } .QucikLinkindex_receive-message .QucikLinkindex_icontip { margin-left: 5px; } .QucikLinkindex_dev-introduce { color: #2c8fff; margin-left: 12px; font-weight: normal; } .QucikLinkindex_dev-introduce:visited { color: #2c8fff; } .QucikLinkindex_dev-introduce:hover { color: #54a1ff; text-decoration: underline; } .QucikLinkindex_dev-introduce:active { color: #1a76d9; } .QucikLinkindex_push-link-modal .new-fc-one-modal-content { min-height: 400px; } .QucikLinkindex_push-link-modal .new-fc-one-btn-medium { width: 90px; height: 32px; line-height: 32px; } .QucikLinkindex_hint { color: #999999; letter-spacing: 0; line-height: 22px; margin-left: 10px; position: relative; top: 4px; } .QucikLinkindex_browser-window-size input { width: 58px !important; } .QucikLinkindex_browser-window-size .QucikLinkindex_second { margin-left: 16px; } .QucikLinkindex_high-position { margin-left: 20px; } .QucikLinkindex_sizes { margin-left: 15px; } .QucikLinkindex_robot-configuration { font-family: PingFangSC-Regular; font-size: 14px; color: #999999; letter-spacing: 0; line-height: 22px; font-weight: 400; margin-left: 16px; } .QucikLinkindex_browser-line { width: 80%; height: 1px; background-color: black; } .QucikLinkindex_mail-link { margin-left: 58px; } .QucikLinkindex_mail-link .QucikLinkindex_mail-link-text { color: #2c8fff; cursor: pointer; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .SwitchOrganizeindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .SwitchOrganizeindex_new-fc-one-modal-body { overflow: unset; } .SwitchOrganizeindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SwitchOrganizeindex_SendMessageInfoindex_send-info { width: 690px; } .SwitchOrganizeindex_switch-organization-modal .new-fc-one-modal { overflow: hidden; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-title { font-family: PingFang SC; font-weight: 500; font-style: Medium; font-size: 24px; line-height: 34px; letter-spacing: 0%; text-align: center; color: #5C6373; margin-bottom: 24px; padding-top: 52px; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list { display: flex; flex-direction: column; padding-left: 4px; overflow-y: auto; height: 272px; gap: 16px; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item { width: 100%; padding: 12px 12px; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: space-between; border-radius: 8px; border: 1px solid #EDF0F5; cursor: pointer; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item:hover { background-color: #F6F7FB; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item--active { background-color: #EBEBEB; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item .SwitchOrganizeindex_switch-item-left { display: flex; align-items: center; gap: 16px; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item .SwitchOrganizeindex_switch-item-left .SwitchOrganizeindex_switch-item-img { width: 40px; height: 40px; border-radius: 50%; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item .SwitchOrganizeindex_switch-item-left .SwitchOrganizeindex_switch-item-name { font-family: PingFang SC; font-weight: 400; font-style: Regular; font-size: 16px; line-height: 22px; color: #11141A; } .SwitchOrganizeindex_switch-organization-modal .SwitchOrganizeindex_switch-list .SwitchOrganizeindex_switch-item .SwitchOrganizeindex_switch-item-right { width: 16px; height: 16px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .toperindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .toperindex_new-fc-one-modal-body { overflow: unset; } .toperindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .toperindex_SendMessageInfoindex_send-info { width: 690px; } .toperindex_tag-manager-drawer .toperindex_head-img { margin: 20px 0; text-align: center; } .toperindex_tag-manager-drawer .toperindex_head-img img { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #f5f5f5; margin-left: 44px; border: 1px solid #ededed; } .toperindex_tag-manager-drawer .toperindex_status { float: right; width: 44px; font-size: 12px; border-radius: 2px; } .toperindex_tag-manager-drawer .toperindex_status.toperindex_inactivated { color: #FF811A; border: 1px solid #FF811A; } .toperindex_tag-manager-drawer .toperindex_status.toperindex_activated { color: #29CC44; border: 1px solid #29CC44; } .toperindex_tag-manager-drawer .toperindex_user-msg div { margin-bottom: 20px; margin-left: 20px; } .toperindex_toper-table { cursor: pointer; } .toperindex_toper-table thead th:not(.new-fc-one-table-cell-has-icon) { cursor: default; } .toperindex_toper-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 46px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } @charset "UTF-8"; /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .ListMessagesindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .ListMessagesindex_new-fc-one-modal-body { overflow: unset; } .ListMessagesindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .ListMessagesindex_SendMessageInfoindex_send-info { width: 690px; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .ListMessagesindex_brick-hi-file-card { position: relative; } .ListMessagesindex_brick-hi-file-card, .ListMessagesindex_brick-hi-file-card * { box-sizing: border-box; } .ListMessagesindex_brick-hi-file-card-simple { position: relative; width: 260px; height: 99px; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-content { position: relative; /* hack 需要添加transform 否则下载进度条无法被圆角截断 */ transform: scale(1); overflow: hidden; width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e9eb; border-radius: 6px; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-content:before { content: ""; position: absolute; top: 58px; left: 8px; width: 244px; height: 1px; background: #f2f3f5; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-top { width: 100%; height: 58px; padding: 8px 8px 10px; display: flex; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-title { width: 198px; font-size: 13px; color: #000; display: flex; align-items: center; word-break: break-all; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-info-area, .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-btn-area { display: flex; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-bottom { height: 38px; width: 100%; margin-top: 1px; padding: 0px 8px 0; display: flex; justify-content: space-between; align-items: center; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-infos { position: relative; width: 198px; margin-left: 6px; color: #9EA0A3; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-speed, .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-info { font-size: 12px; color: #848B99; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-speed { padding-left: 0; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-info { padding-left: 5px; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-size { font-size: 12px; color: #9EA0A3; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-btn { position: relative; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-preview { position: absolute; bottom: 2px; right: 2px; font-size: 12px; line-height: 19px; color: #5A90FA; cursor: pointer; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-sj { position: absolute; top: 5px; right: 0px; width: 10px; height: 10px; z-index: 2; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-open-text { padding-right: 12px; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-edit-text { color: #5A90FA; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #F1F2F6; } .ListMessagesindex_brick-hi-file-card-simple .ListMessagesindex_brick-hi-file-card-bar { width: 100%; height: 100%; background: #2C8FFF; } .ListMessagesindex_brick-hi-file-card-sj { overflow: hidden; cursor: pointer; } .ListMessagesindex_brick-hi-file-card-sj:before { content: ""; position: absolute; top: 3px; right: 1px; width: 0; height: 0; border-top: 4px solid #333; border-right: 3.5px solid transparent; border-left: 3.5px solid transparent; } .ListMessagesindex_brick-hi-file-card-classic { position: relative; width: 254px; height: 84px; display: flex; flex-direction: column; background: #fff; border: 1px solid #E5E7E6; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-top { padding: 10px 10px 9px; display: flex; justify-content: space-between; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-info { display: flex; flex-direction: column; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-title { width: 184px; margin: 2px 0 10px 0; font-size: 13px; color: #000; line-height: 13px; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-size { width: 184px; font-size: 12px; color: #8390A0; line-height: 12px; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-bottom { width: 100%; height: 25px; padding: 0 0 0 10px; font-size: 12px; line-height: 24px; color: #2C8FFF; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E5E7E6; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-block { display: flex; justify-content: flex-start; align-items: center; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-type { color: #8390A0; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-btn { position: relative; cursor: pointer; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-list-btn { position: absolute; top: 8px; right: -18px; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-download, .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-open { margin-right: 17px; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-file-status { color: #6AC931; } .ListMessagesindex_brick-hi-file-card-download-error .ListMessagesindex_brick-hi-file-card-bar { background: #F95555; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-error { color: #F95555; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-progress { position: absolute; left: 0; bottom: 22px; width: 100%; height: 2px; overflow: hidden; background: #F1F2F6; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-bar { width: 100%; height: 100%; background: #2C8FFF; } .ListMessagesindex_brick-hi-file-card-classic .ListMessagesindex_brick-hi-file-card-list-btn { transform: translateY(-50%); width: 0; height: 0; margin: 4px 8px 0 -8px; border-top: 5px solid #2C8FFF; border-right: 5px solid transparent; border-left: 5px solid transparent; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .ListMessagesindex_brick-drop-menu, .ListMessagesindex_brick-drop-menu * { box-sizing: border-box; } .ListMessagesindex_brick-drop-menu.ListMessagesindex_brick-popper-with-arrow .ListMessagesindex_brick-popper-inner { padding: 0; } .ListMessagesindex_brick-menu { *zoom: 1; list-style: none; margin: 0; padding: 0; background-color: white; } .ListMessagesindex_brick-menu, .ListMessagesindex_brick-menu * { box-sizing: border-box; } .ListMessagesindex_brick-menu::before, .ListMessagesindex_brick-menu::after { display: table; content: " "; } .ListMessagesindex_brick-menu::after { clear: both; } .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-item-suffix { display: inline-block; } .ListMessagesindex_brick-menu-item-suffix-arrow { position: absolute; display: inline-block; right: 12px; padding: 8px; margin: -8px; } .ListMessagesindex_brick-menu-item-content { position: relative; margin: 4px 0; padding: 0 12px; white-space: nowrap; background: none; cursor: pointer; transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease, padding 0.15s ease; } .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-item-content-inner a, .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix { color: #1C1D1F; } .ListMessagesindex_brick-menu-item-content:active { background-color: #5A90FA; } .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix { color: #fff; } .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #5A90FA; outline: none; } .ListMessagesindex_brick-menu-item-content-in-cursor, .ListMessagesindex_brick-menu-item-content-in-cursor a, .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-prefix { color: #fff; } .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 40px; } .ListMessagesindex_brick-menu-item-content-inner { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-menu-item-prefix { margin-right: 8px; } .ListMessagesindex_brick-menu-item-content-inner > a, .ListMessagesindex_brick-menu-item-content-inner > a:hover, .ListMessagesindex_brick-menu-item-content-inner > a:active { text-decoration: none; } .ListMessagesindex_brick-menu-item-content-inner > a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content { background-color: transparent; } .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content a, .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix { color: #5A90FA; } .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active { background-color: #5A90FA; } .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix { color: #fff; } .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #5A90FA; } .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor, .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor a, .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-prefix { color: #fff; } .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active { background: none; cursor: not-allowed; } .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content a, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover a, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus a, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix { color: #C8C9CC; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content { background: none; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content a { color: #5A90FA; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor { color: #fff; background-color: #5A90FA; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { box-shadow: none; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox-indeterminate .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox-indeterminate .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox-indeterminate .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-content-inner > .ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-menu-submenu { margin: 0; padding: 0; } .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix { color: #999999; } .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:active { cursor: default; background: none; } .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) > .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) > .ListMessagesindex_brick-menu-item-content a { color: #5A90FA; } .ListMessagesindex_brick-menu-layout-vertical { border-right: 1px solid #eeeeee; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 24px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 24px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 45px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 57px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 57px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 45px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 57px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 57px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 69px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 24px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 24px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-layout-vertical:not(.ListMessagesindex_brick-menu-with-prefix-icon) > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 46px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 58px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 58px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 46px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 58px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 58px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical.ListMessagesindex_brick-menu-with-prefix-icon > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 70px; } .ListMessagesindex_brick-menu-layout-vertical .ListMessagesindex_brick-menu { border-right: none; } .ListMessagesindex_brick-menu-layout-horizontal { border-bottom: 1px solid #eeeeee; } .ListMessagesindex_brick-menu-layout-horizontal > li { display: inline-block; vertical-align: top; text-align: center; } .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content { margin: 0; } .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix { color: #1C1D1F; } .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix .ListMessagesindex_brick-icon { color: inherit; } .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content { background: none; } .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix .ListMessagesindex_brick-icon, .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix .ListMessagesindex_brick-icon { color: #5A90FA; } .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content-in-cursor, .ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #5A90FA; } .ListMessagesindex_brick-menu-type-nav, .ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu { font-size: 16px; } .ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-content { height: 36px; line-height: 36px; } .ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-with-suffix { padding-right: 48px; } .ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-suffix-arrow { right: 18px; transform: scale(1); top: calc(50% - 6px); font-size: 12px; } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-vertical .ListMessagesindex_brick-menu-item-content::after, .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content::after { content: ""; position: absolute; opacity: 0; transition: transform 0.15s ease, opacity 0.15s ease; } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-vertical .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content::after, .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content::after { content: none; } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-vertical .ListMessagesindex_brick-menu-item-content::after { top: 0; left: 0; bottom: 0; border-left: 2px solid #4c84ff; transform: scaleY(0); } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-vertical .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content::after { transform: scaleY(1); opacity: 1; } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content { height: 48px; line-height: 48px; } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content::after { top: initial; left: 12px; right: 12px; bottom: 2px; border-bottom: 2px solid #4c84ff; transform: scaleX(0); } .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content::after, .ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content::after { transform: scaleX(1); opacity: 1; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu { background-color: #4c84ff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-vertical { border-right: none; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal { border-bottom: none; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content { background: none; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix .ListMessagesindex_brick-icon, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-submenu-has-descendant-selected:not(.ListMessagesindex_brick-menu-submenu-type-group) .ListMessagesindex_brick-menu-item-content-in-cursor, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #709bff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-icon, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content a .ListMessagesindex_brick-icon, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix .ListMessagesindex_brick-icon, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix .ListMessagesindex_brick-icon { color: inherit; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content:active { background-color: #366cd9; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-suffix { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #709bff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content-in-cursor, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content-in-cursor a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-suffix { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content::after { border-color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content { background-color: #366cd9; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active { background-color: #366cd9; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-suffix { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #366cd9; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor .ListMessagesindex_brick-menu-item-suffix { color: #fff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active { background: #4c84ff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus .ListMessagesindex_brick-menu-item-suffix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-suffix { color: #C8C9CC; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-suffix { color: #b8cbff; } .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-reverse-color.ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-item-content:active { cursor: default; background: #4c84ff; } .ListMessagesindex_brick-menu-popper-loading, .ListMessagesindex_brick-menu-popper-empty-hint { padding: 12px 0; color: #999999; text-align: center; } .ListMessagesindex_brick-menu-popper-loading .ListMessagesindex_brick-icon-spin, .ListMessagesindex_brick-menu-popper-empty-hint .ListMessagesindex_brick-icon-spin { font-size: 14px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-popper-inner { padding: 0; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-popper-inner > .ListMessagesindex_brick-menu { padding: 4px 0 8px; overflow: auto; z-index: 1; position: relative; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-select-all + li, .ListMessagesindex_brick-menu-popper li + .ListMessagesindex_brick-menu-submenu-type-group { margin-top: 4px; border-top: 1px solid #eeeeee; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu { border-right: none; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 12px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-xs.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 12px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 12px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 12px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 36px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-group > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu.ListMessagesindex_brick-menu-size-lg.ListMessagesindex_brick-menu-layout-vertical > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu > .ListMessagesindex_brick-menu-submenu-type-folder > .ListMessagesindex_brick-menu-submenu-menu .ListMessagesindex_brick-menu-item-content { padding-left: 48px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-content { padding: 0 12px; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item .ListMessagesindex_brick-menu-item-content { width: auto; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #5A90FA; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item .ListMessagesindex_brick-menu-item-content:active { background-color: #5A90FA; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active { background: none; cursor: not-allowed; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content a, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover a, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:hover .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus a, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:focus .ListMessagesindex_brick-menu-item-prefix, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active a, .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-item-disabled .ListMessagesindex_brick-menu-item-content:active .ListMessagesindex_brick-menu-item-prefix { color: #C8C9CC; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-submenu-type-popper > .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #5A90FA; } .ListMessagesindex_brick-menu-popper .ListMessagesindex_brick-menu-multiple-item-type-checkbox.ListMessagesindex_brick-menu-multiple .ListMessagesindex_brick-menu-item-selected:not(.ListMessagesindex_brick-menu-item-disabled) .ListMessagesindex_brick-menu-item-content-in-cursor { background-color: #5A90FA; } .ListMessagesindex_brick-menu-size-sm { font-size: 13px; } .ListMessagesindex_brick-menu-size-sm .ListMessagesindex_brick-menu-item-content { height: 28px; line-height: 28px; } .ListMessagesindex_brick-menu-size-sm .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 38px; } .ListMessagesindex_brick-menu-size-sm .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); font-size: 12px; transform: scale(0.83333333); } .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav, .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu { font-size: 14px; } .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-content { height: 32px; line-height: 32px; } .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 48px; } .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 12px; transform: scale(1); font-size: 12px; } .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content { height: 44px; line-height: 44px; } .ListMessagesindex_brick-menu-size-sm.ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 32px; } .ListMessagesindex_brick-menu-size-md { font-size: 14px; } .ListMessagesindex_brick-menu-size-md .ListMessagesindex_brick-menu-item-content { height: 32px; line-height: 32px; } .ListMessagesindex_brick-menu-size-md .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 40px; } .ListMessagesindex_brick-menu-size-md .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); font-size: 12px; } .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav, .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu { font-size: 16px; } .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-content { height: 36px; line-height: 36px; } .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 48px; } .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 12px; transform: scale(1); font-size: 12px; } .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content { height: 48px; line-height: 48px; } .ListMessagesindex_brick-menu-size-md.ListMessagesindex_brick-menu-type-nav.ListMessagesindex_brick-menu-layout-horizontal .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 32px; } .ListMessagesindex_brick-menu-popper-size-xs { font-size: 12px; } .ListMessagesindex_brick-menu-popper-size-xs .ListMessagesindex_brick-menu-item-select-all + li, .ListMessagesindex_brick-menu-popper-size-xs li + .ListMessagesindex_brick-menu-submenu-type-group { padding-top: 3px; } .ListMessagesindex_brick-menu-popper-size-xs .ListMessagesindex_brick-menu { font-size: 12px; max-height: 212px; } .ListMessagesindex_brick-menu-popper-size-xs .ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content { margin: 0; height: 24px; line-height: 24px; } .ListMessagesindex_brick-menu-popper-size-xs .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 38px; } .ListMessagesindex_brick-menu-popper-size-xs .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 9px; transform: scale(1); font-size: 12px; transform: scale(0.83333333); } .ListMessagesindex_brick-menu-popper-size-sm { font-size: 12px; } .ListMessagesindex_brick-menu-popper-size-sm .ListMessagesindex_brick-menu-item-select-all + li, .ListMessagesindex_brick-menu-popper-size-sm li + .ListMessagesindex_brick-menu-submenu-type-group { padding-top: 5px; } .ListMessagesindex_brick-menu-popper-size-sm .ListMessagesindex_brick-menu { font-size: 12px; max-height: 246px; } .ListMessagesindex_brick-menu-popper-size-sm .ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content { margin: 0; height: 28px; line-height: 28px; } .ListMessagesindex_brick-menu-popper-size-sm .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 38px; } .ListMessagesindex_brick-menu-popper-size-sm .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 9px; transform: scale(1); font-size: 12px; transform: scale(0.83333333); } .ListMessagesindex_brick-menu-popper-size-md { font-size: 13px; } .ListMessagesindex_brick-menu-popper-size-md .ListMessagesindex_brick-menu-item-select-all + li, .ListMessagesindex_brick-menu-popper-size-md li + .ListMessagesindex_brick-menu-submenu-type-group { padding-top: 6.5px; } .ListMessagesindex_brick-menu-popper-size-md .ListMessagesindex_brick-menu { font-size: 13px; max-height: 280px; } .ListMessagesindex_brick-menu-popper-size-md .ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content { margin: 0; height: 32px; line-height: 32px; } .ListMessagesindex_brick-menu-popper-size-md .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 40px; } .ListMessagesindex_brick-menu-popper-size-md .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 11px; transform: scale(1); font-size: 12px; } .ListMessagesindex_brick-menu-popper-size-lg { font-size: 16px; } .ListMessagesindex_brick-menu-popper-size-lg .ListMessagesindex_brick-menu-item-select-all + li, .ListMessagesindex_brick-menu-popper-size-lg li + .ListMessagesindex_brick-menu-submenu-type-group { padding-top: 6px; } .ListMessagesindex_brick-menu-popper-size-lg .ListMessagesindex_brick-menu { font-size: 16px; max-height: 314px; } .ListMessagesindex_brick-menu-popper-size-lg .ListMessagesindex_brick-menu .ListMessagesindex_brick-menu-item-content { margin: 0; height: 36px; line-height: 36px; } .ListMessagesindex_brick-menu-popper-size-lg .ListMessagesindex_brick-menu-item-content-with-suffix { padding-right: 40px; } .ListMessagesindex_brick-menu-popper-size-lg .ListMessagesindex_brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 11px; transform: scale(1); font-size: 12px; } .ListMessagesindex_brick-popper, .ListMessagesindex_brick-popper * { box-sizing: border-box; } .ListMessagesindex_brick-popper-wrap { position: absolute; z-index: 1030; } .ListMessagesindex_brick-popper-inner { background: white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 3px; overflow: hidden; } .ListMessagesindex_brick-popper-with-arrow .ListMessagesindex_brick-popper-inner { padding: 7px 12px; } .ListMessagesindex_brick-popper-ref-hidden .ListMessagesindex_brick-popper-wrap { display: none; } .ListMessagesindex_brick-popper-arrow { position: absolute; width: 0; height: 0; display: none; } .ListMessagesindex_brick-popper-arrow::after, .ListMessagesindex_brick-popper-arrow::before { display: inline-block; position: absolute; content: ""; background: white; width: 10px; height: 10px; } .ListMessagesindex_brick-popper-arrow::after { transform: translateX(-50%); width: 20px; top: -5px; } .ListMessagesindex_brick-popper-arrow::before { transform: translateX(-50%) rotate(45deg); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-down, .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-up, .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-right, .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-left { display: inline-block; } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-down, .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-up { margin: 0 10px; } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-right, .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-left { margin: 10px 0; } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-down { transform: rotate(0deg); bottom: 15px; } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-up { transform: rotate(180deg); top: 15px; } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-right { transform: rotate(-90deg); right: 15px; } .ListMessagesindex_brick-popper-arrow.ListMessagesindex_direction-left { transform: rotate(90deg); left: 15px; } .ListMessagesindex_brick-popper-placement-top .ListMessagesindex_brick-popper-arrow, .ListMessagesindex_brick-popper-placement-bottom .ListMessagesindex_brick-popper-arrow { left: calc(50% - 10px); } .ListMessagesindex_brick-popper-placement-left .ListMessagesindex_brick-popper-arrow, .ListMessagesindex_brick-popper-placement-right .ListMessagesindex_brick-popper-arrow { top: calc(50% - 10px); } .ListMessagesindex_brick-popper-placement-top-start .ListMessagesindex_brick-popper-arrow, .ListMessagesindex_brick-popper-placement-bottom-start .ListMessagesindex_brick-popper-arrow { left: 10px; } .ListMessagesindex_brick-popper-placement-top-end .ListMessagesindex_brick-popper-arrow, .ListMessagesindex_brick-popper-placement-bottom-end .ListMessagesindex_brick-popper-arrow { right: 10px; } .ListMessagesindex_brick-popper-placement-left-start .ListMessagesindex_brick-popper-arrow, .ListMessagesindex_brick-popper-placement-right-start .ListMessagesindex_brick-popper-arrow { top: 10px; } .ListMessagesindex_brick-popper-placement-left-end .ListMessagesindex_brick-popper-arrow, .ListMessagesindex_brick-popper-placement-right-end .ListMessagesindex_brick-popper-arrow { bottom: 10px; } .ListMessagesindex_brick-popper[class*=brick-popper-placement-top] .ListMessagesindex_brick-popper-wrap { padding-bottom: 2px; } .ListMessagesindex_brick-popper[class*=brick-popper-placement-bottom] .ListMessagesindex_brick-popper-wrap { padding-top: 2px; } .ListMessagesindex_brick-popper[class*=brick-popper-placement-left] .ListMessagesindex_brick-popper-wrap { padding-right: 2px; } .ListMessagesindex_brick-popper[class*=brick-popper-placement-right] .ListMessagesindex_brick-popper-wrap { padding-left: 2px; } .ListMessagesindex_brick-popper-with-arrow[class*=brick-popper-placement-top] .ListMessagesindex_brick-popper-wrap { padding-bottom: 10px; } .ListMessagesindex_brick-popper-with-arrow[class*=brick-popper-placement-bottom] .ListMessagesindex_brick-popper-wrap { padding-top: 10px; } .ListMessagesindex_brick-popper-with-arrow[class*=brick-popper-placement-left] .ListMessagesindex_brick-popper-wrap { padding-right: 10px; } .ListMessagesindex_brick-popper-with-arrow[class*=brick-popper-placement-right] .ListMessagesindex_brick-popper-wrap { padding-left: 10px; } .ListMessagesindex_brick-popup, .ListMessagesindex_brick-popup * { box-sizing: border-box; } .ListMessagesindex_brick-popup-visible { display: block; } .ListMessagesindex_brick-popup-hidden { display: none; } .ListMessagesindex_brick-checkbox { display: inline-block; cursor: pointer; } .ListMessagesindex_brick-checkbox, .ListMessagesindex_brick-checkbox * { box-sizing: border-box; } .ListMessagesindex_brick-checkbox-wrap { position: relative; display: inline-block; vertical-align: sub; } .ListMessagesindex_brick-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .ListMessagesindex_brick-checkbox-mark { position: relative; border: 1px solid #C8C9CC; background-color: #fff; border-radius: 2px; } .ListMessagesindex_brick-checkbox-mark-inner { visibility: hidden; position: absolute; top: 50%; left: 50%; line-height: 1; text-align: center; transform: translate(-50%, -50%) scale(0); } .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-mark-inner { transition: all 0.2s; } .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-mark .ListMessagesindex_brick-icon { color: white; } .ListMessagesindex_brick-checkbox-label { padding-left: 8px; padding-right: 16px; } .ListMessagesindex_brick-checkbox:hover .ListMessagesindex_brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .ListMessagesindex_brick-checkbox:active .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox:active .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { border-color: #4c84ff; box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.2); outline: none; background-color: #fff; } .ListMessagesindex_brick-checkbox-input[disabled] + .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-disabled .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-readonly .ListMessagesindex_brick-checkbox-mark { border-color: #e8e9eb; background-color: #fafafa; } .ListMessagesindex_brick-checkbox-indeterminate .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-indeterminate .ListMessagesindex_brick-checkbox-mark-inner, .ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-mark-inner { visibility: visible; transform: translate(-50%, -50%) scale(1.1); } .ListMessagesindex_brick-checkbox-indeterminate:hover .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked:hover .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-indeterminate:active .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-indeterminate:active .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked:active .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked:active .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-indeterminate .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; } .ListMessagesindex_brick-checkbox-indeterminate.ListMessagesindex_brick-checkbox-readonly .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-indeterminate.ListMessagesindex_brick-checkbox-disabled .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked.ListMessagesindex_brick-checkbox-readonly .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-checked.ListMessagesindex_brick-checkbox-disabled .ListMessagesindex_brick-checkbox-mark { background-color: #dcdde0; border-color: #dcdde0; } .ListMessagesindex_brick-checkbox-disabled, .ListMessagesindex_brick-checkbox-readonly { cursor: not-allowed; } .ListMessagesindex_brick-checkbox-size-sm { font-size: 12px; } .ListMessagesindex_brick-checkbox-size-sm .ListMessagesindex_brick-checkbox-mark { height: 14px; width: 14px; } .ListMessagesindex_brick-checkbox-size-sm.ListMessagesindex_brick-checkbox-type-intensive { min-width: auto; text-align: center; } .ListMessagesindex_brick-checkbox-size-sm.ListMessagesindex_brick-checkbox-type-intensive .ListMessagesindex_brick-checkbox-label { padding: 0 12px; } .ListMessagesindex_brick-checkbox-size-md { font-size: 14px; } .ListMessagesindex_brick-checkbox-size-md .ListMessagesindex_brick-checkbox-mark { height: 16px; width: 16px; } .ListMessagesindex_brick-checkbox-size-md.ListMessagesindex_brick-checkbox-type-intensive { min-width: auto; text-align: center; } .ListMessagesindex_brick-checkbox-size-md.ListMessagesindex_brick-checkbox-type-intensive .ListMessagesindex_brick-checkbox-label { padding: 0 16px; } .ListMessagesindex_brick-checkbox-size-lg { font-size: 16px; } .ListMessagesindex_brick-checkbox-size-lg .ListMessagesindex_brick-checkbox-mark { height: 18px; width: 18px; } .ListMessagesindex_brick-checkbox-size-lg.ListMessagesindex_brick-checkbox-type-intensive { min-width: auto; text-align: center; } .ListMessagesindex_brick-checkbox-size-lg.ListMessagesindex_brick-checkbox-type-intensive .ListMessagesindex_brick-checkbox-label { padding: 0 16px; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox { position: relative; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox + .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox { margin-left: -1px; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-mark, .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:hover .ListMessagesindex_brick-checkbox-mark { border-color: #C8C9CC; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:active .ListMessagesindex_brick-checkbox-mark { border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:first-child .ListMessagesindex_brick-checkbox-mark { border-radius: 3px 0 0 3px; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:last-child .ListMessagesindex_brick-checkbox-mark { border-radius: 0 3px 3px 0; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-wrap { position: static; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-mark { width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #C8C9CC; border-radius: 0; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-mark-inner { width: 12px; height: 12px; font-size: 12px; visibility: visible; right: 1px; top: 0; left: auto; transform: none; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-mark-inner .ListMessagesindex_brick-icon { color: #cccccc; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:hover .ListMessagesindex_brick-checkbox-mark { background-color: #fff; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:active .ListMessagesindex_brick-checkbox-mark { background-color: #fff; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-input:focus:not([disabled]) + .ListMessagesindex_brick-checkbox-mark { z-index: 5; box-shadow: 0 0 0 2px #dbe4ff; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-input[disabled] + .ListMessagesindex_brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:not(.ListMessagesindex_brick-checkbox-checked).ListMessagesindex_brick-checkbox-disabled .ListMessagesindex_brick-checkbox-label { color: #cccccc; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked { color: #fff; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-wrap { background-color: #5A90FA; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-mark { border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-mark .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked .ListMessagesindex_brick-checkbox-input[disabled] + .ListMessagesindex_brick-checkbox-mark { border-color: #dcdde0; background-color: #dcdde0; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked:hover .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked:active .ListMessagesindex_brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked + .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox:not(.ListMessagesindex_brick-checkbox-checked) .ListMessagesindex_brick-checkbox-mark { border-left: none; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked + .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox.ListMessagesindex_brick-checkbox-checked:before { content: ""; position: absolute; width: 1px; left: 0; top: 0; bottom: 0; z-index: 4; background-color: #b8cbff; } .ListMessagesindex_brick-checkbox-type-intensive.ListMessagesindex_brick-checkbox .ListMessagesindex_brick-checkbox-label { width: 100%; position: relative; z-index: 8; display: inline-block; } .ListMessagesindex_brick-checkbox-group { display: inline-block; } .ListMessagesindex_brick-checkbox-group-layout-vertical .ListMessagesindex_brick-checkbox { display: block; } .ListMessagesindex_brick-checkbox-group .ListMessagesindex_brick-checkbox-size-sm { line-height: 28px; } .ListMessagesindex_brick-checkbox-group .ListMessagesindex_brick-checkbox-size-md { line-height: 32px; } .ListMessagesindex_brick-checkbox-group .ListMessagesindex_brick-checkbox-size-lg { line-height: 36px; } @keyframes ListMessagesindex_spinning { 0% { transform-origin: 50% 50%; transform: rotate(0deg); } 100% { transform-origin: 50% 50%; transform: rotate(360deg); } } .ListMessagesindex_brick-icon { display: inline-block; color: #1C1D1F; font-style: normal; line-height: 0; text-align: center; vertical-align: -0.15em; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ListMessagesindex_brick-icon, .ListMessagesindex_brick-icon * { box-sizing: border-box; } .ListMessagesindex_brick-icon-spin { animation: ListMessagesindex_spinning 1s infinite linear; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ [data-brick-theme=hi] .ListMessagesindex_brick-button { border: none; } [data-brick-theme=hi] .ListMessagesindex_brick-button:hover, [data-brick-theme=hi] .ListMessagesindex_brick-button:focus, [data-brick-theme=hi] .ListMessagesindex_brick-button:active { border: none; box-shadow: none; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-secondary:not(.ListMessagesindex_brick-button-disabled) { color: #77787A; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-secondary:not(.ListMessagesindex_brick-button-disabled) .ListMessagesindex_brick-icon { color: #77787A; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-block { display: block; width: 100%; margin: 0; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-type-normal:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(28, 29, 31, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-type-normal:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(28, 29, 31, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 48px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-shape-circle { border-radius: 10px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 70px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-shape-circle { border-radius: 12px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 80px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-shape-circle { border-radius: 14px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 100px; } [data-brick-theme=hi] .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-shape-circle { border-radius: 16px; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .ListMessagesindex_brick-button { display: inline-block; border-radius: 3px; border: none; background-color: #f2f3f5; cursor: pointer; outline: none; white-space: nowrap; } .ListMessagesindex_brick-button, .ListMessagesindex_brick-button * { box-sizing: border-box; } .ListMessagesindex_brick-button-inner { position: relative; } .ListMessagesindex_brick-button, .ListMessagesindex_brick-button .ListMessagesindex_brick-icon { color: #1C1D1F; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-secondary:not(.ListMessagesindex_brick-button-disabled) { color: #77787A; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-secondary:not(.ListMessagesindex_brick-button-disabled) .ListMessagesindex_brick-icon { color: #77787A; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-block { display: block; width: 100%; margin: 0; } .ListMessagesindex_brick-button:focus, .ListMessagesindex_brick-button:hover { background-color: #e8e9eb; } .ListMessagesindex_brick-button:active { background-color: #e8e9eb; } .ListMessagesindex_brick-button:focus:not([tabindex^="-"]) { box-shadow: none; border-color: #5A90FA; } .ListMessagesindex_brick-button:not(.ListMessagesindex_brick-button-loading-type-icon-only) .ListMessagesindex_brick-button-loading-icon + .ListMessagesindex_brick-button-content, .ListMessagesindex_brick-button .ListMessagesindex_brick-icon + .ListMessagesindex_brick-button-content { margin-left: 4px; } .ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-disabled:hover, .ListMessagesindex_brick-button-disabled:active, .ListMessagesindex_brick-button-disabled:focus { background-color: #f2f3f5; } .ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-disabled:hover, .ListMessagesindex_brick-button-disabled:hover .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-disabled:active, .ListMessagesindex_brick-button-disabled:active .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-disabled:focus, .ListMessagesindex_brick-button-disabled:focus .ListMessagesindex_brick-icon { cursor: not-allowed; color: #C8C9CC; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-type-normal:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(28, 29, 31, 0.7); } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-type-normal:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(28, 29, 31, 0.7); } .ListMessagesindex_brick-button-loading.ListMessagesindex_brick-button-type-normal .ListMessagesindex_brick-common-loading-icon, .ListMessagesindex_brick-button-loading.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only .ListMessagesindex_brick-common-loading-icon { color: #5A90FA; } .ListMessagesindex_brick-button-loading.ListMessagesindex_brick-button-content-icon-only:not(.ListMessagesindex_brick-button-loading-type-icon-only) .ListMessagesindex_brick-button-content { display: none; } .ListMessagesindex_brick-button + .ListMessagesindex_brick-button { margin-left: 8px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 48px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-shape-circle { border-radius: 10px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-block { display: block; width: 100%; margin: 0; } .ListMessagesindex_brick-button-size-xs { height: 20px; padding: 0 8px; font-size: 12px; } .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-shape-capsule { border-radius: 10px; } .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-button-content-icon-only { border-radius: 3px; } .ListMessagesindex_brick-button-size-xs:not(.ListMessagesindex_brick-button-icon-only):not(.ListMessagesindex_brick-button-content-icon-only):not(.ListMessagesindex_brick-button-type-plain) { min-width: 48px; } .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-content-icon-only, .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-icon-only { padding: 0; width: 20px; } .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-content-icon-only.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-icon-only.ListMessagesindex_brick-button-type-plain { height: 16px; width: 16px; } .ListMessagesindex_brick-button-size-xs + .ListMessagesindex_brick-button-size-xs { margin-left: 8px; } .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-xs + .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only), .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-xs { margin-left: 4px; } .ListMessagesindex_brick-button-size-xs + .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only { margin-left: 8px; } .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-xs.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) { margin-left: 0px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 70px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-shape-circle { border-radius: 12px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-block { display: block; width: 100%; margin: 0; } .ListMessagesindex_brick-button-size-sm { height: 24px; padding: 0 12px; font-size: 12px; } .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-shape-capsule { border-radius: 12px; } .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-button-content-icon-only { border-radius: 3px; } .ListMessagesindex_brick-button-size-sm:not(.ListMessagesindex_brick-button-icon-only):not(.ListMessagesindex_brick-button-content-icon-only):not(.ListMessagesindex_brick-button-type-plain) { min-width: 70px; } .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-content-icon-only, .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-icon-only { padding: 0; width: 24px; } .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-content-icon-only.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-icon-only.ListMessagesindex_brick-button-type-plain { height: 16px; width: 16px; } .ListMessagesindex_brick-button-size-sm + .ListMessagesindex_brick-button-size-sm { margin-left: 12px; } .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-sm + .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only), .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-sm { margin-left: 8px; } .ListMessagesindex_brick-button-size-sm + .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only { margin-left: 12px; } .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-sm.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) { margin-left: 4px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 80px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-shape-circle { border-radius: 14px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-block { display: block; width: 100%; margin: 0; } .ListMessagesindex_brick-button-size-md { height: 28px; padding: 0 16px; font-size: 14px; } .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-shape-capsule { border-radius: 14px; } .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-button-content-icon-only { border-radius: 3px; } .ListMessagesindex_brick-button-size-md:not(.ListMessagesindex_brick-button-icon-only):not(.ListMessagesindex_brick-button-content-icon-only):not(.ListMessagesindex_brick-button-type-plain) { min-width: 80px; } .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-content-icon-only, .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-icon-only { padding: 0; width: 28px; } .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-content-icon-only.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-icon-only.ListMessagesindex_brick-button-type-plain { height: 18px; width: 18px; } .ListMessagesindex_brick-button-size-md + .ListMessagesindex_brick-button-size-md { margin-left: 12px; } .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-md + .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only), .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-md { margin-left: 12px; } .ListMessagesindex_brick-button-size-md + .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only { margin-left: 16px; } .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-md.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) { margin-left: 8px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-icon-only:not(.ListMessagesindex_brick-button-shape-circle):not(.ListMessagesindex_brick-button-type-plain) { min-width: 100px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-shape-circle { border-radius: 16px; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-block { display: block; width: 100%; margin: 0; } .ListMessagesindex_brick-button-size-lg { height: 32px; padding: 0 20px; font-size: 14px; } .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-shape-capsule { border-radius: 16px; } .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-shape-capsule.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-button-content-icon-only { border-radius: 3px; } .ListMessagesindex_brick-button-size-lg:not(.ListMessagesindex_brick-button-icon-only):not(.ListMessagesindex_brick-button-content-icon-only):not(.ListMessagesindex_brick-button-type-plain) { min-width: 100px; } .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-content-icon-only, .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-icon-only { padding: 0; width: 32px; } .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-content-icon-only.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-icon-only.ListMessagesindex_brick-button-type-plain { height: 18px; width: 18px; } .ListMessagesindex_brick-button-size-lg + .ListMessagesindex_brick-button-size-lg { margin-left: 12px; } .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only, .ListMessagesindex_brick-button-size-lg + .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only), .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-lg { margin-left: 16px; } .ListMessagesindex_brick-button-size-lg + .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only { margin-left: 20px; } .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) + .ListMessagesindex_brick-button-size-lg.ListMessagesindex_brick-button-type-plain:not(.ListMessagesindex_brick-button-icon-only) { margin-left: 12px; } .ListMessagesindex_brick-button-type-intensive { background-color: white; } .ListMessagesindex_brick-button-type-important, .ListMessagesindex_brick-button-type-translucent { border-color: transparent; } .ListMessagesindex_brick-button-type-ghost, .ListMessagesindex_brick-button-type-ghost:hover, .ListMessagesindex_brick-button-type-ghost:focus, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled:hover, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled:focus { border-color: #fff; background: none; } .ListMessagesindex_brick-button-type-ghost, .ListMessagesindex_brick-button-type-ghost .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-ghost:hover, .ListMessagesindex_brick-button-type-ghost:hover .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-ghost:focus, .ListMessagesindex_brick-button-type-ghost:focus .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled:hover, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled:hover .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled:focus, .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled:focus .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button-type-ghost.ListMessagesindex_brick-button-disabled { opacity: 0.4; } .ListMessagesindex_brick-button-type-plain { padding: 0 4px; height: auto; border-color: transparent; } .ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-type-plain:hover, .ListMessagesindex_brick-button-type-plain:focus, .ListMessagesindex_brick-button-type-plain:active, .ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-button-disabled { background: none; } .ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-icon { color: #1C1D1F; } .ListMessagesindex_brick-button-type-plain:focus, .ListMessagesindex_brick-button-type-plain:focus .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-plain:hover, .ListMessagesindex_brick-button-type-plain:hover .ListMessagesindex_brick-icon { color: #4a7bdb; } .ListMessagesindex_brick-button-type-plain:active, .ListMessagesindex_brick-button-type-plain:active .ListMessagesindex_brick-icon { color: #4a7bdb; } .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #cccccc; } .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only { width: auto; height: auto; line-height: 1; background: none; } .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only .ListMessagesindex_brick-icon { color: #1C1D1F; } .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only:focus .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only:hover .ListMessagesindex_brick-icon { color: #5A90FA; } .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only:active .ListMessagesindex_brick-icon { color: #4a7bdb; } .ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-icon-only.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #cccccc; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(255, 255, 255, 0.7); } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(255, 255, 255, 0.7); } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .ListMessagesindex_brick-button.ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:not(.ListMessagesindex_brick-button-disabled):active .ListMessagesindex_brick-icon { color: rgba(255, 255, 255, 0.7); } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #fff; } .ListMessagesindex_brick-button-color-primary:focus { box-shadow: 0 0 0 2px rgba(110, 157, 250, 0.2); border-color: #6E9DFA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive { border-color: #6E9DFA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive .ListMessagesindex_brick-icon { color: #6E9DFA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive:focus, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive:hover { background-color: #f2f5ff; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive:active { background-color: #dbe4ff; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled { background-color: #f2f5ff; border-color: #dbe4ff; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #b8cbff; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important { background-color: #6E9DFA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:focus, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:hover { background-color: #5A90FA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important:active { background-color: #5A90FA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled { background-color: #bacffa; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent { background-color: rgba(110, 157, 250, 0.6); } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent:focus, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent:hover { background-color: rgba(110, 157, 250, 0.5); } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent:active { background-color: rgba(110, 157, 250, 0.7); } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled { background-color: rgba(110, 157, 250, 0.2); } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain { background: none; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-icon { color: #5A90FA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain:focus, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain:focus .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain:hover, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain:hover .ListMessagesindex_brick-icon { color: #4a7bdb; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain:active, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain:active .ListMessagesindex_brick-icon { color: #4a7bdb; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled { background: none; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #b8cbff; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus { border-color: #6E9DFA; } .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus, .ListMessagesindex_brick-button-color-primary.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus .ListMessagesindex_brick-icon { color: #6E9DFA; } .ListMessagesindex_brick-button-color-success:focus { box-shadow: 0 0 0 2px rgba(71, 204, 116, 0.2); border-color: #47cc74; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive { border-color: #47cc74; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive .ListMessagesindex_brick-icon { color: #47cc74; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive:focus, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive:hover { background-color: #f2fff4; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive:active { background-color: #d0f2d5; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled { background-color: #f2fff4; border-color: #d0f2d5; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #a5e6ae; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important { background-color: #47cc74; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:focus, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:hover { background-color: #32A85A; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important:active { background-color: #32A85A; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled { background-color: #B4EDC7; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent { background-color: rgba(71, 204, 116, 0.6); } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent:focus, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent:hover { background-color: rgba(71, 204, 116, 0.5); } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent:active { background-color: rgba(71, 204, 116, 0.7); } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled { background-color: rgba(71, 204, 116, 0.2); } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain { background: none; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-icon { color: #47cc74; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain:focus, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain:focus .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain:hover, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain:hover .ListMessagesindex_brick-icon { color: #32A85A; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain:active, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain:active .ListMessagesindex_brick-icon { color: #32A85A; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled { background: none; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #a5e6ae; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus { border-color: #47cc74; } .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus, .ListMessagesindex_brick-button-color-success.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus .ListMessagesindex_brick-icon { color: #47cc74; } .ListMessagesindex_brick-button-color-error:focus { box-shadow: 0 0 0 2px rgba(249, 99, 85, 0.2); border-color: #f96355; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive { border-color: #f96355; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive .ListMessagesindex_brick-icon { color: #f96355; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive:focus, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive:hover { background-color: #fff2f2; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive:active { background-color: #ffdbdc; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled { background-color: #fff2f2; border-color: #ffdbdc; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-intensive.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #ffb8ba; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important { background-color: #f96355; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:focus, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:hover { background-color: #D45448; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important:active { background-color: #D45448; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-important.ListMessagesindex_brick-button-disabled { background-color: #FFC7C2; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent { background-color: rgba(249, 99, 85, 0.6); } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent:focus, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent:hover { background-color: rgba(249, 99, 85, 0.5); } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent:active { background-color: rgba(249, 99, 85, 0.7); } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-translucent.ListMessagesindex_brick-button-disabled { background-color: rgba(249, 99, 85, 0.2); } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain { background: none; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain .ListMessagesindex_brick-icon { color: #f96355; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain:focus, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain:focus .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain:hover, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain:hover .ListMessagesindex_brick-icon { color: #D45448; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain:active, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain:active .ListMessagesindex_brick-icon { color: #D45448; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled { background: none; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-plain.ListMessagesindex_brick-button-disabled .ListMessagesindex_brick-icon { color: #ffb8ba; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus { border-color: #f96355; } .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):hover .ListMessagesindex_brick-icon, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus, .ListMessagesindex_brick-button-color-error.ListMessagesindex_brick-button-type-ghost:not(.ListMessagesindex_brick-button-disabled):focus .ListMessagesindex_brick-icon { color: #f96355; } .ListMessagesindex_brick-button-loading-type-icon-only .ListMessagesindex_brick-button-loading-icon { position: absolute; left: 50%; transform: translateX(-50%); } .ListMessagesindex_brick-button-loading-type-icon-only.ListMessagesindex_brick-button-loading .ListMessagesindex_brick-button-inner > *:not(.ListMessagesindex_brick-button-loading-icon) { visibility: hidden; } .ListMessagesindex_brick-grouped-buttons { display: inline-block; } .ListMessagesindex_brick-grouped-buttons .ListMessagesindex_brick-button + .ListMessagesindex_brick-button { margin-left: 8px; } .ListMessagesindex_brick-grouped-buttons + .ListMessagesindex_brick-grouped-buttons { margin-left: 36px; } a:not(.ListMessagesindex_brick-button-type-plain).ListMessagesindex_brick-button { text-align: center; text-decoration: none; } a:not(.ListMessagesindex_brick-button-type-plain).ListMessagesindex_brick-button-size-xs { line-height: 18px; } a:not(.ListMessagesindex_brick-button-type-plain).ListMessagesindex_brick-button-size-sm { line-height: 22px; } a:not(.ListMessagesindex_brick-button-type-plain).ListMessagesindex_brick-button-size-md { line-height: 26px; } a:not(.ListMessagesindex_brick-button-type-plain).ListMessagesindex_brick-button-size-lg { line-height: 30px; } a:not(.ListMessagesindex_brick-button-type-plain).ListMessagesindex_brick-button-disabled { pointer-events: none; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .ListMessagesindex_brick-mobile-graphic { width: 100%; border-radius: 6px; border: 1px solid #F1F2F6; } .ListMessagesindex_brick-mobile-graphic, .ListMessagesindex_brick-mobile-graphic * { box-sizing: border-box; } .ListMessagesindex_brick-mobile-graphic-single-graphic, .ListMessagesindex_brick-mobile-graphic-multiple-graphic { width: 100%; } .ListMessagesindex_brick-mobile-graphic-single-graphic-text { background: #FDFDFE; font-size: 14px; padding: 12px 12px 12px 12px; color: #1C1D1F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ListMessagesindex_brick-mobile-graphic-single-graphic-img, .ListMessagesindex_brick-mobile-graphic-multiple-graphic-img { width: 100%; height: 188px; } .ListMessagesindex_brick-mobile-graphic-single-graphic-summary { font-size: 14px; color: #9A9C9E; letter-spacing: 0; line-height: 22px; width: 100%; height: 110px; padding: 0 12px 12px 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all; } .ListMessagesindex_brick-mobile-graphic-single-graphic-summary:active { background: #F6F6F6; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-img { position: relative; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-img img { width: 100%; height: 188px; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-text { color: #fff; font-size: 14px; line-height: 22px; background: rgba(0, 0, 0, 0.6); width: 100%; padding: 7px 12px 6px 12px; position: absolute; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card, .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card-after { position: relative; width: 100%; height: 76px; overflow: hidden; display: flex; font-size: 14px; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card div, .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card-after div { color: #1C1D1F; width: 243px; height: 43px; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 16px; position: relative; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card img, .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card-after img { width: 52px; height: 52px; margin: 12px 16px 12px 0; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card-after::after { content: ""; position: absolute; left: 16px; bottom: 0; right: 0; width: 236px; height: 1PX; background-color: #e8e8e9; } .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card:active， .ListMessagesindex_brick-mobile-graphic-multiple-graphic-card-after { background: #F6F6F6; } .ListMessagesindex_brick-mobile-bubble { overflow: hidden; word-break: break-word; border-radius: 6px; margin: 10px; padding: 10px; background: #e0efff; line-height: 30px; float: left; clear: both; min-width: 36px; min-height: 32px; } .ListMessagesindex_brick-mobile-bubble::after { content: " "; display: inline-block; border: 3px solid #fff; border-left: none; border-right: solid 6px #eaf4ff; position: absolute; left: -6px; top: 7px; } .ListMessagesindex_brick-mobile-bubble img { width: 24px; height: 24px; } .ListMessagesindex_brick-mobile-audio { font-size: 14px; /*firefox去input range 的outline*/ /*chrome、safari下拖动块的样式*/ /*firefox下拖动块的样式*/ /*ie下拖动块的样式*/ } .ListMessagesindex_brick-mobile-audio, .ListMessagesindex_brick-mobile-audio * { box-sizing: border-box; } .ListMessagesindex_brick-mobile-audio-media-player { display: none; } .ListMessagesindex_brick-mobile-audio-media-controls { display: flex; align-items: center; } .ListMessagesindex_brick-mobile-audio-slanting { margin: 0 3px; } .ListMessagesindex_brick-mobile-audio-control-button { width: 20px; height: 20px; border: none; background: none; outline: none; } .ListMessagesindex_brick-mobile-audio-control-button img.ListMessagesindex_control-img { width: 10px; height: 10px; margin-top: -4px; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range { margin: 0 6px; outline: none; /*清除系统默认样式*/ -webkit-appearance: none; width: 90px; /*横条的高度*/ height: 3px; background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; /*设置左右宽度比例*/ background-size: 30% 100%; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range:focus { border: none; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-moz-focus-outer { border: 0; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-webkit-slider-thumb { /*清除系统默认样式*/ -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-webkit-slider-thumb:hover { width: 10px; height: 10px; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-moz-range-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-moz-range-thumb:hover { width: 10px; height: 10px; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-ms-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-ms-thumb:hover { width: 10px; height: 10px; } .ListMessagesindex_brick-mobile-audio input[type=range].ListMessagesindex_range::-moz-range-progress { background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; } .ListMessagesindex_list-message-date { margin-bottom: 21px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .tagManagerindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .tagManagerindex_new-fc-one-modal-body { overflow: unset; } .tagManagerindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .tagManagerindex_SendMessageInfoindex_send-info { width: 690px; } .tagManagerindex_tag-manager-table { cursor: pointer; } .tagManagerindex_tag-manager-table thead th:not(.new-fc-one-table-cell-has-icon) { cursor: default; } .tagManagerindex_tag-manager-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 46px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .tagManagerindex_tag-manager-drawer .tagManagerindex_head-img { margin: 20px 0; text-align: center; } .tagManagerindex_tag-manager-drawer .tagManagerindex_head-img img { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #f5f5f5; margin-left: 44px; border: 1px solid #ededed; } .tagManagerindex_tag-manager-drawer .tagManagerindex_status { float: right; width: 44px; font-size: 12px; border-radius: 2px; } .tagManagerindex_tag-manager-drawer .tagManagerindex_status.tagManagerindex_inactivated { color: #FF811A; border: 1px solid #FF811A; } .tagManagerindex_tag-manager-drawer .tagManagerindex_status.tagManagerindex_activated { color: #29CC44; border: 1px solid #29CC44; } .tagManagerindex_tag-manager-drawer .tagManagerindex_user-msg div { margin-bottom: 20px; margin-left: 20px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AddressBookPermissionsindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AddressBookPermissionsindex_new-fc-one-modal-body { overflow: unset; } .AddressBookPermissionsindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AddressBookPermissionsindex_SendMessageInfoindex_send-info { width: 690px; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_section-header-title { display: flex; justify-content: space-between; height: 36px; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; line-height: 36px; padding: 0 10px; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_section-header-buttons { flex-shrink: 0; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_section-header-btn { font-size: 14px; line-height: 1.5; font-weight: 400; color: #2c8fff; letter-spacing: 0; cursor: pointer; margin-left: 16px; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_section-table { padding: 0 16px; margin: 30px 0; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_section-checkbox { border: 1px solid #eee; margin-top: 20px; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_session-edit { padding-right: 16px; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_edit-organize { padding: 16px; text-align: center; width: 99.8%; margin-top: -2px; margin-left: 1px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; cursor: pointer; } .AddressBookPermissionsindex_addresslist-view .AddressBookPermissionsindex_edit-organize div { margin: 0 auto; color: #3d88f2; } .dissolutionEnterpriseindex_dissolution { border-top: 1px solid #eff4f8; padding-top: 24px; padding-left: 95px; } .dissolutionEnterpriseindex_dissolution .dissolutionEnterpriseindex_dissolution-remove-span { cursor: pointer; color: #4e9ae1; margin-left: 5px; } .dissolutionEnterpriseindex_dissolution .dissolutionEnterpriseindex_be-button-wrapper { display: flex; align-items: center; padding-left: 90px; padding-top: 12px; padding-bottom: 40px; } .dissolutionEnterpriseindex_dissolution .dissolutionEnterpriseindex_be-button-wrapper .dissolutionEnterpriseindex_button { border-color: #f96e75; color: #f96e75; border-radius: 3px; height: 32px; font-size: 14px; padding: 0 12px; } .dissolutionEnterpriseindex_dissolution .dissolutionEnterpriseindex_de-modal .dissolutionEnterpriseindex_padding-t { padding-top: 10px; } .dissolutionEnterpriseindex_dissolution .dissolutionEnterpriseindex_de-modal .dissolutionEnterpriseindex_send-verification-code { margin-left: 10px; color: #2c8fff; cursor: pointer; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .AppCenterindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .AppCenterindex_new-fc-one-modal-body { overflow: unset; } .AppCenterindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .AppCenterindex_SendMessageInfoindex_send-info { width: 690px; } .AppCenterindex_app-center-content { padding: 0 40px; } .AppCenterindex_app-center-content .page-section:last-of-type { padding-bottom: 40px; } .AppCenterindex_app-center-content .AppCenterindex_page-back .new-fc-one-btn-medium { padding: 0 12px; } .AppCenterindex_app-center-content .AppCenterindex_page-back .new-fc-one-btn-primary { padding: 0 16px; } .AppCenterindex_app-center-content .AppCenterindex_page-back .new-fc-one-btn-medium .new-fc-one-icon { font-size: 10px; color: #666; } .AppCenterindex_app-center-content .AppCenterindex_page-back .new-fc-one-btn-medium .new-fc-one-btn-medium span { color: #666; } .AppCenterindex_app-center-content .AppCenterindex_page-back .AppCenterindex_tip .AppCenterindex_hint { color: #ccc; margin-left: 8px; font-size: 14px; } .AppCenterindex_app-center-content .AppCenterindex_page-operate { display: flex; justify-content: space-between; } .AppCenterindex_app-center-content .AppCenterindex_page-header-operate { margin-bottom: 16px; } .AppCenterindex_app-center-content .AppCenterindex_market-button { margin-right: 16px; } .AppCenterindex_app-center-content .AppCenterindex_new-app-list { display: flex; flex-direction: row; flex-wrap: wrap; } .AppCenterindex_app-center-content .AppCenterindex_app-item { width: 120px; height: 120px; display: flex; text-align: center; justify-content: center; align-items: center; font-size: 14px; color: #333; border-radius: 8px; } .AppCenterindex_app-center-content .AppCenterindex_app-item:hover { background: #FFFFFF; } .AppCenterindex_app-center-content .AppCenterindex_app-item .AppCenterindex_app-item-logo { display: block; font-size: 0; margin-bottom: 8px; } .AppCenterindex_app-center-content .AppCenterindex_app-item .AppCenterindex_app-item-logo img { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #f5f5f5; cursor: pointer; } .AppCenterindex_app-center-content .AppCenterindex_app-item .AppCenterindex_app-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 3px; } .AppCenterindex_app-center-content .AppCenterindex_app-item-container { width: 100%; } .AppCenterindex_enterprise-app-section .AppCenterindex_section-operation, .AppCenterindex_enterprise-app-section .AppCenterindex_default-section-operation, .AppCenterindex_enterprise-app-section .AppCenterindex_draggable-section-operation { display: none; } .AppCenterindex_enterprise-app-section .AppCenterindex_section-operation .icon-svg { color: #666; } .AppCenterindex_enterprise-app-section .AppCenterindex_section-operation .icon-svg:hover { color: #333; } .AppCenterindex_enterprise-app-section .AppCenterindex_empty-app-list { color: #999; font-size: 14px; } .AppCenterindex_enterprise-app-section .AppCenterindex_section-operation-group { display: flex; position: absolute; right: 16px; top: 16px; } .AppCenterindex_enterprise-app-section:hover { background-color: #FBFBFB; } .AppCenterindex_enterprise-app-section:hover .AppCenterindex_section-operation { display: block; margin-left: 16px; cursor: pointer; } .AppCenterindex_enterprise-app-section:hover .AppCenterindex_section-operation.AppCenterindex_default-section-operation, .AppCenterindex_enterprise-app-section:hover .AppCenterindex_section-operation.AppCenterindex_draggable-section-operation { display: none; } .AppCenterindex_modal-content .AppCenterindex_modal-content-title { display: block; color: #666; font-size: 12px; margin-bottom: 8px; margin-top: 12px; } .AppCenterindex_modal-content .AppCenterindex_app-logo { width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin-right: 8px; } .AppCenterindex_group-modal .new-fc-one-modal-header { line-height: 0; } .AppCenterindex_group-modal-content { width: 100%; } .AppCenterindex_group-modal-content .new-fc-one-input-detail { width: 100% !important; } .AppCenterindex_group-modal-content .new-fc-one-input-all-container, .AppCenterindex_group-modal-content input.new-fc-one-input-small { width: 100%; } .AppCenterindex_search-result-tips { background-color: #F2F7FF; height: 36px; line-height: 36px; font-size: 14px; padding-left: 16px; } .AppCenterindex_search-result-app-list { padding-left: 0; } .AppCenterindex_page-header-right { display: flex; } .new-fc-one-popover-inner-content { padding: 8px; line-height: 1; font-size: 12px; } .AppCenterindex_page-header { position: relative; } .AppCenterindex_page-header-absolute { position: absolute; right: 0; top: 20px; } .AppCenterindex_search-app { margin-left: 16px; } .AppCenterindex_search-app .new-fc-one-input-search { height: 32px; } .AppCenterindex_imgCloud { width: 121px; height: 32px; } .AppCenterindex_isDisplayHomePage { display: flex; justify-content: left; flex-flow: wrap; } .AppCenterindex_applicationBulletinBoard { margin-bottom: 20px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .JoinCorpindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .JoinCorpindex_new-fc-one-modal-body { overflow: unset; } .JoinCorpindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .JoinCorpindex_SendMessageInfoindex_send-info { width: 690px; } .JoinCorpindex_join-corp-settings { padding: 0 16px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card { display: inline-block; vertical-align: top; position: relative; padding: 30px 20px 0; width: 260px; height: 305px; border: 1px solid #e0e0e0; text-align: center; margin-right: 32px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card .JoinCorpindex_title { font-weight: normal; font-size: 14px; color: #333; bottom: 16px; margin: 0; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card .JoinCorpindex_icon { padding-bottom: 16px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card .JoinCorpindex_content { font-size: 14px; color: #999; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card .JoinCorpindex_content p { margin: 0; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card .JoinCorpindex_content .JoinCorpindex_invite-link { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-card .JoinCorpindex_button { position: absolute; left: 0; height: 28px; bottom: 20px; text-align: center; width: 100%; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-settings, .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-content, .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list { margin: 0 auto 8px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-content .JoinCorpindex_qrcode-img { padding-bottom: 8px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-settings .JoinCorpindex_settings-item { display: flex; color: #999; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-settings .JoinCorpindex_settings-item:not(:last-child) { margin-bottom: 20px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-settings .JoinCorpindex_settings-item .JoinCorpindex_settings-item-title { margin-right: 16px; color: #666; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-settings .JoinCorpindex_settings-item .JoinCorpindex_settings-item-info { margin-top: 8px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list table { color: #999; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .new-fc-one-btn-link { padding: 0; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .new-fc-one-btn-link:not(:first-child) { margin-left: 8px; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .JoinCorpindex_status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 4px; vertical-align: middle; background-color: #ccc; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .JoinCorpindex_status-dot.JoinCorpindex_status-dot-reject { background-color: #ff2f41; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .JoinCorpindex_status-dot.JoinCorpindex_status-dot-pending { background-color: #FF811A; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .JoinCorpindex_status-dot.JoinCorpindex_status-dot-accept { background-color: #29cc44; } .JoinCorpindex_join-corp-settings .JoinCorpindex_invite-apply-list .JoinCorpindex_text-status { color: #ccc; font-size: 12px; } .JoinCorpindex_join-corp-settings .new-fc-one-table-tbody tr > td { padding: 12px 16px; } .JoinCorpindex_join-corp-settings .new-fc-one-table-tbody .new-fc-one-btn-link { height: auto; } /** * @file QuantumToast 样式 * @description 单个 Toast 组件样式 */ .QuantumToastQuantumToast_toast { display: flex; align-items: center; gap: 12px; padding: 12px 16px; min-width: 320px; max-width: 480px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-md, 8px); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; line-height: 1.5; pointer-events: auto; animation: QuantumToastQuantumToast_slideInRight 0.3s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform, opacity; } /* 关闭动画 */ .QuantumToastQuantumToast_toast--closing { opacity: 0; transform: translateX(100%); transition: opacity 0.3s ease, transform 0.3s ease; } /* ===== 类型样式 ===== */ /* 成功类型 */ .QuantumToastQuantumToast_toast--success { border-color: rgba(24, 144, 255, 0.3); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 24px rgba(24, 144, 255, 0.2); } /* 错误类型 */ .QuantumToastQuantumToast_toast--error { border-color: rgba(255, 77, 79, 0.3); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 24px rgba(255, 77, 79, 0.2); } /* 警告类型 */ .QuantumToastQuantumToast_toast--warning { border-color: rgba(250, 173, 20, 0.3); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 24px rgba(250, 173, 20, 0.2); } /* 信息类型 */ .QuantumToastQuantumToast_toast--info { border-color: rgba(82, 196, 26, 0.3); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 24px rgba(82, 196, 26, 0.2); } /* ===== 图标样式 ===== */ .QuantumToastQuantumToast_toast__icon { flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } /* ===== 内容样式 ===== */ .QuantumToastQuantumToast_toast__content { flex: 1; min-width: 0; } .QuantumToastQuantumToast_toast__title { font-weight: 600; font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin-bottom: 2px; word-break: break-word; } .QuantumToastQuantumToast_toast__message { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 1.4; word-break: break-word; } /* ===== 关闭按钮样式 ===== */ .QuantumToastQuantumToast_toast__close { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-radius: 4px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); cursor: pointer; font-size: 18px; line-height: 1; padding: 0; transition: all 0.2s ease; } .QuantumToastQuantumToast_toast__close:hover { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.1)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumToastQuantumToast_toast__close:active { transform: scale(0.9); } /* ===== 动画 ===== */ /* 右侧滑入 */ @keyframes QuantumToastQuantumToast_slideInRight { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } } /* 左侧滑入 */ @keyframes QuantumToastQuantumToast_slideInLeft { from { opacity: 0; transform: translateX(-100%); } to { opacity: 1; transform: translateX(0); } } /* 下方滑入 */ @keyframes QuantumToastQuantumToast_slideInUp { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } /* 上方滑入 */ @keyframes QuantumToastQuantumToast_slideInDown { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } /* ===== 响应式适配 ===== */ @media (max-width: 768px) { .QuantumToastQuantumToast_toast { min-width: 280px; max-width: calc(100vw - 48px); padding: 10px 14px; } } /* ===== 深浅模式适配 ===== */ /* 浅色模式 */ [data-theme='light'] .QuantumToastQuantumToast_toast { background: rgba(255, 255, 255, 0.85); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.85); } [data-theme='light'] .QuantumToastQuantumToast_toast__title { color: rgba(0, 0, 0, 0.85); } [data-theme='light'] .QuantumToastQuantumToast_toast__message { color: rgba(0, 0, 0, 0.65); } [data-theme='light'] .QuantumToastQuantumToast_toast__close { color: rgba(0, 0, 0, 0.45); } [data-theme='light'] .QuantumToastQuantumToast_toast__close:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.85); } /* 类型样式 - 浅色模式 */ [data-theme='light'] .QuantumToastQuantumToast_toast--success { border-color: rgba(24, 144, 255, 0.5); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 24px rgba(24, 144, 255, 0.15); } [data-theme='light'] .QuantumToastQuantumToast_toast--error { border-color: rgba(255, 77, 79, 0.5); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 24px rgba(255, 77, 79, 0.15); } [data-theme='light'] .QuantumToastQuantumToast_toast--warning { border-color: rgba(250, 173, 20, 0.5); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 24px rgba(250, 173, 20, 0.15); } [data-theme='light'] .QuantumToastQuantumToast_toast--info { border-color: rgba(82, 196, 26, 0.5); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 24px rgba(82, 196, 26, 0.15); } /** * @file ToastContainer 样式 * @description Toast 容器组件样式 */ .QuantumToastToastContainer_container { position: fixed; z-index: 9999; display: flex; flex-direction: column; gap: 12px; pointer-events: none; } /* ===== 位置样式 ===== */ /* 左侧位置 */ .QuantumToastToastContainer_container--top-left, .QuantumToastToastContainer_container--center-left, .QuantumToastToastContainer_container--bottom-left { align-items: flex-start; } /* 中间位置 */ .QuantumToastToastContainer_container--top-center, .QuantumToastToastContainer_container--center-center, .QuantumToastToastContainer_container--bottom-center { align-items: center; } /* 右侧位置 */ .QuantumToastToastContainer_container--top-right, .QuantumToastToastContainer_container--center-right, .QuantumToastToastContainer_container--bottom-right { align-items: flex-end; } /* 垂直方向堆叠 */ .QuantumToastToastContainer_container--top-left, .QuantumToastToastContainer_container--top-center, .QuantumToastToastContainer_container--top-right { flex-direction: column; } .QuantumToastToastContainer_container--center-left, .QuantumToastToastContainer_container--center-center, .QuantumToastToastContainer_container--center-right { flex-direction: column; } .QuantumToastToastContainer_container--bottom-left, .QuantumToastToastContainer_container--bottom-center, .QuantumToastToastContainer_container--bottom-right { flex-direction: column-reverse; } /* ===== 动画方向调整 ===== */ /* 左侧容器：从左侧滑入 */ .QuantumToastToastContainer_container--top-left .QuantumToastToastContainer_toast, .QuantumToastToastContainer_container--center-left .QuantumToastToastContainer_toast, .QuantumToastToastContainer_container--bottom-left .QuantumToastToastContainer_toast { animation-name: QuantumToastToastContainer_slideInLeft; } .QuantumToastToastContainer_container--top-left .QuantumToastToastContainer_toast--closing, .QuantumToastToastContainer_container--center-left .QuantumToastToastContainer_toast--closing, .QuantumToastToastContainer_container--bottom-left .QuantumToastToastContainer_toast--closing { transform: translateX(-100%); } /* 中间容器：从下方滑入（垂直居中） */ .QuantumToastToastContainer_container--center-center .QuantumToastToastContainer_toast, .QuantumToastToastContainer_container--center-left .QuantumToastToastContainer_toast, .QuantumToastToastContainer_container--center-right .QuantumToastToastContainer_toast { animation-name: QuantumToastToastContainer_slideInUp; } .QuantumToastToastContainer_container--center-center .QuantumToastToastContainer_toast--closing, .QuantumToastToastContainer_container--center-left .QuantumToastToastContainer_toast--closing, .QuantumToastToastContainer_container--center-right .QuantumToastToastContainer_toast--closing { transform: translateY(100%); } /* 顶部容器：从上方滑入（仅对中间位置有效） */ .QuantumToastToastContainer_container--top-center .QuantumToastToastContainer_toast { animation-name: QuantumToastToastContainer_slideInDown; } .QuantumToastToastContainer_container--top-center .QuantumToastToastContainer_toast--closing { transform: translateY(-100%); } /* ===== 响应式适配 ===== */ @media (max-width: 768px) { .QuantumToastToastContainer_container { top: 16px !important; bottom: 16px !important; left: 16px !important; right: 16px !important; transform: none !important; align-items: center !important; } .QuantumToastToastContainer_container .QuantumToastToastContainer_toast { width: 100%; max-width: calc(100vw - 32px); animation-name: QuantumToastToastContainer_slideInDown !important; } .QuantumToastToastContainer_container .QuantumToastToastContainer_toast--closing { transform: translateY(-100%) !important; } } /* ===== 深浅模式适配 ===== */ /* 浅色模式不需要特殊处理，Toast 本身已有深浅模式适配 */ /** * QuantumButton 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 基础样式 ===== */ .QuantumButtonQuantumButton_quantum-button { /* 字体 */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; font-weight: 500; line-height: 1; /* 尺寸 */ height: 40px; min-width: 88px; padding: 0 24px; /* 布局 */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* 边框和圆角 */ border: 1px solid var(--qd-border-default); border-radius: var(--qd-radius-base); /* 颜色 */ background: var(--qd-glass-bg); color: var(--qd-text-primary); /* 交互 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: none; overflow: hidden; /* 动画 */ transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease; /* 重置浏览器默认样式 */ box-sizing: border-box; text-decoration: none; white-space: nowrap; position: relative; } /* ===== 渐变层（::before） ===== */ .QuantumButtonQuantumButton_quantum-button::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, hsl(260, 100%, 65%) 0%, hsl(240, 100%, 70%) 50%, hsl(220, 100%, 65%) 100%); background-size: 200% 200%; border-radius: inherit; z-index: -1; opacity: 0; transition: opacity 0.25s ease; } /* ===== 发光层（::after） ===== */ .QuantumButtonQuantumButton_quantum-button::after { content: ''; position: absolute; inset: -2px; background: linear-gradient(135deg, hsl(260, 100%, 65%), hsl(240, 100%, 70%), hsl(220, 100%, 65%)); border-radius: inherit; opacity: 0; filter: blur(10px); z-index: -2; transition: opacity 0.4s ease; } /* ===== 按钮类型样式修饰符 ===== */ /* Primary 主要按钮 - 始终显示渐变 */ .QuantumButtonQuantumButton_quantum-button_primary { border: none; color: rgba(255, 255, 255, 0.95); background: linear-gradient(135deg, hsl(260, 100%, 65%) 0%, hsl(240, 100%, 70%) 50%, hsl(220, 100%, 65%) 100%) !important; } .QuantumButtonQuantumButton_quantum-button_primary::before { opacity: 1 !important; } .QuantumButtonQuantumButton_quantum-button_primary:hover::after { opacity: 0.8; } .QuantumButtonQuantumButton_quantum-button_primary:hover { color: #ffffff; } /* Ghost 幽灵按钮 - 悬停时显示渐变 */ .QuantumButtonQuantumButton_quantum-button_ghost { border: 1px solid var(--qd-border-default); } .QuantumButtonQuantumButton_quantum-button_ghost::before { opacity: 0; } .QuantumButtonQuantumButton_quantum-button_ghost:hover { border-color: transparent; color: rgba(255, 255, 255, 0.95); background: transparent !important; } .QuantumButtonQuantumButton_quantum-button_ghost:hover::before { opacity: 1; animation: QuantumButtonQuantumButton_gradient-shift 3s ease infinite; } .QuantumButtonQuantumButton_quantum-button_ghost:hover::after { opacity: 0.5; } /* Danger 危险按钮 - 红色警告风格 */ .QuantumButtonQuantumButton_quantum-button_danger { border: none; color: rgba(255, 255, 255, 0.95); background: linear-gradient(135deg, hsl(0, 100%, 58%) 0%, hsl(15, 100%, 55%) 50%, hsl(0, 100%, 58%) 100%) !important; } .QuantumButtonQuantumButton_quantum-button_danger::before { background: linear-gradient(135deg, hsl(0, 100%, 58%) 0%, hsl(15, 100%, 55%) 50%, hsl(0, 100%, 58%) 100%); background-size: 200% 200%; opacity: 1 !important; } .QuantumButtonQuantumButton_quantum-button_danger::after { background: linear-gradient(135deg, hsl(0, 100%, 58%), hsl(15, 100%, 55%), hsl(0, 100%, 58%)); } .QuantumButtonQuantumButton_quantum-button_danger:hover { color: #ffffff; } .QuantumButtonQuantumButton_quantum-button_danger:hover::before { animation: QuantumButtonQuantumButton_gradient-shift-danger 3s ease infinite; } .QuantumButtonQuantumButton_quantum-button_danger:hover::after { opacity: 0.8; } /* 浅色模式下 Danger 按钮加深背景 */ [data-theme="light"] .QuantumButtonQuantumButton_quantum-button_danger::before { background: linear-gradient(135deg, hsl(0, 80%, 45%) 0%, hsl(15, 80%, 42%) 50%, hsl(0, 80%, 45%) 100%); } /* ===== 交互状态修饰符 ===== */ /* Hover 悬停 - 显示渐变流动和发光效果 */ .QuantumButtonQuantumButton_quantum-button:not(.QuantumButtonQuantumButton_quantum-button_primary):not(.QuantumButtonQuantumButton_quantum-button_ghost):not(.QuantumButtonQuantumButton_disabled):not(.QuantumButtonQuantumButton_loading):hover { transform: translateY(-1px); color: rgba(255, 255, 255, 0.95); background: transparent !important; } .QuantumButtonQuantumButton_quantum-button:not(.QuantumButtonQuantumButton_quantum-button_primary):not(.QuantumButtonQuantumButton_quantum-button_ghost):not(.QuantumButtonQuantumButton_disabled):not(.QuantumButtonQuantumButton_loading):hover::before { opacity: 1; animation: QuantumButtonQuantumButton_gradient-shift 3s ease infinite; } .QuantumButtonQuantumButton_quantum-button:not(.QuantumButtonQuantumButton_quantum-button_primary):not(.QuantumButtonQuantumButton_quantum-button_ghost):not(.QuantumButtonQuantumButton_disabled):not(.QuantumButtonQuantumButton_loading):hover::after { opacity: 0.5; } /* 浅色模式下调整 */ [data-theme="light"] .QuantumButtonQuantumButton_quantum-button:not(.QuantumButtonQuantumButton_quantum-button_primary):not(.QuantumButtonQuantumButton_quantum-button_ghost):not(.QuantumButtonQuantumButton_disabled):not(.QuantumButtonQuantumButton_loading):hover { color: rgba(255, 255, 255, 0.95); } /* 浅色模式下 Primary 按钮加深背景，提高白色文字对比度 */ [data-theme="light"] .QuantumButtonQuantumButton_quantum-button_primary::before { background: linear-gradient(135deg, hsl(260, 80%, 45%) 0%, hsl(240, 80%, 50%) 50%, hsl(220, 80%, 45%) 100%); } /* Active 点击 */ .QuantumButtonQuantumButton_quantum-button:not(.QuantumButtonQuantumButton_disabled):not(.QuantumButtonQuantumButton_loading):active { transform: translateY(0) scale(var(--qd-press-medium-scale, 0.98)); opacity: var(--qd-press-medium-opacity, 0.85); } /* Focus 聚焦 */ .QuantumButtonQuantumButton_quantum-button:focus-visible { outline: 2px solid var(--qd-color-primary); outline-offset: 2px; } /* ===== 禁用和加载状态修饰符 ===== */ /* Disabled 禁用状态 */ .QuantumButtonQuantumButton_disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .QuantumButtonQuantumButton_disabled::before, .QuantumButtonQuantumButton_disabled::after { opacity: 0 !important; } /* Loading 加载状态 */ .QuantumButtonQuantumButton_loading { cursor: not-allowed; } /* ===== Spinner 加载动画 ===== */ .QuantumButtonQuantumButton_spinner { width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: QuantumButtonQuantumButton_spin 0.8s linear infinite; } /* 加载状态下的文本样式 */ .QuantumButtonQuantumButton_text-loading { display: inline-block; } /* ===== 按钮图标 ===== */ .QuantumButtonQuantumButton_button-icon { display: inline-flex; align-items: center; justify-content: center; margin: 0 4px; flex-shrink: 0; vertical-align: middle; line-height: 1; } /* ===== 尺寸变体修饰符 ===== */ /* Small 小号 */ .QuantumButtonQuantumButton_size-small { height: 32px; min-width: 64px; padding: 4px 16px; font-size: 12px; } .QuantumButtonQuantumButton_size-small .QuantumButtonQuantumButton_spinner { width: 14px; height: 14px; } /* Large 大号 */ .QuantumButtonQuantumButton_size-large { height: 48px; min-width: 120px; padding: 12px 32px; font-size: 16px; } .QuantumButtonQuantumButton_size-large .QuantumButtonQuantumButton_spinner { width: 18px; height: 18px; } /* ===== 动画定义 ===== */ @keyframes QuantumButtonQuantumButton_gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes QuantumButtonQuantumButton_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes QuantumButtonQuantumButton_gradient-shift-danger { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /** * @file 机器人应用卡片样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .RobotItemindex_robot-item-card { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 88px; padding: 16px 24px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin-bottom: 12px; } .RobotItemindex_robot-item-card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); border-color: #7c4dff; transform: translateY(-1px); } .RobotItemindex_robot-item-left { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; } .RobotItemindex_robot-icon { width: 64px; height: 64px; flex-shrink: 0; } .RobotItemindex_robot-icon img { width: 100%; height: 100%; border-radius: 8px; -o-object-fit: cover; object-fit: cover; } .RobotItemindex_robot-info { flex: 1; min-width: 0; } .RobotItemindex_robot-name { font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.85); margin: 0 0 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .RobotItemindex_robot-desc { font-size: 14px; color: rgba(0, 0, 0, 0.65); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .RobotItemindex_robot-item-actions { display: flex; gap: 8px; flex-shrink: 0; } .RobotItemindex_robot-item-actions .one-btn { padding: 6px 16px; height: 32px; font-size: 14px; } @media (max-width: 1200px) { .RobotItemindex_robot-item-card { flex-direction: column; align-items: flex-start; gap: 16px; } .RobotItemindex_robot-item-actions { width: 100%; justify-content: flex-end; } } /** * QuantumCard 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 基础样式 ===== */ .QuantumCardQuantumCard_quantum-card { /* 字体 */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; line-height: 1.5; /* 布局 */ display: flex; flex-direction: column; gap: 12px; /* 尺寸 */ width: 100%; min-height: 120px; padding: 20px; /* 边框和圆角 */ border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-md, 1rem); /* 颜色 */ background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); /* 交互 */ box-sizing: border-box; outline: none; /* 动画 */ transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1); } /* ===== 阴影级别修饰符 ===== */ .QuantumCardQuantumCard_shadow-none { box-shadow: none; } .QuantumCardQuantumCard_shadow-sm { box-shadow: var(--qd-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.2)); } .QuantumCardQuantumCard_shadow-md { box-shadow: var(--qd-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.4)); } .QuantumCardQuantumCard_shadow-lg { box-shadow: var(--qd-shadow-lg, 0 8px 32px rgba(0, 0, 0, 0.5)); } /* ===== 卡片尺寸修饰符 ===== */ /* Small 小卡片 */ .QuantumCardQuantumCard_small { width: 276px; min-height: 66px; padding: 12px; } .QuantumCardQuantumCard_small .QuantumCardQuantumCard_card-body { flex-direction: row; align-items: flex-end; padding: 0; gap: 0; } .QuantumCardQuantumCard_small .QuantumCardQuantumCard_card-actions { width: auto; margin-top: auto; margin-left: auto; padding: 0; border: none; } /* Large 大卡片 */ .QuantumCardQuantumCard_large { width: 400px; padding: 24px; } /* ===== 卡片类型修饰符 ===== */ /* babel-plugin-react-css-modules 需要独立的类名 */ /* Default 默认卡片 */ .QuantumCardQuantumCard_default { min-width: 280px; max-width: 400px; } /* List 列表型卡片 */ .QuantumCardQuantumCard_list { flex-direction: row; align-items: center; justify-content: space-between; min-height: 88px; max-width: none; gap: 16px; } .QuantumCardQuantumCard_list > *:not(.QuantumCardQuantumCard_card-icon) { flex: 1; min-width: 0; } /* Compact 紧凑型卡片 */ .QuantumCardQuantumCard_compact { padding: 12px 16px; min-height: 60px; gap: 8px; } /* Centered 居中卡片 */ .QuantumCardQuantumCard_centered { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 32px 24px; gap: 16px; } .QuantumCardQuantumCard_centered .QuantumCardQuantumCard_card-icon { margin-bottom: 8px; } .QuantumCardQuantumCard_centered .QuantumCardQuantumCard_card-title { margin-bottom: 4px; } .QuantumCardQuantumCard_centered .QuantumCardQuantumCard_card-description { margin-bottom: 0; } /* Detail 详情卡片 */ .QuantumCardQuantumCard_detail { padding: 24px; } .QuantumCardQuantumCard_detail .QuantumCardQuantumCard_card-body { margin-bottom: 8px; } .QuantumCardQuantumCard_detail .QuantumCardQuantumCard_card-footer { margin-top: 16px; padding-top: 16px; } /* ===== 对齐方式修饰符 ===== */ .QuantumCardQuantumCard_align-center { align-items: center; } .QuantumCardQuantumCard_align-center .QuantumCardQuantumCard_card-body, .QuantumCardQuantumCard_align-center .QuantumCardQuantumCard_card-footer { align-items: center; justify-content: center; } .QuantumCardQuantumCard_align-right { align-items: flex-end; } .QuantumCardQuantumCard_align-right .QuantumCardQuantumCard_card-body, .QuantumCardQuantumCard_align-right .QuantumCardQuantumCard_card-footer { align-items: flex-end; justify-content: flex-end; } .QuantumCardQuantumCard_align-center .QuantumCardQuantumCard_card-body, .QuantumCardQuantumCard_align-right .QuantumCardQuantumCard_card-body { text-align: inherit; } /* ===== 交互状态修饰符 ===== */ /* Hoverable 可悬停效果 */ .QuantumCardQuantumCard_hoverable:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):hover { border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)); transform: translateY(-2px); } .QuantumCardQuantumCard_hoverable:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):hover.QuantumCardQuantumCard_shadow-md, .QuantumCardQuantumCard_hoverable:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):hover.QuantumCardQuantumCard_shadow-lg { box-shadow: var(--qd-shadow-lg, 0 8px 32px rgba(0, 0, 0, 0.5)), var(--qd-glow-primary, 0 0 20px hsla(260, 100%, 65%, 0.3), 0 0 40px hsla(260, 100%, 65%, 0.15)); } /* Clickable 可点击效果 */ .QuantumCardQuantumCard_clickable { cursor: pointer; } .QuantumCardQuantumCard_clickable:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):hover { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); } .QuantumCardQuantumCard_clickable:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):active { transform: scale(0.98); } /* Focus 键盘聚焦 */ .QuantumCardQuantumCard_clickable:focus-visible { outline: 2px solid var(--qd-color-primary, hsl(260, 100%, 65%)); outline-offset: 4px; } /* ===== 渐变边框修饰符 ===== */ .QuantumCardQuantumCard_gradient-border { position: relative; } .QuantumCardQuantumCard_gradient-border::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, var(--qd-color-primary, hsl(260, 100%, 65%)), var(--qd-color-success, hsl(160, 100%, 45%)), var(--qd-color-warning, hsl(35, 100%, 55%))); background-size: 200% 200%; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0.5; transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1); } .QuantumCardQuantumCard_gradient-border:hover::before { opacity: 1; animation: QuantumCardQuantumCard_gradient-shift 3s ease infinite; } /* ===== 禁用和加载状态修饰符 ===== */ /* Disabled 禁用状态 */ .QuantumCardQuantumCard_disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } /* Loading 加载状态 */ .QuantumCardQuantumCard_loading { position: relative; overflow: hidden; } .QuantumCardQuantumCard_loading::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 10; } .QuantumCardQuantumCard_loading::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid var(--qd-color-primary, hsl(260, 100%, 65%)); border-top-color: transparent; border-radius: 50%; animation: QuantumCardQuantumCard_card-spin 0.8s linear infinite; z-index: 11; } @keyframes QuantumCardQuantumCard_card-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes QuantumCardQuantumCard_gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } /* ===== 子组件样式 ===== */ /* Header 头部区域 */ .QuantumCardQuantumCard_card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; } .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-header { margin-bottom: 0; flex: 1; } /* Body 主体区域 */ .QuantumCardQuantumCard_card-body { flex: 1; display: flex; flex-direction: column; gap: 8px; } /* Footer 底部区域 */ .QuantumCardQuantumCard_card-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); } .QuantumCardQuantumCard_compact .QuantumCardQuantumCard_card-footer { margin-top: 0; padding-top: 8px; } .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-footer { margin-top: 0; padding-top: 0; border-top: none; } /* ===== 快捷子组件样式 ===== */ /* Icon 图标 */ .QuantumCardQuantumCard_card-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--qd-radius-base, 8px); background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); } .QuantumCardQuantumCard_card-icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .QuantumCardQuantumCard_icon-content { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 24px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumCardQuantumCard_icon-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } /* Title 标题 */ .QuantumCardQuantumCard_card-title { margin: 0; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } h1.QuantumCardQuantumCard_card-title { font-size: 24px; } h2.QuantumCardQuantumCard_card-title { font-size: 20px; } h3.QuantumCardQuantumCard_card-title { font-size: 18px; } h4.QuantumCardQuantumCard_card-title { font-size: 16px; } h5.QuantumCardQuantumCard_card-title { font-size: 14px; } h6.QuantumCardQuantumCard_card-title { font-size: 12px; } /* Description 描述 */ .QuantumCardQuantumCard_card-description { margin: 0; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Extra 额外操作区（右上角） */ .QuantumCardQuantumCard_card-extra { flex-shrink: 0; display: flex; align-items: center; gap: 8px; } /* Tags 标签组 */ .QuantumCardQuantumCard_card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; } /* Actions 操作区（详情卡片使用） */ .QuantumCardQuantumCard_card-actions { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; } .QuantumCardQuantumCard_card-actions-left { justify-content: flex-start; } .QuantumCardQuantumCard_card-actions-center { justify-content: center; } .QuantumCardQuantumCard_card-actions-right { justify-content: flex-end; } /* ===== List 类型特殊布局 ===== */ .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-icon { width: 64px; height: 64px; } .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-body { flex-direction: row; align-items: center; gap: 12px; } .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-title { font-size: 16px; } .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-description { -webkit-line-clamp: 1; } /* ===== Compact 类型特殊布局 ===== */ .QuantumCardQuantumCard_compact .QuantumCardQuantumCard_card-icon { width: 40px; height: 40px; } .QuantumCardQuantumCard_compact .QuantumCardQuantumCard_card-title { font-size: 14px; } .QuantumCardQuantumCard_compact .QuantumCardQuantumCard_card-description { display: none; } /* ===== 玻璃态强度修饰符 ===== */ .glass-intensity-light { background: var(--qd-glass-light-bg, var(--qd-glass-bg)); border-color: var(--qd-glass-light-border, var(--qd-glass-border)); } @supports (backdrop-filter: blur(1px)) { .glass-intensity-light { backdrop-filter: blur(var(--qd-glass-light-blur, 10px)); -webkit-backdrop-filter: blur(var(--qd-glass-light-blur, 10px)); } } .glass-intensity-medium { background: var(--qd-glass-medium-bg, var(--qd-glass-bg)); border-color: var(--qd-glass-medium-border, var(--qd-glass-border)); } @supports (backdrop-filter: blur(1px)) { .glass-intensity-medium { backdrop-filter: blur(var(--qd-glass-medium-blur, 20px)); -webkit-backdrop-filter: blur(var(--qd-glass-medium-blur, 20px)); } } .glass-intensity-strong { background: var(--qd-glass-strong-bg, var(--qd-glass-bg)); border-color: var(--qd-glass-strong-border, var(--qd-glass-border)); } @supports (backdrop-filter: blur(1px)) { .glass-intensity-strong { backdrop-filter: blur(var(--qd-glass-strong-blur, 30px)); -webkit-backdrop-filter: blur(var(--qd-glass-strong-blur, 30px)); } } /* Fallback - 不支持 backdrop-filter 的浏览器 */ /* 复制图标 */ @supports not (backdrop-filter: blur(1px)) { .glass-intensity-light, .glass-intensity-medium, .glass-intensity-strong { background: var(--qd-glass-strong-bg, var(--qd-glass-bg)); } } /* ===== 点击动画修饰符 ===== */ /* 启用点击动画 - 更快的响应时间 */ .QuantumCardQuantumCard_quantum-card.press-animation-true { transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 120ms cubic-bezier(0.4, 0, 0.2, 1), opacity 120ms cubic-bezier(0.4, 0, 0.2, 1); } /* 默认中等强度 - 点击效果 */ .QuantumCardQuantumCard_quantum-card.press-animation-true:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):active { transform: scale(var(--qd-press-medium-scale, 0.96)) !important; opacity: var(--qd-press-medium-opacity, 0.8) !important; } /* 轻微动画 */ .QuantumCardQuantumCard_quantum-card.press-animation-true.press-intensity-subtle:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):active { transform: scale(var(--qd-press-subtle-scale, 0.99)) !important; opacity: var(--qd-press-subtle-opacity, 0.9) !important; } /* 强度动画 */ .QuantumCardQuantumCard_quantum-card.press-animation-true.press-intensity-strong:not(.QuantumCardQuantumCard_disabled):not(.QuantumCardQuantumCard_loading):active { transform: scale(var(--qd-press-strong-scale, 0.94)) !important; opacity: var(--qd-press-strong-opacity, 0.7) !important; } /* 禁用动画 - 不响应点击 */ .QuantumCardQuantumCard_quantum-card.press-animation-false:active { transform: none !important; opacity: 1 !important; } /* ===== 响应式适配 ===== */ @media (max-width: 768px) { .QuantumCardQuantumCard_quantum-card { padding: 16px; } .QuantumCardQuantumCard_list { flex-direction: column; align-items: flex-start; } .QuantumCardQuantumCard_list .QuantumCardQuantumCard_card-body { width: 100%; flex-direction: column; align-items: flex-start; } } /** * @file 应用卡片样式 * @description QuantumCard 外层容器，仅负责间距和布局 */ .AppItemindex_app-item-wrapper { margin-bottom: 12px; width: 100%; } /** * @file 骨架屏样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ /** * @file 动画定义 * @description V2 通用动画效果 */ @keyframes Skeletonindex_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes Skeletonindex_slideInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes Skeletonindex_scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes Skeletonindex_skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } @keyframes Skeletonindex_glow { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } } .Skeletonindex_animate-fade-in { animation: Skeletonindex_fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .Skeletonindex_animate-slide-in-up { animation: Skeletonindex_slideInUp 0.3s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: backwards; } .Skeletonindex_animate-scale-in { animation: Skeletonindex_scaleIn 0.15s cubic-bezier(0, 0, 0.2, 1); } .Skeletonindex_stagger-animation:nth-child(1) { animation-delay: 0.05s; } .Skeletonindex_stagger-animation:nth-child(2) { animation-delay: 0.1s; } .Skeletonindex_stagger-animation:nth-child(3) { animation-delay: 0.15s; } .Skeletonindex_stagger-animation:nth-child(4) { animation-delay: 0.2s; } .Skeletonindex_stagger-animation:nth-child(5) { animation-delay: 0.25s; } .Skeletonindex_stagger-animation:nth-child(n+6) { animation-delay: 0.3s; } .Skeletonindex_skeleton-pulse { animation: Skeletonindex_skeleton-pulse 1.5s ease-in-out infinite; } .Skeletonindex_robot-item-skeleton { animation: Skeletonindex_skeleton-pulse 1.5s ease-in-out infinite; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 8px; margin-bottom: 12px; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-left { display: flex; gap: 16px; flex: 1; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-icon { width: 64px; height: 64px; background: #f5f5f5; border-radius: 8px; flex-shrink: 0; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-text { flex: 1; display: flex; flex-direction: column; gap: 8px; justify-content: center; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-line { height: 16px; background: #f5f5f5; border-radius: 4px; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-line.Skeletonindex_short { width: 60%; height: 14px; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-actions { display: flex; gap: 8px; } .Skeletonindex_robot-item-skeleton .Skeletonindex_skeleton-button { width: 100px; height: 32px; background: #f5f5f5; border-radius: 4px; } .Skeletonindex_app-item-skeleton { animation: Skeletonindex_skeleton-pulse 1.5s ease-in-out infinite; display: flex; flex-direction: column; align-items: center; padding: 24px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 8px; } .Skeletonindex_app-item-skeleton .Skeletonindex_skeleton-icon { width: 64px; height: 64px; background: #f5f5f5; border-radius: 8px; margin-bottom: 16px; } .Skeletonindex_app-item-skeleton .Skeletonindex_skeleton-text { width: 100%; display: flex; flex-direction: column; gap: 8px; } .Skeletonindex_app-item-skeleton .Skeletonindex_skeleton-line { height: 14px; background: #f5f5f5; border-radius: 4px; } .Skeletonindex_app-item-skeleton .Skeletonindex_skeleton-line.Skeletonindex_short { width: 60%; margin: 0 auto; height: 12px; } /** * QuantumSearch 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 基础样式 ===== */ .QuantumSearchQuantumSearch_quantum-search { position: relative; display: flex; align-items: center; width: 100%; padding: 0 var(--qd-radius-base, 8px); height: 40px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.75)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); border-radius: var(--qd-radius-base, 8px); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-sizing: border-box; } .QuantumSearchQuantumSearch_quantum-search:hover { border-color: rgba(255, 255, 255, 0.08); } .QuantumSearchQuantumSearch_quantum-search:focus-within { border-color: hsl(260, 100%, 65%); box-shadow: 0 0 20px hsla(260, 100%, 65%, 0.3); } /* ===== 搜索图标 ===== */ .QuantumSearchQuantumSearch_search-icon { display: flex; align-items: center; justify-content: center; margin-right: 8px; font-size: 16px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.45)); transition: color 0.25s ease; pointer-events: none; flex-shrink: 0; } .QuantumSearchQuantumSearch_quantum-search:focus-within .QuantumSearchQuantumSearch_search-icon { color: var(--qd-color-primary, hsl(260, 100%, 65%)); } /* ===== 输入框 ===== */ .QuantumSearchQuantumSearch_search-input { flex: 1; height: 100%; min-width: 0; border: none !important; background: transparent !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); outline: none !important; box-shadow: none !important; } .QuantumSearchQuantumSearch_search-input:focus { border: none; outline: none; box-shadow: none; } .QuantumSearchQuantumSearch_search-input::-moz-placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.45)); } .QuantumSearchQuantumSearch_search-input::placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.45)); } .QuantumSearchQuantumSearch_search-input:disabled { cursor: not-allowed; color: var(--qd-text-disabled, rgba(255, 255, 255, 0.25)); } /* ===== 清空按钮 ===== */ .QuantumSearchQuantumSearch_clear-button { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 8px; padding: 0; border: none; background: transparent; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.45)); cursor: pointer; border-radius: 50%; transition: all 0.2s ease; flex-shrink: 0; } .QuantumSearchQuantumSearch_clear-button:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); } .QuantumSearchQuantumSearch_clear-button:active { transform: scale(0.9); } .QuantumSearchQuantumSearch_clear-icon { font-size: 14px; line-height: 1; } /* ===== 加载动画 ===== */ .QuantumSearchQuantumSearch_loading-spinner { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 8px; flex-shrink: 0; } .QuantumSearchQuantumSearch_loading-spinner::before { content: ''; width: 14px; height: 14px; border: 2px solid var(--qd-color-primary, hsl(260, 100%, 65%)); border-top-color: transparent; border-radius: 50%; animation: QuantumSearchQuantumSearch_quantum-search-spin 0.6s linear infinite; } /* ===== 搜索按钮 ===== */ .QuantumSearchQuantumSearch_search-button { margin-left: 8px; flex-shrink: 0; } /* ===== 禁用状态 ===== */ .QuantumSearchQuantumSearch_quantum-search.QuantumSearchQuantumSearch_disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .QuantumSearchQuantumSearch_quantum-search.QuantumSearchQuantumSearch_disabled .QuantumSearchQuantumSearch_search-input { cursor: not-allowed; } /* ===== 尺寸变体 ===== */ /* 小号 */ .QuantumSearchQuantumSearch_size-small { height: 32px; padding: 0 6px; } .QuantumSearchQuantumSearch_size-small .QuantumSearchQuantumSearch_search-icon { font-size: 14px; margin-right: 6px; } .QuantumSearchQuantumSearch_size-small .QuantumSearchQuantumSearch_search-input { font-size: 13px; } .QuantumSearchQuantumSearch_size-small .QuantumSearchQuantumSearch_clear-button { width: 18px; height: 18px; } .QuantumSearchQuantumSearch_size-small .QuantumSearchQuantumSearch_clear-icon { font-size: 12px; } .QuantumSearchQuantumSearch_size-small .QuantumSearchQuantumSearch_loading-spinner { width: 18px; height: 18px; } .QuantumSearchQuantumSearch_size-small .QuantumSearchQuantumSearch_loading-spinner::before { width: 12px; height: 12px; } /* 大号 */ .QuantumSearchQuantumSearch_size-large { height: 48px; padding: 0 12px; } .QuantumSearchQuantumSearch_size-large .QuantumSearchQuantumSearch_search-icon { font-size: 20px; margin-right: 10px; } .QuantumSearchQuantumSearch_size-large .QuantumSearchQuantumSearch_search-input { font-size: 16px; } .QuantumSearchQuantumSearch_size-large .QuantumSearchQuantumSearch_clear-button { width: 24px; height: 24px; } .QuantumSearchQuantumSearch_size-large .QuantumSearchQuantumSearch_clear-icon { font-size: 16px; } .QuantumSearchQuantumSearch_size-large .QuantumSearchQuantumSearch_loading-spinner { width: 24px; height: 24px; } .QuantumSearchQuantumSearch_size-large .QuantumSearchQuantumSearch_loading-spinner::before { width: 16px; height: 16px; } /* ===== 动画定义 ===== */ @keyframes QuantumSearchQuantumSearch_quantum-search-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ===== 浅色主题适配 ===== */ [data-theme="light"] .QuantumSearchQuantumSearch_quantum-search { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.8)); border-color: var(--qd-border-default, rgba(0, 0, 0, 0.1)); } [data-theme="light"] .QuantumSearchQuantumSearch_quantum-search:hover { border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .QuantumSearchQuantumSearch_quantum-search:focus-within { border-color: hsl(260, 100%, 65%); box-shadow: 0 0 16px hsla(260, 100%, 65%, 0.25); } [data-theme="light"] .QuantumSearchQuantumSearch_search-icon { color: var(--qd-text-tertiary, rgba(0, 0, 0, 0.45)); } [data-theme="light"] .QuantumSearchQuantumSearch_search-input { color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); } [data-theme="light"] .QuantumSearchQuantumSearch_search-input::-moz-placeholder { color: var(--qd-text-tertiary, rgba(0, 0, 0, 0.45)); } [data-theme="light"] .QuantumSearchQuantumSearch_search-input::placeholder { color: var(--qd-text-tertiary, rgba(0, 0, 0, 0.45)); } [data-theme="light"] .QuantumSearchQuantumSearch_search-input:disabled { color: var(--qd-text-disabled, rgba(0, 0, 0, 0.25)); } [data-theme="light"] .QuantumSearchQuantumSearch_clear-button { color: var(--qd-text-tertiary, rgba(0, 0, 0, 0.45)); } [data-theme="light"] .QuantumSearchQuantumSearch_clear-button:hover { background: var(--qd-glass-bg-hover, rgba(0, 0, 0, 0.05)); color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); } /** * @file AppListActionBar 样式 * @description 应用列表操作栏样式 * 支持深色/浅色模式 */ /* 操作栏容器 */ .AppListActionBarindex_action-bar { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; margin-bottom: 16px; } /* 左侧按钮组 */ .AppListActionBarindex_left-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } /* 右侧按钮组 */ .AppListActionBarindex_right-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } /* 响应式 */ @media (max-width: 1200px) { .AppListActionBarindex_action-bar { flex-direction: column; align-items: stretch; gap: 16px; } .AppListActionBarindex_left-actions, .AppListActionBarindex_right-actions { justify-content: center; } } /** * @file 应用列表样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ /** * @file 动画定义 * @description V2 通用动画效果 */ @keyframes AppListindex_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes AppListindex_slideInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes AppListindex_scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes AppListindex_skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } @keyframes AppListindex_glow { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } } .AppListindex_animate-fade-in { animation: AppListindex_fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .AppListindex_animate-slide-in-up { animation: AppListindex_slideInUp 0.3s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: backwards; } .AppListindex_animate-scale-in { animation: AppListindex_scaleIn 0.15s cubic-bezier(0, 0, 0.2, 1); } .AppListindex_stagger-animation:nth-child(1) { animation-delay: 0.05s; } .AppListindex_stagger-animation:nth-child(2) { animation-delay: 0.1s; } .AppListindex_stagger-animation:nth-child(3) { animation-delay: 0.15s; } .AppListindex_stagger-animation:nth-child(4) { animation-delay: 0.2s; } .AppListindex_stagger-animation:nth-child(5) { animation-delay: 0.25s; } .AppListindex_stagger-animation:nth-child(n+6) { animation-delay: 0.3s; } .AppListindex_app-list-container { padding-bottom: 8px; } .AppListindex_section-title { font-size: 18px; font-weight: 600; color: rgba(0, 0, 0, 0.85); margin: 0 0 16px 0; } .AppListindex_robot-list { margin-bottom: 40px; } .AppListindex_robot-list-items { display: flex; flex-direction: column; gap: 12px; } .AppListindex_robot-list-items > div { animation: AppListindex_slideInUp 0.3s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: backwards; } .AppListindex_robot-list-items > div:nth-child(1) { animation-delay: 0.05s; } .AppListindex_robot-list-items > div:nth-child(2) { animation-delay: 0.1s; } .AppListindex_robot-list-items > div:nth-child(3) { animation-delay: 0.15s; } .AppListindex_robot-list-items > div:nth-child(4) { animation-delay: 0.2s; } .AppListindex_robot-list-items > div:nth-child(5) { animation-delay: 0.25s; } .AppListindex_robot-list-items > div:nth-child(n+6) { animation-delay: 0.3s; } .AppListindex_normal-apps { margin-bottom: 0; } .AppListindex_empty-state { text-align: center; padding: 80px 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; } /** * @file 回退按钮样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .LegacyFallbackindex_legacy-fallback { color: rgba(0, 0, 0, 0.65); } .LegacyFallbackindex_legacy-fallback:hover { color: #7c4dff; } /** * @file 应用中心 V2 样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .V2AppCenterV2_app-center-v2 { width: 100vw; margin-left: calc(-50vw + 50%); padding: 0 24px; background: #f5f5f5; } .V2AppCenterV2_app-center-header { display: flex; justify-content: space-between; align-items: center; border-radius: 8px; padding: 10px 32px; background: #ffffff; border-bottom: 1px solid #e8e8e8; } .V2AppCenterV2_app-center-header .V2AppCenterV2_page-title { font-size: 24px; font-weight: 600; color: rgba(0, 0, 0, 0.85); margin: 0; } .V2AppCenterV2_pagination-wrapper { display: flex; align-items: center; justify-content: center; padding: 0 32px; gap: 16px; } .V2AppCenterV2_pagination-wrapper .pagination-total { font-size: 14px; color: rgba(0, 0, 0, 0.65); } .V2AppCenterV2_error-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; margin: 32px; background: #ffffff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .V2AppCenterV2_error-state p { font-size: 16px; color: rgba(0, 0, 0, 0.65); margin-bottom: 24px; } /** * @file 详情页头部样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .DetailHeaderindex_detail-header { display: flex; align-items: center; padding: 16px 24px; background: #ffffff; border-bottom: 1px solid #e8e8e8; position: sticky; top: 0; z-index: 100; border-radius: 8px; } .DetailHeaderindex_header-left { display: flex; align-items: center; gap: 8px; flex: 1; } .DetailHeaderindex_header-center { text-align: center; flex: 2; } .DetailHeaderindex_app-name { font-size: 18px; font-weight: 500; color: rgba(0, 0, 0, 0.85); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .DetailHeaderindex_header-right { flex: 1; } @media (max-width: 768px) { .DetailHeaderindex_detail-header { padding: 8px 16px; } .DetailHeaderindex_app-name { font-size: 16px; } } /** * @file 主容器样式 */ /* 基础类名使用 global，不被 CSS Modules 转换 */ .quantum-edit-form { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; line-height: 1.5; display: flex; flex-direction: column; gap: 24px; width: 100%; padding: 24px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 12px); box-shadow: var(--qd-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.4)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); box-sizing: border-box; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease, opacity 0.12s ease; } /* ===== 玻璃态强度修饰符 ===== */ .glass-intensity-light { background: var(--qd-glass-light-bg, var(--qd-glass-bg)); border-color: var(--qd-glass-light-border, var(--qd-glass-border)); } @supports (backdrop-filter: blur(1px)) { .glass-intensity-light { backdrop-filter: blur(var(--qd-glass-light-blur, 10px)); -webkit-backdrop-filter: blur(var(--qd-glass-light-blur, 10px)); } } .glass-intensity-medium { background: var(--qd-glass-medium-bg, var(--qd-glass-bg)); border-color: var(--qd-glass-medium-border, var(--qd-glass-border)); } @supports (backdrop-filter: blur(1px)) { .glass-intensity-medium { backdrop-filter: blur(var(--qd-glass-medium-blur, 20px)); -webkit-backdrop-filter: blur(var(--qd-glass-medium-blur, 20px)); } } .glass-intensity-strong { background: var(--qd-glass-strong-bg, var(--qd-glass-bg)); border-color: var(--qd-glass-strong-border, var(--qd-glass-border)); } @supports (backdrop-filter: blur(1px)) { .glass-intensity-strong { backdrop-filter: blur(var(--qd-glass-strong-blur, 30px)); -webkit-backdrop-filter: blur(var(--qd-glass-strong-blur, 30px)); } } /* Fallback - 不支持 backdrop-filter 的浏览器 */ @supports not (backdrop-filter: blur(1px)) { .glass-intensity-light, .glass-intensity-medium, .glass-intensity-strong { background: var(--qd-glass-strong-bg, var(--qd-glass-bg)); } } /* ===== 点击动画修饰符 ===== */ /* 启用点击动画 - 更快的响应时间 */ .QuantumEditFormQuantumEditForm_quantum-edit-form.press-animation-true { transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease, opacity 0.12s ease; } /* 默认中等强度 - 点击效果 */ .QuantumEditFormQuantumEditForm_quantum-edit-form.press-animation-true:active { transform: scale(var(--qd-press-medium-scale, 0.96)) !important; opacity: var(--qd-press-medium-opacity, 0.8) !important; } /* 轻微动画 */ .QuantumEditFormQuantumEditForm_quantum-edit-form.press-animation-true.press-intensity-subtle:active { transform: scale(var(--qd-press-subtle-scale, 0.99)) !important; opacity: var(--qd-press-subtle-opacity, 0.9) !important; } /* 强度动画 */ .QuantumEditFormQuantumEditForm_quantum-edit-form.press-animation-true.press-intensity-strong:active { transform: scale(var(--qd-press-strong-scale, 0.94)) !important; opacity: var(--qd-press-strong-opacity, 0.7) !important; } /* 禁用动画 - 不响应点击 */ .QuantumEditFormQuantumEditForm_quantum-edit-form.press-animation-false:active { transform: none !important; opacity: 1 !important; } /* ===== 响应式适配 ===== */ @media (max-width: 768px) { .QuantumEditFormQuantumEditForm_quantum-edit-form { padding: 16px; gap: 16px; } } /** * @file 分组容器样式 */ .QuantumEditFormFormGroup_form-group { margin-bottom: 24px; padding: 24px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 16px); backdrop-filter: blur(12px); } .QuantumEditFormFormGroup_form-group:last-child { margin-bottom: 0; } .QuantumEditFormFormGroup_group-title { font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); text-align: left; display: block !important; } .QuantumEditFormFormGroup_group-fields { display: flex; flex-direction: column; gap: 20px; } /* 响应式适配 */ @media (max-width: 768px) { .QuantumEditFormFormGroup_form-group { padding: 16px; border-radius: var(--qd-radius-base, 12px); } .QuantumEditFormFormGroup_group-title { font-size: 16px; margin-bottom: 16px; } .QuantumEditFormFormGroup_group-fields { gap: 16px; } } /** * @file 单行输入框组件样式 */ .itemsInputItem_input-item { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsInputItem_input-item:last-child { border-bottom: none; } /* 查看态容器 - 添加过渡动画 */ .itemsInputItem_view-mode-container { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; transform: translateY(0); } /* 编辑态容器 - 添加过渡动画 */ .itemsInputItem_edit-mode-container { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); animation: itemsInputItem_expand-edit 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* 编辑状态切换动画 */ @keyframes itemsInputItem_expand-edit { 0% { opacity: 0; transform: translateY(-8px); max-height: 40px; } 100% { opacity: 1; transform: translateY(0); max-height: 200px; } } /* 查看态进入动画 */ @keyframes itemsInputItem_collapse-view { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } } /* 当从编辑态切换回查看态时应用 */ .itemsInputItem_view-mode-container.itemsInputItem_mode-transition { animation: itemsInputItem_collapse-view 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .itemsInputItem_input-item-editing { align-items: flex-start; } .itemsInputItem_item-label { flex-shrink: 0; width: 140px !important; min-width: 140px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)) !important; line-height: 34px !important; } .itemsInputItem_required-mark { color: var(--qd-error, #ff4d4f); margin-left: 2px; } .itemsInputItem_item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; } .itemsInputItem_view-value { font-size: 14px !important; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)) !important; word-break: break-all !important; line-height: 34px !important; } .itemsInputItem_view-placeholder { font-size: 14px !important; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.4)) !important; line-height: 34px !important; } .itemsInputItem_tip-text { font-size: 12px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin-left: 8px; } .itemsInputItem_edit-icon-wrapper { flex-shrink: 0 !important; width: 32px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; border-radius: var(--qd-radius-sm, 4px) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)) !important; position: relative; overflow: hidden; /* 编辑图标入场动画 */ } .itemsInputItem_edit-icon-wrapper:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); color: var(--qd-color-primary, hsl(260, 100%, 65%)); transform: scale(1.05); } .itemsInputItem_edit-icon-wrapper:active { transform: scale(0.95); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.12)); } .itemsInputItem_edit-icon-wrapper::before { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(circle at center, var(--qd-color-primary, hsl(260, 100%, 65%)) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .itemsInputItem_edit-icon-wrapper:hover::before { opacity: 0.1; } .itemsInputItem_edit-icon-wrapper:active::before { opacity: 0.2; } .itemsInputItem_input-field { width: 100% !important; height: 34px !important; padding: 8px 12px !important; font-size: 14px !important; font-family: inherit !important; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)) !important; background: var(--qd-bg-tertiary, hsl(240, 10%, 12%)) !important; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)) !important; border-radius: 6px !important; outline: none !important; transition: all 0.2s ease !important; box-sizing: border-box !important; } .itemsInputItem_input-field:focus { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)) !important; } .itemsInputItem_input-field:hover:not(:focus) { border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)) !important; } .itemsInputItem_input-field::-moz-placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } .itemsInputItem_input-field::placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } .itemsInputItem_input-field:disabled { opacity: 0.5; cursor: not-allowed; } .itemsInputItem_input-field-error { border-color: #ff4d4f !important; } .itemsInputItem_input-field-error:focus { border-color: #ff4d4f !important; box-shadow: 0 0 0 2px hsla(0, 100%, 65%, 0.15); } .itemsInputItem_error-message { font-size: 12px; color: #ff4d4f; margin-top: 4px; } .itemsInputItem_description { font-size: 12px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin-top: 4px; } .itemsInputItem_button-group { display: flex; gap: 8px; margin-top: 8px; } .itemsInputItem_save-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: #ffffff; background: var(--qd-color-primary, hsl(260, 100%, 65%)); border: none; border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsInputItem_save-button:hover:not(:disabled) { background: var(--qd-color-primary-hover, hsl(260, 100%, 70%)); } .itemsInputItem_save-button:disabled { opacity: 0.5; cursor: not-allowed; } .itemsInputItem_cancel-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: transparent; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsInputItem_cancel-button:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)); } .itemsInputItem_loading-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: itemsInputItem_spin 0.8s linear infinite; margin-right: 4px; vertical-align: middle; } @keyframes itemsInputItem_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 响应式适配 - 保持横向布局 */ @media (max-width: 768px) { .itemsInputItem_input-item { gap: 12px; } .itemsInputItem_item-label { width: 100px; min-width: 100px; font-size: 13px; } } /** * @file 编辑图标样式 */ .iconsEditIcon-module_edit-icon { display: inline-block; vertical-align: middle; cursor: pointer; transition: color 0.3s ease; } .iconsEditIcon-module_edit-icon:hover { opacity: 0.8; } /** * @file 多行文本域组件样式 */ .itemsTextareaItem_textarea-item { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsTextareaItem_textarea-item:last-child { border-bottom: none; } /* 查看态容器 - 添加过渡动画 */ .itemsTextareaItem_view-mode-container { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; transform: translateY(0); } /* 编辑态容器 - 添加过渡动画 */ .itemsTextareaItem_edit-mode-container { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); animation: itemsTextareaItem_expand-edit 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* 编辑状态切换动画 */ @keyframes itemsTextareaItem_expand-edit { 0% { opacity: 0; transform: translateY(-8px); max-height: 40px; } 100% { opacity: 1; transform: translateY(0); max-height: 300px; } } .itemsTextareaItem_textarea-item-editing { align-items: flex-start; } .itemsTextareaItem_item-label { flex-shrink: 0; width: 140px; min-width: 140px; font-size: 14px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 40px; } .itemsTextareaItem_item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; } .itemsTextareaItem_view-value { font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); word-break: break-all; line-height: 40px; } .itemsTextareaItem_view-placeholder { font-size: 14px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.4)); line-height: 40px; } .itemsTextareaItem_tip-text { font-size: 12px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin-left: 8px; } .itemsTextareaItem_edit-icon-wrapper { flex-shrink: 0; width: 32px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--qd-radius-sm, 4px); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); position: relative; overflow: hidden; /* 编辑图标入场动画 */ } .itemsTextareaItem_edit-icon-wrapper:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); color: var(--qd-color-primary, hsl(260, 100%, 65%)); transform: scale(1.05); } .itemsTextareaItem_edit-icon-wrapper:active { transform: scale(0.95); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.12)); } .itemsTextareaItem_edit-icon-wrapper::before { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(circle at center, var(--qd-color-primary, hsl(260, 100%, 65%)) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .itemsTextareaItem_edit-icon-wrapper:hover::before { opacity: 0.1; } .itemsTextareaItem_edit-icon-wrapper:active::before { opacity: 0.2; } .itemsTextareaItem_textarea-field { width: 100%; height: 80px; padding: 12px; font-size: 14px; font-family: inherit; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: var(--qd-bg-tertiary, hsl(240, 10%, 12%)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); border-radius: 6px; outline: none; transition: all 0.2s ease; box-sizing: border-box; resize: vertical; line-height: 1.5; } .itemsTextareaItem_textarea-field:focus { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); } .itemsTextareaItem_textarea-field:hover:not(:focus) { border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)); } .itemsTextareaItem_textarea-field::-moz-placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } .itemsTextareaItem_textarea-field::placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } .itemsTextareaItem_textarea-field:disabled { opacity: 0.5; cursor: not-allowed; } .itemsTextareaItem_textarea-field-error { border-color: #ff4d4f !important; } .itemsTextareaItem_textarea-field-error:focus { border-color: #ff4d4f !important; box-shadow: 0 0 0 2px hsla(0, 100%, 65%, 0.15); } .itemsTextareaItem_error-message { font-size: 12px; color: #ff4d4f; margin-top: 4px; } .itemsTextareaItem_description { font-size: 12px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin-top: 4px; } .itemsTextareaItem_button-group { display: flex; gap: 8px; margin-top: 8px; } .itemsTextareaItem_save-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: #ffffff; background: var(--qd-color-primary, hsl(260, 100%, 65%)); border: none; border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsTextareaItem_save-button:hover:not(:disabled) { background: var(--qd-color-primary-hover, hsl(260, 100%, 70%)); } .itemsTextareaItem_save-button:disabled { opacity: 0.5; cursor: not-allowed; } .itemsTextareaItem_cancel-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: transparent; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsTextareaItem_cancel-button:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)); } .itemsTextareaItem_loading-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: itemsTextareaItem_spin 0.8s linear infinite; margin-right: 4px; vertical-align: middle; } @keyframes itemsTextareaItem_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 响应式适配 - 保持横向布局 */ @media (max-width: 768px) { .itemsTextareaItem_textarea-item { gap: 12px; } .itemsTextareaItem_item-label { width: 100px; min-width: 100px; font-size: 13px; } } /** * @file 单选组件样式 */ .itemsRadioItem_radio-item { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsRadioItem_radio-item:last-child { border-bottom: none; } /* 查看态容器 - 添加过渡动画 */ .itemsRadioItem_view-mode-container { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; transform: translateY(0); } /* 编辑态容器 - 添加过渡动画 */ .itemsRadioItem_edit-mode-container { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); animation: itemsRadioItem_expand-edit 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* 编辑状态切换动画 */ @keyframes itemsRadioItem_expand-edit { 0% { opacity: 0; transform: translateY(-8px); max-height: 40px; } 100% { opacity: 1; transform: translateY(0); max-height: 500px; } } .itemsRadioItem_radio-item-editing { align-items: flex-start; } .itemsRadioItem_item-label { flex-shrink: 0; width: 140px; min-width: 140px; font-size: 14px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 40px; } .itemsRadioItem_item-content { flex: 1; min-width: 0; } .itemsRadioItem_view-value { font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); line-height: 40px; } .itemsRadioItem_edit-icon-wrapper { flex-shrink: 0; width: 32px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--qd-radius-sm, 4px); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); position: relative; overflow: hidden; /* 编辑图标入场动画 */ } .itemsRadioItem_edit-icon-wrapper:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); color: var(--qd-color-primary, hsl(260, 100%, 65%)); transform: scale(1.05); } .itemsRadioItem_edit-icon-wrapper:active { transform: scale(0.95); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.12)); } .itemsRadioItem_edit-icon-wrapper::before { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(circle at center, var(--qd-color-primary, hsl(260, 100%, 65%)) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .itemsRadioItem_edit-icon-wrapper:hover::before { opacity: 0.1; } .itemsRadioItem_edit-icon-wrapper:active::before { opacity: 0.2; } .itemsRadioItem_radio-options-horizontal { display: flex; flex-wrap: wrap; gap: 16px; } .itemsRadioItem_radio-options-vertical { display: flex; flex-direction: column; gap: 12px; } .itemsRadioItem_radio-option { display: flex; align-items: center; gap: 8px; cursor: pointer; min-height: 32px; } .itemsRadioItem_radio-option-vertical { align-items: flex-start; min-height: auto; } .itemsRadioItem_radio-option-vertical .itemsRadioItem_option-label { padding-top: 2px; } .itemsRadioItem_radio-input { width: 16px; height: 16px; border: 2px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); border-radius: 50%; background: transparent; cursor: pointer; position: relative; transition: all 0.3s ease; flex-shrink: 0; align-self: center; } .itemsRadioItem_radio-input:checked { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); } .itemsRadioItem_radio-input:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: var(--qd-color-primary, hsl(260, 100%, 65%)); border-radius: 50%; } .itemsRadioItem_option-label { font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); cursor: pointer; line-height: 20px; align-self: center; } .itemsRadioItem_option-description { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin-top: 4px; padding-left: 24px; } .itemsRadioItem_option-description-horizontal { margin-top: 8px; } .itemsRadioItem_error-message { font-size: 12px; color: #ff4d4f; margin-top: 8px; } .itemsRadioItem_button-group { display: flex; gap: 8px; margin-top: 12px; } .itemsRadioItem_save-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: #ffffff; background: var(--qd-color-primary, hsl(260, 100%, 65%)); border: none; border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsRadioItem_save-button:hover:not(:disabled) { background: var(--qd-color-primary-hover, hsl(260, 100%, 70%)); } .itemsRadioItem_save-button:disabled { opacity: 0.5; cursor: not-allowed; } .itemsRadioItem_cancel-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: transparent; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsRadioItem_cancel-button:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)); } .itemsRadioItem_loading-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: itemsRadioItem_spin 0.8s linear infinite; margin-right: 4px; vertical-align: middle; } @keyframes itemsRadioItem_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 响应式适配 - 保持横向布局 */ @media (max-width: 768px) { .itemsRadioItem_radio-item { gap: 12px; } .itemsRadioItem_item-label { width: 100px; min-width: 100px; font-size: 13px; } } /** * QuantumRadio 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 隐藏原生 radio ===== */ .QuantumRadioQuantumRadio_quantum-radio-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ===== Wrapper ===== */ .QuantumRadioQuantumRadio_quantum-radio-wrapper { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; } /* ===== Radio Circle（圆形） ===== */ .QuantumRadioQuantumRadio_quantum-radio-circle { position: relative; width: 20px; height: 20px; border: 2px solid var(--qd-border-default, rgba(255, 255, 255, 0.12)); border-radius: 50%; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.06)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; /* 内圆（选中态的白色圆点） */ } .QuantumRadioQuantumRadio_quantum-radio-circle::before { content: ''; position: absolute; inset: 4px; background: #ffffff; border-radius: 50%; opacity: 0; transform: scale(0); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); } /* ===== Label ===== */ .QuantumRadioQuantumRadio_quantum-radio-label { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.92)); line-height: 1.4; } /* ===== Hover 状态 ===== */ .QuantumRadioQuantumRadio_quantum-radio-wrapper:hover .QuantumRadioQuantumRadio_quantum-radio-circle { border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.25)); } /* ===== Checked（选中状态） ===== */ .QuantumRadioQuantumRadio_quantum-radio-wrapper.QuantumRadioQuantumRadio_checked .QuantumRadioQuantumRadio_quantum-radio-circle { border-color: transparent; background: linear-gradient(135deg, hsl(260, 100%, 65%), hsl(240, 100%, 70%), hsl(220, 100%, 65%)); } .QuantumRadioQuantumRadio_quantum-radio-wrapper.QuantumRadioQuantumRadio_checked .QuantumRadioQuantumRadio_quantum-radio-circle::before { opacity: 1; transform: scale(1); } /* ===== Disabled（禁用状态） ===== */ .QuantumRadioQuantumRadio_quantum-radio-wrapper.QuantumRadioQuantumRadio_disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } /* ===== Size: Small ===== */ .QuantumRadioQuantumRadio_quantum-radio-wrapper.QuantumRadioQuantumRadio_size-small .QuantumRadioQuantumRadio_quantum-radio-circle { width: 16px; height: 16px; } .QuantumRadioQuantumRadio_quantum-radio-wrapper.QuantumRadioQuantumRadio_size-small .QuantumRadioQuantumRadio_quantum-radio-circle::before { inset: 3px; } .QuantumRadioQuantumRadio_quantum-radio-wrapper.QuantumRadioQuantumRadio_size-small .QuantumRadioQuantumRadio_quantum-radio-label { font-size: 12px; } /* ===== Focus 可见性（键盘导航） ===== */ .QuantumRadioQuantumRadio_quantum-radio-input:focus-visible ~ .QuantumRadioQuantumRadio_quantum-radio-circle { outline: 2px solid hsl(240, 100%, 70%); outline-offset: 2px; } /* ===== RadioGroup 布局 ===== */ .QuantumRadioQuantumRadio_quantum-radio-group { display: flex; flex-wrap: wrap; gap: 16px; } .QuantumRadioQuantumRadio_quantum-radio-group.QuantumRadioQuantumRadio_horizontal { flex-direction: row; align-items: center; } .QuantumRadioQuantumRadio_quantum-radio-group.QuantumRadioQuantumRadio_vertical { flex-direction: column; gap: 12px; } /** * @file 多选组件样式 */ .itemsCheckboxItem_checkbox-item { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsCheckboxItem_checkbox-item:last-child { border-bottom: none; } /* 查看态容器 - 添加过渡动画 */ .itemsCheckboxItem_view-mode-container { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; transform: translateY(0); } /* 编辑态容器 - 添加过渡动画 */ .itemsCheckboxItem_edit-mode-container { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); animation: itemsCheckboxItem_expand-edit 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* 编辑状态切换动画 */ @keyframes itemsCheckboxItem_expand-edit { 0% { opacity: 0; transform: translateY(-8px); max-height: 40px; } 100% { opacity: 1; transform: translateY(0); max-height: 600px; } } .itemsCheckboxItem_checkbox-item-editing { align-items: flex-start; } .itemsCheckboxItem_item-label { flex-shrink: 0; width: 140px; min-width: 140px; font-size: 14px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 40px; } .itemsCheckboxItem_item-content { flex: 1; min-width: 0; } .itemsCheckboxItem_view-value { font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); line-height: 40px; } .itemsCheckboxItem_edit-icon-wrapper { flex-shrink: 0; width: 32px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--qd-radius-sm, 4px); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); position: relative; overflow: hidden; /* 编辑图标入场动画 */ } .itemsCheckboxItem_edit-icon-wrapper:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); color: var(--qd-color-primary, hsl(260, 100%, 65%)); transform: scale(1.05); } .itemsCheckboxItem_edit-icon-wrapper:active { transform: scale(0.95); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.12)); } .itemsCheckboxItem_edit-icon-wrapper::before { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(circle at center, var(--qd-color-primary, hsl(260, 100%, 65%)) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .itemsCheckboxItem_edit-icon-wrapper:hover::before { opacity: 0.1; } .itemsCheckboxItem_edit-icon-wrapper:active::before { opacity: 0.2; } .itemsCheckboxItem_checkbox-options-horizontal { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; } .itemsCheckboxItem_checkbox-options-vertical { display: flex; flex-direction: column; gap: 12px; } .itemsCheckboxItem_checkbox-option { display: inline-flex; align-items: center; gap: 8px; cursor: default; min-height: 32px; width: -moz-fit-content; width: fit-content; max-width: 100%; } .itemsCheckboxItem_checkbox-option-vertical { align-items: flex-start; min-height: auto; } .itemsCheckboxItem_checkbox-option-vertical .itemsCheckboxItem_option-label { padding-top: 2px; } .itemsCheckboxItem_checkbox-input { width: 16px; height: 16px; border: 2px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); border-radius: 4px; background: transparent; cursor: pointer; position: relative; transition: all 0.3s ease; flex-shrink: 0; align-self: center; } .itemsCheckboxItem_checkbox-input:checked { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); } .itemsCheckboxItem_checkbox-input:checked::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 10px; font-weight: bold; } .itemsCheckboxItem_option-label { font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); cursor: pointer; line-height: 20px; align-self: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding-right: 4px; } .itemsCheckboxItem_option-description { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin-top: 4px; padding-left: 24px; cursor: default; } .itemsCheckboxItem_option-description-horizontal { margin-top: 8px; } .itemsCheckboxItem_error-message { font-size: 12px; color: #ff4d4f; margin-top: 8px; } .itemsCheckboxItem_button-group { display: flex; gap: 8px; margin-top: 12px; } .itemsCheckboxItem_save-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: #ffffff; background: var(--qd-color-primary, hsl(260, 100%, 65%)); border: none; border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsCheckboxItem_save-button:hover:not(:disabled) { background: var(--qd-color-primary-hover, hsl(260, 100%, 70%)); } .itemsCheckboxItem_save-button:disabled { opacity: 0.5; cursor: not-allowed; } .itemsCheckboxItem_cancel-button { padding: 6px 16px; font-size: 14px; font-weight: 500; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: transparent; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); border-radius: var(--qd-radius-sm, 4px); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 32px; line-height: 1; } .itemsCheckboxItem_cancel-button:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.08)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.12)); } .itemsCheckboxItem_loading-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: itemsCheckboxItem_spin 0.8s linear infinite; margin-right: 4px; vertical-align: middle; } @keyframes itemsCheckboxItem_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 响应式适配 - 保持横向布局 */ @media (max-width: 768px) { .itemsCheckboxItem_checkbox-item { gap: 12px; } .itemsCheckboxItem_item-label { width: 100px; min-width: 100px; font-size: 13px; } } /** * QuantumCheckbox 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 隐藏原生 checkbox ===== */ .QuantumCheckboxQuantumCheckbox_quantum-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; } /* ===== Wrapper ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; } /* ===== Checkbox Box（方框） ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-box { position: relative; width: 20px; height: 20px; border: 2px solid var(--qd-border-default, rgba(255, 255, 255, 0.12)); border-radius: 6px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.06)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; display: flex; align-items: center; justify-content: center; } /* ===== 勾选图标 ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-icon { width: 12px; height: 12px; color: #ffffff; opacity: 0; transform: scale(0); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); } /* ===== Label ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-label { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.92)); line-height: 1.4; } /* ===== Hover 状态 ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper:hover .QuantumCheckboxQuantumCheckbox_quantum-checkbox-box { border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.25)); } /* ===== Checked（选中状态） ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper.QuantumCheckboxQuantumCheckbox_checked .QuantumCheckboxQuantumCheckbox_quantum-checkbox-box { border-color: transparent; background: linear-gradient(135deg, hsl(260, 100%, 65%), hsl(240, 100%, 70%), hsl(220, 100%, 65%)); } .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper.QuantumCheckboxQuantumCheckbox_checked .QuantumCheckboxQuantumCheckbox_quantum-checkbox-icon { opacity: 1; transform: scale(1); } /* ===== Disabled（禁用状态） ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper.QuantumCheckboxQuantumCheckbox_disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } /* ===== Size: Small ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper.QuantumCheckboxQuantumCheckbox_size-small .QuantumCheckboxQuantumCheckbox_quantum-checkbox-box { width: 16px; height: 16px; border-radius: 4px; } .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper.QuantumCheckboxQuantumCheckbox_size-small .QuantumCheckboxQuantumCheckbox_quantum-checkbox-icon { width: 10px; height: 10px; } .QuantumCheckboxQuantumCheckbox_quantum-checkbox-wrapper.QuantumCheckboxQuantumCheckbox_size-small .QuantumCheckboxQuantumCheckbox_quantum-checkbox-label { font-size: 12px; } /* ===== Focus 可见性（键盘导航） ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-input:focus-visible ~ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-box { outline: 2px solid hsl(240, 100%, 70%); outline-offset: 2px; } /* ===== CheckboxGroup 布局 ===== */ .QuantumCheckboxQuantumCheckbox_quantum-checkbox-group { display: flex; flex-wrap: wrap; gap: 16px; } .QuantumCheckboxQuantumCheckbox_quantum-checkbox-group.QuantumCheckboxQuantumCheckbox_horizontal { flex-direction: row; align-items: center; } .QuantumCheckboxQuantumCheckbox_quantum-checkbox-group.QuantumCheckboxQuantumCheckbox_vertical { flex-direction: column; gap: 12px; } /** * @file 图片上传组件样式 * @description 支持圆形/方形预览 + 替换过渡动画 + 成功发光效果 */ .itemsImageUploadItem_image-upload-item { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsImageUploadItem_image-upload-item:last-child { border-bottom: none; } .itemsImageUploadItem_item-label { flex-shrink: 0; width: 140px; min-width: 140px; font-size: 14px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 80px; } .itemsImageUploadItem_item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; } .itemsImageUploadItem_image-content-wrapper { display: flex; align-items: center; gap: 16px; } /* ===== 预览区域 ===== */ .itemsImageUploadItem_image-preview { position: relative; width: 80px; height: 80px; border-radius: 8px; background: var(--qd-bg-tertiary, hsl(240, 10%, 12%)); overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); transition: border-color 0.3s ease, box-shadow 0.3s ease; } /* 圆形预览 */ .itemsImageUploadItem_image-preview_circle { border-radius: 50%; } /* 上传中 - 边框旋转渐变 */ .itemsImageUploadItem_image-preview_loading { border-color: transparent; box-shadow: 0 0 0 2px var(--qd-bg-tertiary, hsl(240, 10%, 12%)), 0 0 0 4px transparent; animation: itemsImageUploadItem_loadingRing 1.2s linear infinite; } /* 成功发光 */ .itemsImageUploadItem_image-preview_glow { box-shadow: 0 0 0 3px hsla(260, 100%, 65%, 0.6), 0 0 12px hsla(260, 100%, 65%, 0.3); border-color: hsl(260, 100%, 65%); animation: itemsImageUploadItem_glowPulse 0.6s ease-out forwards; } /* ===== 图片元素 ===== */ .itemsImageUploadItem_image-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; animation: itemsImageUploadItem_imageFadeIn 300ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } .itemsImageUploadItem_image-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } .itemsImageUploadItem_image-description { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin-top: 8px; } /* ===== 上传链接 ===== */ .itemsImageUploadItem_upload-link { font-size: 14px; color: var(--qd-color-primary, hsl(260, 100%, 65%)); cursor: pointer; transition: all 0.2s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; align-items: center; gap: 6px; } .itemsImageUploadItem_upload-link:hover { color: var(--qd-color-primary-light, hsl(260, 100%, 75%)); text-decoration: underline; } .itemsImageUploadItem_upload-link:empty { pointer-events: none; } /* ===== Loading Spinner ===== */ .itemsImageUploadItem_loading-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: var(--qd-color-primary, hsl(260, 100%, 65%)); border-radius: 50%; animation: itemsImageUploadItem_spin 0.8s linear infinite; } /* ===== 关键帧动画 ===== */ /* 图片入场：淡入 + 微缩放 */ @keyframes itemsImageUploadItem_imageFadeIn { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } } /* 上传中边框旋转 */ @keyframes itemsImageUploadItem_loadingRing { 0% { box-shadow: 0 0 0 2px var(--qd-bg-tertiary, hsl(240, 10%, 12%)), 0 0 0 4px hsl(260, 100%, 65%); } 33% { box-shadow: 0 0 0 2px var(--qd-bg-tertiary, hsl(240, 10%, 12%)), 0 0 0 4px hsl(240, 100%, 70%); } 66% { box-shadow: 0 0 0 2px var(--qd-bg-tertiary, hsl(240, 10%, 12%)), 0 0 0 4px hsl(220, 100%, 65%); } 100% { box-shadow: 0 0 0 2px var(--qd-bg-tertiary, hsl(240, 10%, 12%)), 0 0 0 4px hsl(260, 100%, 65%); } } /* 成功发光脉冲 */ @keyframes itemsImageUploadItem_glowPulse { 0% { box-shadow: 0 0 0 3px hsla(260, 100%, 65%, 0.6), 0 0 12px hsla(260, 100%, 65%, 0.3); } 100% { box-shadow: 0 0 0 0px hsla(260, 100%, 65%, 0), 0 0 0px hsla(260, 100%, 65%, 0); } } /* Spinner 旋转 */ @keyframes itemsImageUploadItem_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 响应式适配 - 保持横向布局 */ @media (max-width: 768px) { .itemsImageUploadItem_image-upload-item { gap: 12px; } .itemsImageUploadItem_item-label { width: 100px; min-width: 100px; font-size: 13px; } } /** * @file 自定义组件样式 * 使用与其他字段项相同的结构，保证对齐一致 */ .itemsCustomItem_custom-item { display: flex; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsCustomItem_custom-item:last-child { border-bottom: none; } /* 查看态容器 */ .itemsCustomItem_view-mode-container { display: flex; align-items: center; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } .itemsCustomItem_view-mode-container:last-child { border-bottom: none; } /* 编辑态容器 */ .itemsCustomItem_edit-mode-container { display: flex; flex-direction: column; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); } /* 字段标签 */ .itemsCustomItem_item-label { flex-shrink: 0; width: 140px; min-width: 140px; font-size: 14px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 40px; } /* 字段内容区域 */ .itemsCustomItem_item-content { flex: 1; min-width: 0; } /** * @file 上传图标样式 */ .iconsUploadIcon-module_upload-icon { display: inline-block; vertical-align: middle; cursor: pointer; transition: color 0.3s ease; } .iconsUploadIcon-module_upload-icon:hover { opacity: 0.8; } /** * @file QuantumIcon 组件样式 * @description 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 基础样式 ===== */ .quantum-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; line-height: 1; color: inherit; transition: color 0.2s ease; flex-shrink: 0; /* SVG 基础样式 */ } .quantum-icon svg { width: 1em; height: 1em; display: block; transition: all 0.2s ease; } /* ===== 尺寸变体 ===== */ .quantum-icon[data-size="small"] { font-size: 14px; } .quantum-icon[data-size="medium"] { font-size: 16px; } .quantum-icon[data-size="large"] { font-size: 20px; } /* ===== Outlined 风格 ===== */ .quantum-icon[data-type="outlined"] svg { fill: currentColor; } /* ===== Filled 风格 ===== */ .quantum-icon[data-type="filled"] svg { fill: currentColor; stroke: none; } /* ===== TwoTone 风格 ===== */ .quantum-icon[data-type="twoTone"] { --icon-secondary: rgba(255, 255, 255, 0.1); } .quantum-icon[data-type="twoTone"] svg .QuantumIconQuantumIcon-module_icon-primary { fill: currentColor; } .quantum-icon[data-type="twoTone"] svg .QuantumIconQuantumIcon-module_icon-secondary { fill: var(--icon-secondary); } /* 浅色模式 */ [data-theme="light"] .quantum-icon[data-type="twoTone"] { --icon-secondary: rgba(0, 0, 0, 0.08); } /* ===== 旋转动画 ===== */ .quantum-icon[data-spin="true"] svg { animation: QuantumIconQuantumIcon-module_icon-spin 1s linear infinite; } @keyframes QuantumIconQuantumIcon-module_icon-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /** * @file QuantumIcon 测试页面样式 * @description 测试页面的布局和样式 */ .QuantumIconIconTestPage_test-page { min-height: 100vh; padding: 20px 40px; background: var(--bg-primary, #0a0a14); color: var(--text-primary, rgba(255, 255, 255, 0.95)); /* 浅色模式 */ } [data-theme="light"] .QuantumIconIconTestPage_test-page { background: #f5f5f5; color: rgba(0, 0, 0, 0.9); } /* ===== 头部区域 ===== */ .QuantumIconIconTestPage_header { text-align: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid var(--border-default, rgba(255, 255, 255, 0.1)); } [data-theme="light"] .QuantumIconIconTestPage_header { border-bottom-color: rgba(0, 0, 0, 0.1); } .QuantumIconIconTestPage_header h1 { font-size: 28px; font-weight: 700; margin: 0 0 8px 0; } .QuantumIconIconTestPage_header p { font-size: 14px; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); margin: 0; } [data-theme="light"] .QuantumIconIconTestPage_header p { color: rgba(0, 0, 0, 0.65); } /* ===== 主题切换 ===== */ .QuantumIconIconTestPage_theme-toggle { display: flex; justify-content: center; gap: 12px; margin-top: 16px; } .QuantumIconIconTestPage_theme-btn { display: flex; align-items: center; gap: 8px; padding: 10px 20px; background: var(--glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1)); border-radius: 8px; color: var(--text-primary, rgba(255, 255, 255, 0.95)); font-size: 14px; cursor: pointer; transition: all 0.2s ease; } .QuantumIconIconTestPage_theme-btn.QuantumIconIconTestPage_active { background: var(--color-primary, hsl(260, 100%, 65%)); border-color: var(--color-primary, hsl(260, 100%, 65%)); color: #ffffff; } .QuantumIconIconTestPage_theme-btn:hover:not(.QuantumIconIconTestPage_active) { background: var(--glass-border, rgba(255, 255, 255, 0.1)); } [data-theme="light"] .QuantumIconIconTestPage_theme-btn { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.9); } [data-theme="light"] .QuantumIconIconTestPage_theme-btn.QuantumIconIconTestPage_active { background: hsl(260, 100%, 65%); border-color: hsl(260, 100%, 65%); color: #ffffff; } [data-theme="light"] .QuantumIconIconTestPage_theme-btn:hover:not(.QuantumIconIconTestPage_active) { background: rgba(0, 0, 0, 0.1); } /* ===== 9. 深色/浅色模式测试 ===== */ .QuantumIconIconTestPage_theme-comparison { display: flex; flex-direction: column; gap: 24px; } .QuantumIconIconTestPage_theme-group { background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px; padding: 20px; } [data-theme="light"] .QuantumIconIconTestPage_theme-group { background: rgba(0, 0, 0, 0.02); } .QuantumIconIconTestPage_theme-title { font-size: 14px; font-weight: 600; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); margin: 0 0 16px 0; } [data-theme="light"] .QuantumIconIconTestPage_theme-title { color: rgba(0, 0, 0, 0.7); } .QuantumIconIconTestPage_theme-icons { display: flex; flex-wrap: wrap; gap: 20px; } .QuantumIconIconTestPage_theme-icon-item { display: flex; flex-direction: column; align-items: center; gap: 8px; } /* ===== 测试区域 ===== */ .QuantumIconIconTestPage_test-section { background: var(--bg-secondary, #14141c); border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1)); border-radius: 12px; padding: 24px; margin-bottom: 24px; } [data-theme="light"] .QuantumIconIconTestPage_test-section { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); } .QuantumIconIconTestPage_test-section h2 { font-size: 20px; font-weight: 600; margin: 0 0 12px 0; } .QuantumIconIconTestPage_test-section .QuantumIconIconTestPage_description { font-size: 14px; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); margin-bottom: 20px; } [data-theme="light"] .QuantumIconIconTestPage_test-section .QuantumIconIconTestPage_description { color: rgba(0, 0, 0, 0.65); } /* ===== 1. 图标类型网格 ===== */ .QuantumIconIconTestPage_icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; } .QuantumIconIconTestPage_icon-item { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px; background: var(--glass-bg, rgba(255, 255, 255, 0.05)); border-radius: 8px; transition: all 0.2s ease; } .QuantumIconIconTestPage_icon-item:hover { background: var(--glass-border, rgba(255, 255, 255, 0.1)); transform: translateY(-2px); } [data-theme="light"] .QuantumIconIconTestPage_icon-item { background: rgba(0, 0, 0, 0.03); } [data-theme="light"] .QuantumIconIconTestPage_icon-item:hover { background: rgba(0, 0, 0, 0.06); } .QuantumIconIconTestPage_icon-label { font-size: 12px; color: var(--text-tertiary, rgba(255, 255, 255, 0.5)); text-transform: capitalize; } [data-theme="light"] .QuantumIconIconTestPage_icon-label { color: rgba(0, 0, 0, 0.5); } /* ===== 2. 尺寸网格 ===== */ .QuantumIconIconTestPage_size-grid { display: flex; flex-direction: column; gap: 16px; } .QuantumIconIconTestPage_size-row { display: flex; align-items: center; gap: 20px; padding: 12px 16px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px; } [data-theme="light"] .QuantumIconIconTestPage_size-row { background: rgba(0, 0, 0, 0.02); } .QuantumIconIconTestPage_size-label { min-width: 120px; font-size: 12px; color: var(--text-tertiary, rgba(255, 255, 255, 0.5)); } [data-theme="light"] .QuantumIconIconTestPage_size-label { color: rgba(0, 0, 0, 0.5); } /* ===== 3. 动画网格 ===== */ .QuantumIconIconTestPage_animation-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; } .QuantumIconIconTestPage_animation-item { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px; text-align: center; } .QuantumIconIconTestPage_animation-label { font-size: 12px; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); } .QuantumIconIconTestPage_animation-desc { font-size: 11px; color: var(--text-tertiary, rgba(255, 255, 255, 0.5)); font-family: monospace; background: var(--bg-tertiary, rgba(0, 0, 0, 0.3)); padding: 4px 8px; border-radius: 4px; } [data-theme="light"] .QuantumIconIconTestPage_animation-desc { background: rgba(0, 0, 0, 0.1); } /* ===== 4. 自定义 SVG 网格 ===== */ .QuantumIconIconTestPage_custom-svg-grid { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; } .QuantumIconIconTestPage_custom-svg-item { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px; } .QuantumIconIconTestPage_svg-label { font-size: 12px; color: var(--text-tertiary, rgba(255, 255, 255, 0.5)); } /* ===== 5. 颜色网格 ===== */ .QuantumIconIconTestPage_color-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 16px; } .QuantumIconIconTestPage_color-item { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px); transition: all 0.2s ease; } .QuantumIconIconTestPage_color-item:hover { transform: scale(1.1); } .QuantumIconIconTestPage_color-label { font-size: 11px; color: var(--text-tertiary, rgba(255, 255, 255, 0.5)); font-family: monospace; } /* ===== 6. 交互演示 ===== */ .QuantumIconIconTestPage_interactive-demo { display: flex; flex-direction: column; gap: 24px; } .QuantumIconIconTestPage_interactive-row { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 20px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px; } .QuantumIconIconTestPage_toggle-btn { padding: 10px 20px; background: var(--color-primary, hsl(260, 100%, 65%)); color: #ffffff; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .QuantumIconIconTestPage_toggle-btn:hover { opacity: 0.9; } .QuantumIconIconTestPage_interactive-label { font-size: 14px; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); } .QuantumIconIconTestPage_icon-selector { display: flex; gap: 8px; } .QuantumIconIconTestPage_icon-btn { padding: 8px; background: var(--glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1)); border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .QuantumIconIconTestPage_icon-btn.QuantumIconIconTestPage_active { background: var(--color-primary, hsl(260, 100%, 65%)); border-color: var(--color-primary, hsl(260, 100%, 65%)); } .QuantumIconIconTestPage_icon-btn:hover:not(.QuantumIconIconTestPage_active) { background: var(--glass-border, rgba(255, 255, 255, 0.1)); } .QuantumIconIconTestPage_type-selector { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px); } .QuantumIconIconTestPage_selector-label { font-size: 14px; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); margin-right: 12px; } .QuantumIconIconTestPage_type-btn { padding: 8px 16px; background: var(--glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1)); border-radius: 6px; color: var(--text-primary, rgba(255, 255, 255, 0.95)); font-size: 14px; cursor: pointer; transition: all 0.2s ease; } .QuantumIconIconTestPage_type-btn.QuantumIconIconTestPage_active { background: var(--color-primary, hsl(260, 100%, 65%)); border-color: var(--color-primary, hsl(260, 100%, 65%)); color: #ffffff; } .QuantumIconIconTestPage_type-btn:hover:not(.QuantumIconIconTestPage_active) { background: var(--glass-border, rgba(255, 255, 255, 0.1)); } /* ===== 7. 图标画廊 ===== */ .QuantumIconIconTestPage_icon-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; } .QuantumIconIconTestPage_gallery-item { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 20px; background: var(--glass-bg, rgba(255, 255, 255, 0.05)); border-radius: 8px; border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1)); transition: all 0.2s ease; } .QuantumIconIconTestPage_gallery-item:hover { background: var(--glass-border, rgba(255, 255, 255, 0.1)); border-color: var(--color-primary, hsl(260, 100%, 65%)); transform: translateY(-4px); } .QuantumIconIconTestPage_gallery-icons { display: flex; gap: 12px; align-items: center; } .QuantumIconIconTestPage_gallery-label { font-size: 14px; color: var(--text-secondary, rgba(255, 255, 255, 0.7)); } /* ===== 8. 尺寸对比 ===== */ .QuantumIconIconTestPage_size-comparison { display: flex; flex-direction: column; gap: 12px; } .QuantumIconIconTestPage_comparison-row { display: flex; align-items: center; gap: 24px; padding: 12px 16px; background: var(--glass-bg, rgba(255, 255, 255, 0.03)); border-radius: 8px; } .QuantumIconIconTestPage_comparison-label { min-width: 100px; font-size: 12px; color: var(--text-tertiary, rgba(255, 255, 255, 0.5)); font-family: monospace; } /** * @file QuantumLoading 样式 * @description Quantum Design 风格的加载组件样式，支持深色/浅色双主题 */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* 变量定义 */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ :root { --ql-color-primary: hsl(260, 85%, 55%); --ql-color-primary-light: hsla(260, 85%, 55%, 0.15); --ql-glow: 0 0 12px hsla(260, 85%, 55%, 0.4); --ql-bg-skeleton: rgba(0, 0, 0, 0.04); --ql-shimmer: rgba(0, 0, 0, 0.02); --ql-overlay-bg: rgba(255, 255, 255, 0.75); --ql-text-color: rgba(0, 0, 0, 0.65); --ql-border: rgba(0, 0, 0, 0.06); --ql-radius: 8px; } [data-theme="dark"] { --ql-color-primary: hsl(260, 100%, 65%); --ql-color-primary-light: hsla(260, 100%, 65%, 0.2); --ql-glow: 0 0 20px hsla(260, 100%, 65%, 0.5), 0 0 40px hsla(260, 100%, 65%, 0.2); --ql-bg-skeleton: rgba(255, 255, 255, 0.06); --ql-shimmer: rgba(255, 255, 255, 0.08); --ql-overlay-bg: rgba(0, 0, 0, 0.6); --ql-text-color: rgba(255, 255, 255, 0.7); --ql-border: rgba(255, 255, 255, 0.08); } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* 动画 */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ @keyframes QuantumLoadingQuantumLoading_quantum-spin { to { transform: rotate(360deg); } } @keyframes QuantumLoadingQuantumLoading_quantum-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @keyframes QuantumLoadingQuantumLoading_quantum-pulse-glow { 0%, 100% { box-shadow: var(--ql-glow); } 50% { box-shadow: 0 0 4px hsla(260, 85%, 55%, 0.1); } } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* Spinner */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ .QuantumLoadingQuantumLoading_quantum-spinner { display: inline-block; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0%, transparent 30%, var(--ql-color-primary) 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)); animation: QuantumLoadingQuantumLoading_quantum-spin 800ms linear infinite; box-shadow: var(--ql-glow); } .QuantumLoadingQuantumLoading_quantum-spinner_sm { width: 16px; height: 16px; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px)); } .QuantumLoadingQuantumLoading_quantum-spinner_md { width: 28px; height: 28px; } .QuantumLoadingQuantumLoading_quantum-spinner_lg { width: 48px; height: 48px; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3.5px)); animation-duration: 1000ms; } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* Loading 容器 */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ .QuantumLoadingQuantumLoading_quantum-loading { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; } .QuantumLoadingQuantumLoading_quantum-loading_sm { gap: 8px; } .QuantumLoadingQuantumLoading_quantum-loading_md { gap: 12px; } .QuantumLoadingQuantumLoading_quantum-loading_lg { gap: 16px; } .QuantumLoadingQuantumLoading_quantum-loading-tip { font-size: 14px; color: var(--ql-text-color); font-weight: 500; } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* 包裹模式（Overlay） */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ .QuantumLoadingQuantumLoading_quantum-loading-wrapper { position: relative; } .QuantumLoadingQuantumLoading_quantum-loading-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--ql-overlay-bg); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: var(--ql-radius); z-index: 10; animation: QuantumLoadingQuantumLoading_quantum-fade-in 200ms cubic-bezier(0.4, 0, 0.2, 1); } .QuantumLoadingQuantumLoading_quantum-loading-overlay-content { display: flex; flex-direction: column; align-items: center; gap: 12px; } @keyframes QuantumLoadingQuantumLoading_quantum-fade-in { from { opacity: 0; } to { opacity: 1; } } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /* Skeleton（骨架屏） */ /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ .QuantumLoadingQuantumLoading_quantum-skeleton { display: flex; flex-direction: column; gap: 12px; width: 100%; } .QuantumLoadingQuantumLoading_quantum-skeleton-line { height: 16px; background: var(--ql-bg-skeleton); border: 1px solid var(--ql-border); border-radius: var(--ql-radius); position: relative; overflow: hidden; } .QuantumLoadingQuantumLoading_quantum-skeleton-line::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--ql-shimmer), var(--ql-color-primary-light), var(--ql-shimmer), transparent); animation: QuantumLoadingQuantumLoading_quantum-shimmer 1.8s ease-in-out infinite; } .QuantumLoadingQuantumLoading_quantum-skeleton-line_short { width: 60%; } /** * @file 基础信息和凭证样式 */ .Credentialsindex_credentials-page { min-height: 400px; } .Credentialsindex_test-title { font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); } .Credentialsindex_group-title { font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); text-align: left; } .Credentialsindex_page-title { font-size: 20px; font-weight: 500; color: var(--qd-text-primary); margin: 0 0 8px 0; } .Credentialsindex_page-desc { font-size: 14px; color: var(--qd-text-secondary); margin: 0 0 24px 0; } .Credentialsindex_loading-container { display: flex; align-items: center; justify-content: center; padding: 60px 20px; color: var(--qd-text-secondary); } .Credentialsindex_form-container { display: flex; flex-direction: column; gap: 24px; } .Credentialsindex_save-button-container { display: flex; justify-content: flex-start; padding-top: 16px; padding-bottom: 24px; } /* 管理员字段样式 */ .Credentialsindex_admin-field { display: flex; align-items: center; gap: 20px; width: 100%; } .Credentialsindex_manager-list { display: flex; flex-wrap: wrap; gap: 12px; flex: 1; min-width: 0; } .Credentialsindex_manager-loading { font-size: 14px; color: var(--qd-text-secondary); padding: 20px 0; } .Credentialsindex_manager-empty { font-size: 14px; color: var(--qd-text-tertiary); padding: 20px 0; } /* 添加按钮包装器 */ .Credentialsindex_add-button-wrapper { display: inline-flex; align-items: center; margin-left: 16px; height: 66px; } /* QuantumCard 内部布局样式 */ .Credentialsindex_card-left { display: flex; flex-direction: column; gap: 6px; justify-content: center; width: 140px; } .Credentialsindex_card-middle { display: flex; align-items: center; gap: 8px; } /* 复制图标 */ .Credentialsindex_copy-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #8c8c8c; background: transparent; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; } .Credentialsindex_copy-icon:hover { color: #1a1a1a; background: rgba(26, 26, 26, 0.08); } .Credentialsindex_copy-icon:active { transform: scale(0.95); } /* 删除图标 */ .Credentialsindex_delete-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; color: #8c8c8c; border-radius: 4px; transition: all 0.2s ease; } .Credentialsindex_delete-icon:hover { color: #ff4d4f; background: rgba(255, 77, 79, 0.1); } .Credentialsindex_delete-icon:active { transform: scale(0.95); } /* QuantumCard 自定义尺寸 */ .Credentialsindex_credentials-page .quantum-card { width: 276px; min-height: 66px; padding: 12px; } .Credentialsindex_credentials-page .quantum-card .Credentialsindex_card-body { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 0; } .Credentialsindex_credentials-page .quantum-card .Credentialsindex_card-header { display: none; } .Credentialsindex_credentials-page .quantum-card .Credentialsindex_card-title { font-size: 14px; font-weight: 500; color: #1a1a1a; line-height: 1.4; margin: 0; } .Credentialsindex_credentials-page .quantum-card .Credentialsindex_card-description { font-size: 12px; color: #8c8c8c; line-height: 1.4; margin: 0; } .Credentialsindex_credentials-page .quantum-card .Credentialsindex_card-actions { padding: 0; background: transparent; margin-left: auto; } /* 管理员卡片内容 */ .Credentialsindex_manager-content { display: flex; flex-direction: column; gap: 4px; justify-content: center; flex: 1; min-width: 0; } .Credentialsindex_manager-name { font-size: 14px; font-weight: 500; color: #1a1a1a; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Credentialsindex_manager-email { font-size: 12px; color: #8c8c8c; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 添加管理员按钮 */ .Credentialsindex_add-manager-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; font-size: 14px; font-weight: 500; color: #1a1a1a; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; height: 40px; flex-shrink: 0; } .Credentialsindex_add-manager-button:hover { background: #ebebeb; border-color: #d0d0d0; } .Credentialsindex_add-manager-button:active { transform: scale(0.95); } /* 凭证字段样式 */ .Credentialsindex_credential-field { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: var(--qd-bg-secondary); border: 1px solid var(--qd-border-default); border-radius: var(--qd-radius-base); } .Credentialsindex_credential-field:hover { border-color: var(--qd-border-hover); } .Credentialsindex_field-label { font-size: 14px; font-weight: 500; color: var(--qd-text-primary); } .Credentialsindex_field-content { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .Credentialsindex_field-value { flex: 1; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-size: 13px; color: var(--qd-text-primary); word-break: break-all; padding: 8px 12px; background: var(--qd-bg-primary); border: 1px solid var(--qd-border-default); border-radius: var(--qd-radius-sm); min-height: 36px; display: flex; align-items: center; } .Credentialsindex_field-actions { display: flex; align-items: center; gap: 8px; } .Credentialsindex_action-button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--qd-text-secondary); cursor: pointer; border-radius: var(--qd-radius-sm); transition: all 0.2s ease; background: transparent; border: none; padding: 0; } .Credentialsindex_action-button:hover { color: var(--qd-text-primary); background: var(--qd-bg-tertiary); } .Credentialsindex_action-button:active { transform: scale(0.95); } .Credentialsindex_action-button.Credentialsindex_updating { animation: Credentialsindex_spin 1s linear infinite; color: var(--qd-color-primary); } @keyframes Credentialsindex_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /** * @file 应用管理样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .AppMgmtindex_app-mgmt-page .AppMgmtindex_loading-container { display: flex; align-items: center; justify-content: center; min-height: 400px; font-size: 14px; color: var(--qd-text-secondary); } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value { position: relative; padding: 12px 16px; background: var(--qd-bg-elevated); border: 1px solid var(--qd-border-color); border-radius: 8px; } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value .AppMgmtindex_size-row { display: flex; align-items: center; gap: 8px; } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value .AppMgmtindex_size-row:not(:last-child) { margin-bottom: 8px; } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value .AppMgmtindex_size-row .AppMgmtindex_size-label { color: var(--qd-text-secondary); font-size: 14px; } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value .AppMgmtindex_size-row .AppMgmtindex_size-value { color: var(--qd-text-primary); font-size: 14px; font-weight: 500; } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value .AppMgmtindex_edit-icon { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; cursor: pointer; color: var(--qd-text-secondary); transition: all 0.2s ease; } .AppMgmtindex_browser-size-field .AppMgmtindex_display-value .AppMgmtindex_edit-icon:hover { background: var(--qd-bg-hover); color: var(--qd-color-primary); } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode { background: var(--qd-bg-elevated); border: 1px solid var(--qd-border-color); border-radius: 8px; padding: 16px; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-row { display: flex; align-items: center; gap: 8px; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-row:not(:last-child) { margin-bottom: 12px; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-row .AppMgmtindex_edit-label { color: var(--qd-text-secondary); font-size: 14px; white-space: nowrap; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-row .AppMgmtindex_size-input { flex: 1; padding: 8px 12px; border: 1px solid var(--qd-border-color); border-radius: 6px; font-size: 14px; color: var(--qd-text-primary); outline: none; transition: all 0.2s ease; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-row .AppMgmtindex_size-input:focus { border-color: var(--qd-color-primary); box-shadow: 0 0 0 2px rgba(var(--qd-color-primary-rgb), 0.1); } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-row .AppMgmtindex_unit { color: var(--qd-text-secondary); font-size: 14px; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions { display: flex; gap: 8px; margin-top: 16px; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_cancel-btn { padding: 8px 24px; border: 1px solid var(--qd-border-color); background: var(--qd-bg-surface); border-radius: 6px; font-size: 14px; color: var(--qd-text-primary); cursor: pointer; transition: all 0.2s ease; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_cancel-btn:hover { background: var(--qd-bg-hover); } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_save-btn { flex: 1; padding: 8px 24px; border: none; background: var(--qd-color-primary); border-radius: 6px; font-size: 14px; color: #fff; cursor: pointer; transition: all 0.2s ease; } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_save-btn:hover:not(:disabled) { background: var(--qd-color-primary-hover); } .AppMgmtindex_browser-size-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_save-btn:disabled { opacity: 0.6; cursor: not-allowed; } .AppMgmtindex_auth-field .AppMgmtindex_display-value { position: relative; padding: 12px 16px; background: var(--qd-bg-elevated); border: 1px solid var(--qd-border-color); border-radius: 8px; display: flex; align-items: center; gap: 16px; } .AppMgmtindex_auth-field .AppMgmtindex_display-value .AppMgmtindex_status-badge { padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: 500; } .AppMgmtindex_auth-field .AppMgmtindex_display-value .AppMgmtindex_status-badge.AppMgmtindex_enabled { background: rgba(var(--qd-color-success-rgb), 0.1); color: var(--qd-color-success); } .AppMgmtindex_auth-field .AppMgmtindex_display-value .AppMgmtindex_status-badge.AppMgmtindex_disabled { background: rgba(var(--qd-color-text-secondary-rgb), 0.1); color: var(--qd-text-secondary); } .AppMgmtindex_auth-field .AppMgmtindex_display-value .AppMgmtindex_status-desc { color: var(--qd-text-secondary); font-size: 13px; flex: 1; } .AppMgmtindex_auth-field .AppMgmtindex_display-value .AppMgmtindex_edit-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; cursor: pointer; color: var(--qd-text-secondary); transition: all 0.2s ease; } .AppMgmtindex_auth-field .AppMgmtindex_display-value .AppMgmtindex_edit-icon:hover { background: var(--qd-bg-hover); color: var(--qd-color-primary); } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode { background: var(--qd-bg-elevated); border: 1px solid var(--qd-border-color); border-radius: 8px; padding: 16px; } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_switch-options { display: flex; gap: 8px; margin-bottom: 16px; } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_switch-options .AppMgmtindex_switch-option { flex: 1; padding: 10px 20px; border: 1px solid var(--qd-border-color); background: var(--qd-bg-surface); border-radius: 6px; font-size: 14px; color: var(--qd-text-primary); cursor: pointer; transition: all 0.2s ease; } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_switch-options .AppMgmtindex_switch-option.AppMgmtindex_active { background: var(--qd-color-primary); color: #fff; border-color: var(--qd-color-primary); } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_switch-options .AppMgmtindex_switch-option:hover:not(.AppMgmtindex_active) { background: var(--qd-bg-hover); } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions { display: flex; gap: 8px; } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_cancel-btn { padding: 8px 24px; border: 1px solid var(--qd-border-color); background: var(--qd-bg-surface); border-radius: 6px; font-size: 14px; color: var(--qd-text-primary); cursor: pointer; transition: all 0.2s ease; } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_cancel-btn:hover { background: var(--qd-bg-hover); } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_save-btn { flex: 1; padding: 8px 24px; border: none; background: var(--qd-color-primary); border-radius: 6px; font-size: 14px; color: #fff; cursor: pointer; transition: all 0.2s ease; } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_save-btn:hover:not(:disabled) { background: var(--qd-color-primary-hover); } .AppMgmtindex_auth-field .AppMgmtindex_edit-mode .AppMgmtindex_edit-actions .AppMgmtindex_save-btn:disabled { opacity: 0.6; cursor: not-allowed; } .AppMgmtindex_placeholder-content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; background: var(--qd-bg-elevated); border: 1px solid var(--qd-border-color); border-radius: 8px; } .AppMgmtindex_placeholder-content .AppMgmtindex_placeholder-text { margin-top: 16px; font-size: 14px; color: var(--qd-text-secondary); } /** * @file Quantum Modal 组件样式 * @description Quantum Design AI 风格弹窗组件样式 * @description 支持深色和浅色模式，使用 CSS 变量 */ .QuantumModalQuantumModal_quantum-modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; opacity: 0; pointer-events: none; transition: opacity var(--modal-animation-duration, 300ms) ease-out; } .QuantumModalQuantumModal_quantum-modal-overlay.QuantumModalQuantumModal_visible { opacity: 1; pointer-events: auto; } .QuantumModalQuantumModal_quantum-modal-overlay.QuantumModalQuantumModal_centered { align-items: center; } .QuantumModalQuantumModal_quantum-modal-overlay.QuantumModalQuantumModal_top { align-items: flex-start; padding-top: 100px; } .QuantumModalQuantumModal_quantum-modal-container { position: relative; width: 520px; max-width: 90vw; background: var(--qd-glass-bg); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid var(--qd-glass-border); border-radius: var(--qd-radius-lg); box-shadow: var(--qd-shadow-lg); overflow: hidden; transform: scale(0.9) translateY(-20px); opacity: 0; transition: transform var(--modal-animation-duration, 300ms) ease-out, opacity var(--modal-animation-duration, 300ms) ease-out; } .QuantumModalQuantumModal_quantum-modal-container.QuantumModalQuantumModal_visible { transform: scale(1) translateY(0); opacity: 1; } .QuantumModalQuantumModal_quantum-modal-container.QuantumModalQuantumModal_exiting { transform: scale(0.95); opacity: 0; } .QuantumModalQuantumModal_quantum-modal-container.QuantumModalQuantumModal_width-custom { width: var(--modal-width, 520px); } .QuantumModalQuantumModal_quantum-modal-container.QuantumModalQuantumModal_centered { margin: auto; } .QuantumModalQuantumModal_quantum-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-bottom: 1px solid var(--qd-border-default); } .QuantumModalQuantumModal_quantum-modal-title { font-size: 18px; font-weight: 600; color: var(--qd-text-primary); margin: 0; } .QuantumModalQuantumModal_quantum-modal-title.QuantumModalQuantumModal_gradient { background: linear-gradient(135deg, var(--gradient-start, hsl(260, 100%, 65%)), var(--gradient-middle, hsl(240, 100%, 70%)), var(--gradient-end, hsl(220, 100%, 65%))); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .QuantumModalQuantumModal_quantum-modal-close { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-radius: var(--qd-radius-sm); color: var(--qd-text-secondary); cursor: pointer; font-size: 20px; line-height: 1; padding: 0; transition: all 0.2s ease; } .QuantumModalQuantumModal_quantum-modal-close:hover { background: var(--qd-glass-bg-hover); color: var(--qd-text-primary); } .QuantumModalQuantumModal_quantum-modal-close:active { transform: scale(0.95); } .QuantumModalQuantumModal_quantum-modal-body { padding: 24px; color: var(--qd-text-secondary); line-height: 1.6; font-size: 14px; } .QuantumModalQuantumModal_quantum-modal-footer { display: flex; gap: 8px; justify-content: flex-end; padding: 16px 24px; border-top: 1px solid var(--qd-border-default); } .QuantumModalQuantumModal_quantum-modal-hidden { display: none; } /** * @file BasicInfo 样式 * @description 机器人基础信息表单样式 */ /* ===== 标签默认态行布局（与 CheckboxItem 的 edit-icon-wrapper 对齐） ===== */ .BasicInfoindex_tag-view-row { display: flex; align-items: flex-start; width: 100%; } .BasicInfoindex_tag-view-content { flex: 1; min-width: 0; } .BasicInfoindex_tag-edit-icon { flex-shrink: 0; width: 32px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .BasicInfoindex_tag-edit-icon:hover { background: rgba(255, 255, 255, 0.08); color: hsl(260, 100%, 65%); } /* ===== 加载态 ===== */ .BasicInfoindex_basic-info-loading { padding: 40px 0; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.5); font-size: 14px; } /* ===== 标签 chip（默认态展示） ===== */ .BasicInfoindex_tag-chips { display: flex; flex-wrap: wrap; gap: 8px; min-height: 28px; } .BasicInfoindex_tag-chip { display: inline-flex; align-items: center; padding: 3px 10px; border: 1px solid #dee0e3; border-radius: 6px; font-size: 13px; background: rgba(255, 255, 255, 0.08); line-height: 40px; height: 40px; } .BasicInfoindex_tag-tip { margin-top: 8px; font-size: 12px; color: rgba(255, 255, 255, 0.4); line-height: 1.5; } /* ===== 标签编辑面板 ===== */ .BasicInfoindex_tag-edit-panel { position: relative; padding-left: 14px; border-left: 2px solid #3370ff; } .BasicInfoindex_tag-edit-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .BasicInfoindex_tag-edit-title { font-size: 14px; font-weight: 500; } .BasicInfoindex_tag-title-hint { margin-left: 6px; font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, 0.4); } .BasicInfoindex_tag-edit-actions { display: flex; gap: 12px; } .BasicInfoindex_tag-action-btn { background: none; border: none; padding: 0; cursor: pointer; font-size: 13px; color: #3370ff; line-height: 1; } .BasicInfoindex_tag-action-btn:hover { opacity: 0.8; } .BasicInfoindex_tag-action-btn:disabled { opacity: 0.4; cursor: not-allowed; } .BasicInfoindex_tag-count-hint { font-size: 12px; color: rgba(255, 255, 255, 0.4); margin-bottom: 12px; } /* ===== 预设标签区 ===== */ .BasicInfoindex_preset-tags-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; } .BasicInfoindex_preset-tag-item { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; } .BasicInfoindex_preset-tag-item input[type="checkbox"] { accent-color: #3370ff; width: 14px; height: 14px; cursor: pointer; } .BasicInfoindex_preset-tag-item input[type="checkbox"]:disabled { cursor: not-allowed; } .BasicInfoindex_preset-tag-item.BasicInfoindex_disabled { opacity: 0.4; cursor: not-allowed; } .BasicInfoindex_preset-tag-item .BasicInfoindex_preset-tag-label { font-size: 13px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* ===== 自定义标签区 ===== */ .BasicInfoindex_custom-tags-section { border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 12px; } .BasicInfoindex_add-custom-tag-btn { background: none; border: none; padding: 0; cursor: pointer; font-size: 13px; color: #3370ff; display: inline-flex; align-items: center; gap: 4px; margin-bottom: 10px; } .BasicInfoindex_add-custom-tag-btn:hover { opacity: 0.8; } .BasicInfoindex_add-custom-tag-btn:disabled { opacity: 0.4; cursor: not-allowed; } .BasicInfoindex_custom-tag-chips { display: flex; flex-wrap: wrap; gap: 8px; } .BasicInfoindex_custom-tag-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px 3px 10px; border: 1px solid #3370ff; border-radius: 14px; font-size: 13px; } .BasicInfoindex_custom-tag-chip .BasicInfoindex_chip-close { background: none; border: none; padding: 0; cursor: pointer; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1; display: flex; align-items: center; } .BasicInfoindex_custom-tag-chip .BasicInfoindex_chip-close:hover { color: rgba(0, 0, 0, 0.75); } /* ===== 添加自定义标签弹窗内容 ===== */ .BasicInfoindex_add-tag-modal-body { padding: 4px 0 8px; } .BasicInfoindex_add-tag-label { font-size: 13px; margin-bottom: 8px; } .BasicInfoindex_add-tag-input { width: 100%; padding: 8px 12px; border: 1px solid #dee0e3; border-radius: 6px; font-size: 14px; outline: none; box-sizing: border-box; } .BasicInfoindex_add-tag-input::-moz-placeholder { color: rgba(255, 255, 255, 0.3); } .BasicInfoindex_add-tag-input::placeholder { color: rgba(255, 255, 255, 0.3); } .BasicInfoindex_add-tag-input:focus { border-color: #3370ff; } .BasicInfoindex_add-tag-input.BasicInfoindex_error { border-color: #ff4d4f; } .BasicInfoindex_add-tag-hint { margin-top: 6px; font-size: 12px; } .BasicInfoindex_add-tag-error { margin-top: 6px; font-size: 12px; color: #ff4d4f; } /** * QuantumSwitch 组件样式 * 符合 Quantum Design 规范 - 支持深色/浅色模式 */ /* ===== 隐藏原生 checkbox ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ===== Wrapper ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-wrapper { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; } /* ===== Track（轨道） ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-track { position: relative; width: 44px; height: 24px; border: 2px solid var(--qd-border-default, rgba(255, 255, 255, 0.12)); border-radius: 9999px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.06)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; } /* ===== Thumb（圆点） ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-thumb { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: var(--qd-text-secondary, rgba(255, 255, 255, 0.5)); border-radius: 50%; transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); } /* ===== Label ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-label { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.92)); line-height: 1.4; } /* ===== Hover 状态 ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-wrapper:hover .QuantumSwitchQuantumSwitch_quantum-switch-track { border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.25)); } /* ===== Checked（选中状态） ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_checked .QuantumSwitchQuantumSwitch_quantum-switch-track { border-color: transparent; background: linear-gradient(135deg, hsl(260, 100%, 65%), hsl(240, 100%, 70%), hsl(220, 100%, 65%)); } .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_checked .QuantumSwitchQuantumSwitch_quantum-switch-thumb { left: calc(100% - 16px - 2px); background: #ffffff; } /* ===== Disabled（禁用状态） ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } /* ===== Size: Small ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_size-small .QuantumSwitchQuantumSwitch_quantum-switch-track { width: 32px; height: 18px; } .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_size-small .QuantumSwitchQuantumSwitch_quantum-switch-thumb { width: 12px; height: 12px; } .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_size-small.QuantumSwitchQuantumSwitch_checked .QuantumSwitchQuantumSwitch_quantum-switch-thumb { left: calc(100% - 12px - 2px); } .QuantumSwitchQuantumSwitch_quantum-switch-wrapper.QuantumSwitchQuantumSwitch_size-small .QuantumSwitchQuantumSwitch_quantum-switch-label { font-size: 12px; } /* ===== Focus 可见性（键盘导航） ===== */ .QuantumSwitchQuantumSwitch_quantum-switch-input:focus-visible ~ .QuantumSwitchQuantumSwitch_quantum-switch-track { outline: 2px solid hsl(240, 100%, 70%); outline-offset: 2px; } /** * @file SingleChat 单聊场景样式 * @description 卡片式模块布局，三大模块：发送消息、回复消息、其他功能 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .SingleChatindex_module-section { margin-bottom: 24px; border: 1px solid #e8e8e8; border-radius: 12px; padding: 16px; background: #ffffff; } .SingleChatindex_module-title { font-size: 16px; font-weight: 600; color: rgba(0, 0, 0, 0.85); margin: 0 0 16px 0; } .SingleChatindex_module-title-row { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; } .SingleChatindex_module-title-row .SingleChatindex_module-title { margin: 0; } .SingleChatindex_info-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: pointer; flex-shrink: 0; } .SingleChatindex_info-icon:hover { color: rgba(0, 0, 0, 0.65); border-color: rgba(0, 0, 0, 0.65); } .SingleChatindex_info-text { color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 1.5; } .SingleChatindex_card-grid { display: grid; gap: 16px; } .SingleChatindex_card-grid.SingleChatindex_cols-3 { grid-template-columns: repeat(3, 1fr); } .SingleChatindex_card-grid.SingleChatindex_cols-4 { grid-template-columns: repeat(4, 1fr); } .single-chat-card p { display: block !important; } .SingleChatindex_action-link { color: #7c4dff; font-size: 14px; cursor: pointer; display: inline-block; } .SingleChatindex_action-link:hover { opacity: 0.8; } /** * @file 接收消息服务器样式 * @description MessageServer 组件样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ /* ========== 卡片容器 ========== */ .MessageServerindex_ms-card { background: #ffffff; border-radius: 12px; padding: 24px; } /* ========== 顶部栏 ========== */ .MessageServerindex_ms-header { display: flex; align-items: center; justify-content: space-between; } .MessageServerindex_ms-title { font-size: 16px; font-weight: 600; color: rgba(0, 0, 0, 0.85); margin: 0; } /* ========== 开关 ========== */ .MessageServerindex_ms-switch { width: 40px; height: 22px; border-radius: 11px; background: #d9d9d9; position: relative; cursor: pointer; transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .MessageServerindex_ms-switch_on { background: #7c4dff; } .MessageServerindex_ms-switch-handle { width: 18px; height: 18px; border-radius: 50%; background: #fff; position: absolute; top: 2px; left: 2px; transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .MessageServerindex_ms-switch_on .MessageServerindex_ms-switch-handle { transform: translateX(18px); } /* ========== 内容区 ========== */ .MessageServerindex_ms-body { margin-top: 24px; } .MessageServerindex_ms-loading { padding: 32px 0; text-align: center; color: rgba(0, 0, 0, 0.65); font-size: 14px; } /* ========== 字段通用 ========== */ .MessageServerindex_ms-field { margin-bottom: 24px; } .MessageServerindex_ms-field_view { padding: 12px 0; border-bottom: 1px solid #f0f0f0; } .MessageServerindex_ms-field-label { font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.85); margin-bottom: 8px; } .MessageServerindex_ms-required { color: #ff4d4f; margin-left: 2px; } .MessageServerindex_ms-field-value { font-size: 14px; color: rgba(0, 0, 0, 0.85); } .MessageServerindex_ms-placeholder { color: rgba(0, 0, 0, 0.45); } .MessageServerindex_ms-field-tip { font-size: 12px; color: rgba(0, 0, 0, 0.45); margin-top: 6px; } .MessageServerindex_ms-field-desc { font-size: 12px; color: rgba(0, 0, 0, 0.45); margin-top: 4px; } .MessageServerindex_ms-field-error { font-size: 12px; color: #ff4d4f; margin-top: 6px; } /* ========== 输入框 ========== */ .MessageServerindex_ms-input { width: 100%; height: 36px; padding: 0 12px; border: 1px solid #e8e8e8; border-radius: 4px; font-size: 14px; color: rgba(0, 0, 0, 0.85); outline: none; transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); box-sizing: border-box; } .MessageServerindex_ms-input:focus { border-color: #7c4dff; } .MessageServerindex_ms-input::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .MessageServerindex_ms-input::placeholder { color: rgba(0, 0, 0, 0.25); } /* ========== 按钮 ========== */ .MessageServerindex_ms-field-actions { display: flex; align-items: center; gap: 8px; margin-top: 10px; } .MessageServerindex_ms-btn { height: 30px; padding: 0 14px; border-radius: 4px; font-size: 13px; cursor: pointer; border: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .MessageServerindex_ms-btn_default { background: #f5f5f5; color: rgba(0, 0, 0, 0.65); } .MessageServerindex_ms-btn_default:hover { background: #e8e8e8; } .MessageServerindex_ms-btn_primary { background: #7c4dff; color: #fff; } .MessageServerindex_ms-btn_primary:hover { background: #9370ff; } .MessageServerindex_ms-btn_primary:disabled { opacity: 0.6; cursor: not-allowed; } .MessageServerindex_ms-btn-link { background: none; border: none; color: #7c4dff; font-size: 13px; cursor: pointer; padding: 0; } .MessageServerindex_ms-btn-link:hover { color: #9370ff; } /* ========== 单选组 ========== */ .MessageServerindex_ms-radio-group { display: flex; flex-direction: column; gap: 12px; } .MessageServerindex_ms-radio { display: flex; align-items: center; gap: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.85); cursor: pointer; } .MessageServerindex_ms-radio input[type="radio"] { display: none; } .MessageServerindex_ms-radio_active { color: #7c4dff; } .MessageServerindex_ms-radio-dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #d9d9d9; position: relative; flex-shrink: 0; transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .MessageServerindex_ms-radio_active .MessageServerindex_ms-radio-dot { border-color: #7c4dff; } .MessageServerindex_ms-radio_active .MessageServerindex_ms-radio-dot::after { content: ''; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; border-radius: 50%; background: #7c4dff; } .MessageServerindex_ms-beta-tag { font-size: 11px; padding: 1px 6px; border-radius: 3px; background: #faad14; color: #fff; margin-left: 4px; } /* ========== 长连接提示 ========== */ .MessageServerindex_ms-websocket-tip { background: #f5f5f5; border-radius: 8px; padding: 16px; margin-bottom: 24px; } .MessageServerindex_ms-websocket-tip-text { font-size: 13px; color: rgba(0, 0, 0, 0.65); margin: 0 0 8px; line-height: 1.6; } .MessageServerindex_ms-websocket-tip-warn { font-size: 13px; color: #faad14; margin: 0; font-weight: 500; } /* ========== 默认态操作行 ========== */ .MessageServerindex_ms-view-row { display: flex; align-items: center; gap: 12px; } .MessageServerindex_ms-view-row .MessageServerindex_ms-field-label { width: 120px; flex-shrink: 0; margin-bottom: 0; } .MessageServerindex_ms-view-row .MessageServerindex_ms-field-value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .MessageServerindex_ms-view-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .MessageServerindex_ms-icon-btn { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: none; background: none; border-radius: 4px; color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .MessageServerindex_ms-icon-btn:hover { background: #f5f5f5; color: #7c4dff; } /* ========== 底部配置说明 ========== */ .MessageServerindex_ms-tips-box { display: flex; gap: 10px; padding: 14px 16px; background: rgba(44, 143, 255, 0.06); border-radius: 8px; margin-top: 24px; } .MessageServerindex_ms-tips-icon { flex-shrink: 0; font-size: 16px; line-height: 1.6; } .MessageServerindex_ms-tips-content { font-size: 13px; color: rgba(0, 0, 0, 0.65); line-height: 1.8; } .MessageServerindex_ms-tips-content p { margin: 0; } .MessageServerindex_ms-link { color: #7c4dff; text-decoration: none; cursor: pointer; } .MessageServerindex_ms-link:hover { text-decoration: underline; } /* ========== 保存栏 ========== */ .MessageServerindex_ms-save-bar { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 24px; padding-top: 16px; border-top: 1px solid #f0f0f0; } .MessageServerindex_ms-save-error { font-size: 13px; color: #ff4d4f; } /* ========== SecretField 自定义字段 ========== */ .MessageServerindex_ms-secret-edit { width: 100%; } .MessageServerindex_ms-secret-view { display: flex; align-items: center; justify-content: space-between; width: 100%; } .MessageServerindex_ms-secret-value { font-size: 14px; color: rgba(0, 0, 0, 0.85); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .MessageServerindex_ms-secret-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .MessageServerindex_ms-input_error { border-color: #ff4d4f; } .MessageServerindex_ms-input_error:focus { border-color: #ff4d4f; } /** * @file 服务号/机器人管理样式 * @description 左侧导航 + 右侧内容区布局 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ /* ========== 整体布局 ========== */ .ServiceRobotMgmtindex_service-robot-layout { display: flex; /* 100vh - 导航栏60px - 返回框80px - footer80px - 外层padding24px */ min-height: calc(100vh - 60px - 80px - 80px - 24px); } /* ========== 左侧导航 ========== */ .ServiceRobotMgmtindex_side-nav { width: 238px; flex-shrink: 0; margin-right: 12px; background: #ffffff; border-radius: 12px; overflow-y: auto; padding: 16px 0; } .ServiceRobotMgmtindex_nav-list { list-style: none; margin: 0; padding: 0; } .ServiceRobotMgmtindex_nav-item { display: flex; align-items: center; gap: 10px; padding: 12px 20px; margin: 2px 8px; border-radius: 8px; cursor: pointer; color: rgba(0, 0, 0, 0.65); font-size: 14px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ServiceRobotMgmtindex_nav-item:hover { background: hsla(260, 100%, 65%, 0.08); color: rgba(0, 0, 0, 0.85); } .ServiceRobotMgmtindex_nav-item-active { background: hsl(260, 100%, 65%); color: hsl(260, 100%, 92%); } .ServiceRobotMgmtindex_nav-item-active:hover { background: hsl(260, 100%, 60%); color: #fff; } .ServiceRobotMgmtindex_nav-item-active .ServiceRobotMgmtindex_menu-icon { color: hsl(260, 100%, 92%); } .ServiceRobotMgmtindex_menu-icon { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; color: inherit; } .ServiceRobotMgmtindex_menu-icon svg { width: 100%; height: 100%; } .ServiceRobotMgmtindex_nav-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ========== 右侧内容区 ========== */ .ServiceRobotMgmtindex_main-content { flex: 1; overflow-y: auto; } /** * @file 应用详情 V2 样式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ .V2AppDetailV2_app-detail-v2 { width: 100vw; margin-left: calc(-50vw + 50%); padding: 0 24px; background: #f5f5f5; } .V2AppDetailV2_loading-state { display: flex; align-items: center; justify-content: center; min-height: 400px; color: rgba(0, 0, 0, 0.65); font-size: 14px; } .V2AppDetailV2_app-detail-content { padding-top: 24px; background-color: #f5f5f5; } .V2AppDetailV2_error-state { display: flex; align-items: center; justify-content: center; min-height: 400px; color: rgba(0, 0, 0, 0.65); font-size: 14px; } /* 覆盖外层容器的 min-height，仅在详情页生效 */ #page-container-wrap.app-detail-active { min-height: auto !important; } /** * QuantumCard 测试页面样式 * 支持深色/浅色模式 */ /** * @file 设计令牌 * @description V2 设计系统的核心变量定义 */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3), 0 0 40px hsla(260, 100%, 65%, 0.15); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-md: 1rem; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.15), 0 0 40px hsla(260, 100%, 65%, 0.08); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-md: 1rem; --qd-radius-lg: 12px; } .QuantumCardCardTestPage_test-page { min-height: 100vh; padding: 40px; background: var(--qd-bg-primary, hsl(240, 10%, 4%)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } /* ===== Header ===== */ .QuantumCardCardTestPage_header { text-align: center; margin-bottom: 48px; } .QuantumCardCardTestPage_header h1 { font-size: 32px; font-weight: 700; margin: 0 0 12px 0; background: linear-gradient(135deg, var(--qd-color-primary, hsl(260, 100%, 65%)), var(--qd-color-success, hsl(160, 100%, 45%))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .QuantumCardCardTestPage_header p { font-size: 16px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin: 0; } .QuantumCardCardTestPage_stats { margin-top: 16px; padding: 8px 16px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 8px; display: inline-block; font-size: 14px; color: var(--qd-color-primary, hsl(260, 100%, 65%)); } /* ===== Section ===== */ .QuantumCardCardTestPage_test-section { margin-bottom: 56px; } .QuantumCardCardTestPage_test-section h2 { font-size: 24px; font-weight: 600; margin: 0 0 8px 0; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumCardCardTestPage_description { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin: 0 0 24px 0; } /* ===== Card Grid ===== */ .QuantumCardCardTestPage_card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; } /* ===== Card List ===== */ .QuantumCardCardTestPage_card-list { display: flex; flex-direction: column; gap: 12px; } /* ===== Demo Controls ===== */ .QuantumCardCardTestPage_demo-controls { margin-top: 24px; display: flex; gap: 12px; align-items: center; } /* ===== Tag ===== */ .QuantumCardCardTestPage_tag { display: inline-block; padding: 4px 12px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.1)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.15)); border-radius: 4px; font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); transition: all 0.2s ease; } .QuantumCardCardTestPage_tag:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.15)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.2)); } /* ===== More Icon ===== */ .QuantumCardCardTestPage_more-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; transition: all 0.2s ease; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); font-size: 20px; line-height: 1; } .QuantumCardCardTestPage_more-icon:hover { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.1)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } /* ===== Custom Content (游戏统计示例) ===== */ .QuantumCardCardTestPage_custom-content { width: 100%; } .QuantumCardCardTestPage_custom-content h3 { font-size: 18px; font-weight: 600; margin: 0 0 16px 0; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumCardCardTestPage_stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; text-align: center; } .QuantumCardCardTestPage_stat-value { font-size: 24px; font-weight: 700; color: var(--qd-color-primary, hsl(260, 100%, 65%)); margin-bottom: 4px; } .QuantumCardCardTestPage_stat-label { font-size: 12px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } /* ===== Small Card Layout (管理员卡片) ===== */ /* 外层容器 - 带弧度边框 */ .QuantumCardCardTestPage_manager-container { padding: 16px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 12px; margin-bottom: 8px; } .QuantumCardCardTestPage_size-cards { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; } /* 管理员卡片内容 - 纵向布局 */ .QuantumCardCardTestPage_manager-content { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; } .QuantumCardCardTestPage_manager-name { font-size: 14px; font-weight: 500; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); white-space: nowrap; } .QuantumCardCardTestPage_manager-email { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .QuantumCardCardTestPage_manager-delete { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); border-radius: 4px; cursor: pointer; transition: all 0.2s ease; margin-left: auto; } .QuantumCardCardTestPage_manager-delete:hover { color: #ff4d4f; background: rgba(255, 77, 79, 0.15); } .QuantumCardCardTestPage_manager-delete:active { transform: scale(0.95); } /* 子标题和描述 */ .QuantumCardCardTestPage_subsection-title { font-size: 18px; font-weight: 600; margin: 32px 0 8px 0; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumCardCardTestPage_sub-description { font-size: 13px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin: 0 0 12px 0; } /* 复制图标 */ .QuantumCardCardTestPage_copy-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); border-radius: 4px; cursor: pointer; transition: all 0.2s ease; } .QuantumCardCardTestPage_copy-icon:hover { color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.1)); } .QuantumCardCardTestPage_copy-icon:active { transform: scale(0.95); } /* 箭头图标 */ .QuantumCardCardTestPage_arrow-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 18px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin-left: auto; } /* 卡片内容（应用卡片） */ .QuantumCardCardTestPage_card-content { flex: 1; display: flex; flex-direction: column; gap: 4px; margin-left: 8px; } /* 状态徽章 */ .QuantumCardCardTestPage_status-badge { display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 500; border-radius: 4px; background: var(--qd-color-success, hsl(160, 100%, 45%)); color: #000; } .QuantumCardCardTestPage_status-badge.QuantumCardCardTestPage_status-paused { background: var(--qd-color-warning, hsl(35, 100%, 55%)); color: #000; } .QuantumCardCardTestPage_status-badge.QuantumCardCardTestPage_status-error { background: var(--qd-color-error, hsl(0, 100%, 60%)); color: #000; } /* 统计内容 */ .QuantumCardCardTestPage_stat-content { display: flex; flex-direction: column; gap: 4px; width: 100%; } .QuantumCardCardTestPage_stat-value { font-size: 20px; font-weight: 700; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); line-height: 1.2; } /* 标签组 */ .QuantumCardCardTestPage_tag-group { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .QuantumCardCardTestPage_mini-tag { display: inline-block; padding: 2px 6px; font-size: 10px; font-weight: 500; border-radius: 3px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.1)); color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.15)); } /* 操作文字 */ .QuantumCardCardTestPage_action-text { font-size: 13px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); cursor: pointer; transition: all 0.2s ease; padding: 4px 12px; border-radius: 4px; } .QuantumCardCardTestPage_action-text:hover { color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.1)); } .QuantumCardCardTestPage_action-text:active { transform: scale(0.95); } .QuantumCardCardTestPage_action-text.QuantumCardCardTestPage_action-primary { color: var(--qd-color-primary, hsl(260, 100%, 65%)); } .QuantumCardCardTestPage_action-text.QuantumCardCardTestPage_action-primary:hover { color: var(--qd-color-primary-hover, hsl(260, 100%, 75%)); background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.1)); } .QuantumCardCardTestPage_note { margin-top: 16px; padding: 12px 16px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 8px; font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 1.6; } .QuantumCardCardTestPage_note strong { color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } /* 卡片内容左侧区域 */ .QuantumCardCardTestPage_card-left { display: flex; flex-direction: column; gap: 6px; justify-content: center; width: 140px; } /* ===== 响应式 ===== */ @media (max-width: 768px) { .QuantumCardCardTestPage_test-page { padding: 24px 16px; } .QuantumCardCardTestPage_header h1 { font-size: 24px; } .QuantumCardCardTestPage_card-grid { grid-template-columns: 1fr; } .QuantumCardCardTestPage_stats-grid { grid-template-columns: 1fr; gap: 24px; } } /** * ButtonTestPage 样式 * 测试页面布局和演示样式 */ .QuantumButtonButtonTestPage_test-page { min-height: 100vh; background: var(--qd-bg-primary, hsl(240, 10%, 4%)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); padding: 40px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .QuantumButtonButtonTestPage_header { max-width: 1200px; margin: 0 auto 60px; text-align: center; } .QuantumButtonButtonTestPage_header h1 { font-size: 36px; font-weight: 700; margin-bottom: 12px; background: linear-gradient(135deg, var(--qd-color-primary, hsl(260, 100%, 65%)), hsl(280, 100%, 70%)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .QuantumButtonButtonTestPage_header p { font-size: 16px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); } .QuantumButtonButtonTestPage_test-section { max-width: 1200px; margin: 0 auto 48px; padding: 32px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 16px; backdrop-filter: blur(10px); } .QuantumButtonButtonTestPage_test-section h2 { font-size: 24px; font-weight: 600; margin-bottom: 8px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumButtonButtonTestPage_description { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin-bottom: 24px; line-height: 1.6; } .QuantumButtonButtonTestPage_button-group { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; } .QuantumButtonButtonTestPage_button-group-vertical { display: flex; flex-direction: column; gap: 20px; } .QuantumButtonButtonTestPage_info { margin-top: 16px; padding: 12px 16px; background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border-radius: 8px; font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); } /* 表单演示样式 */ .QuantumButtonButtonTestPage_form-demo { display: flex; flex-direction: column; gap: 16px; } .QuantumButtonButtonTestPage_form-input { width: 100%; max-width: 400px; height: 40px; padding: 0 16px; background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); border-radius: 8px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); font-size: 14px; outline: none; transition: border-color 0.2s ease; } .QuantumButtonButtonTestPage_form-input:focus { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); } .QuantumButtonButtonTestPage_form-input::-moz-placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } .QuantumButtonButtonTestPage_form-input::placeholder { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); } /* 图标样式 */ .QuantumButtonButtonTestPage_icon { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; } /* 自定义样式示例 */ .custom-width { min-width: 200px; } .custom-color { background: linear-gradient(135deg, hsl(280, 100%, 60%), hsl(320, 100%, 60%)); border-color: hsl(280, 100%, 60%); } .custom-color:hover { box-shadow: 0 0 20px hsla(280, 100%, 60%, 0.4); } /* 响应式 */ @media (max-width: 768px) { .QuantumButtonButtonTestPage_test-page { padding: 24px 16px; } .QuantumButtonButtonTestPage_header { margin-bottom: 40px; } .QuantumButtonButtonTestPage_header h1 { font-size: 28px; } .QuantumButtonButtonTestPage_test-section { padding: 24px 20px; margin-bottom: 32px; } .QuantumButtonButtonTestPage_test-section h2 { font-size: 20px; } .QuantumButtonButtonTestPage_button-group { flex-direction: column; align-items: stretch; } .QuantumButtonButtonTestPage_button-group > * { width: 100%; } } /** * @file QuantumEditForm 测试页面样式 */ .QuantumEditFormEditFormTestPage_test-page { width: 100%; min-height: 100vh; padding: 24px; box-sizing: border-box; } .QuantumEditFormEditFormTestPage_page-title { font-size: 24px; font-weight: 600; color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); margin-bottom: 24px; text-align: center; } .QuantumEditFormEditFormTestPage_form-container { max-width: 800px; margin: 0 auto; } .QuantumEditFormEditFormTestPage_info-section { max-width: 800px; margin: 24px auto; padding: 20px; background: var(--qd-glass-bg, #ffffff); border: 1px solid var(--qd-border-default, #e8e8e8); border-radius: var(--qd-radius-base, 8px); margin-top: 32px; } .QuantumEditFormEditFormTestPage_section-title { font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); margin-bottom: 16px; } .QuantumEditFormEditFormTestPage_feature-list { list-style: none; padding: 0; margin: 0; } .QuantumEditFormEditFormTestPage_feature-list li { padding: 8px 0; font-size: 14px; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); line-height: 1.6; } .QuantumEditFormEditFormTestPage_feature-list strong { color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); font-weight: 500; } .QuantumEditFormEditFormTestPage_tip-list { list-style: none; padding: 0; margin: 0; } .QuantumEditFormEditFormTestPage_tip-list li { padding: 6px 0; font-size: 14px; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); line-height: 1.5; } /* ===== 新增演示区域样式 ===== */ .QuantumEditFormEditFormTestPage_demo-section { max-width: 800px; margin: 32px auto 0; } .QuantumEditFormEditFormTestPage_section-desc { font-size: 14px; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); margin-bottom: 16px; } .QuantumEditFormEditFormTestPage_glass-demo-grid { display: grid; grid-template-columns: 1fr; gap: 16px; } .QuantumEditFormEditFormTestPage_animation-demo-grid { display: grid; grid-template-columns: 1fr; gap: 16px; } .QuantumEditFormEditFormTestPage_demo-item { display: flex; flex-direction: column; align-items: center; gap: 12px; } .QuantumEditFormEditFormTestPage_demo-label { font-size: 12px; color: var(--qd-text-tertiary, rgba(0, 0, 0, 0.45)); text-align: center; padding: 4px 8px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.05)); border-radius: 4px; } /** * @file ToastTestPage 样式 * @description Toast 测试页面样式 */ .QuantumToastToastTestPage_test-page { padding: 24px; max-width: 1000px; margin: 0 auto; } /* 页面头部 */ .QuantumToastToastTestPage_page-header { margin-bottom: 32px; text-align: center; } .QuantumToastToastTestPage_page-header h1 { font-size: 32px; font-weight: 600; margin-bottom: 8px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumToastToastTestPage_page-header p { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); } /* 区块 */ .QuantumToastToastTestPage_section { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 12px); padding: 24px; margin-bottom: 24px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .QuantumToastToastTestPage_section h2 { font-size: 20px; font-weight: 600; margin-bottom: 8px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumToastToastTestPage_section p { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin-bottom: 16px; } /* 按钮组 */ .QuantumToastToastTestPage_button-group { display: flex; flex-wrap: wrap; gap: 12px; } /* 位置选择器 */ .QuantumToastToastTestPage_position-selector { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin-bottom: 12px; } .QuantumToastToastTestPage_position-btn { padding: 10px 16px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-md, 8px); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); font-size: 14px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; } .QuantumToastToastTestPage_position-btn:hover { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.1)); border-color: rgba(255, 255, 255, 0.2); } .QuantumToastToastTestPage_position-btn.QuantumToastToastTestPage_active { background: rgba(24, 144, 255, 0.2); border-color: rgba(24, 144, 255, 0.5); color: #1890ff; } .QuantumToastToastTestPage_hint { font-size: 13px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); margin-bottom: 0; } /* 代码块 */ .QuantumToastToastTestPage_code-block { background: rgba(0, 0, 0, 0.3); border-radius: var(--qd-radius-md, 8px); padding: 16px; overflow-x: auto; } .QuantumToastToastTestPage_code-block pre { margin: 0; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.9); } /* 响应式 */ @media (max-width: 768px) { .QuantumToastToastTestPage_test-page { padding: 16px; } .QuantumToastToastTestPage_page-header h1 { font-size: 24px; } .QuantumToastToastTestPage_section { padding: 16px; } .QuantumToastToastTestPage_button-group { flex-direction: column; } .QuantumToastToastTestPage_button-group button { width: 100%; } } /* 深浅模式适配 */ [data-theme='light'] .QuantumToastToastTestPage_section { background: rgba(255, 255, 255, 0.85); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } [data-theme='light'] .QuantumToastToastTestPage_page-header h1, [data-theme='light'] .QuantumToastToastTestPage_section h2 { color: rgba(0, 0, 0, 0.85); } [data-theme='light'] .QuantumToastToastTestPage_section p, [data-theme='light'] .QuantumToastToastTestPage_hint { color: rgba(0, 0, 0, 0.65); } [data-theme='light'] .QuantumToastToastTestPage_position-btn { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.85); } [data-theme='light'] .QuantumToastToastTestPage_position-btn:hover { background: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.2); } [data-theme='light'] .QuantumToastToastTestPage_code-block { background: rgba(0, 0, 0, 0.85); } [data-theme='light'] .QuantumToastToastTestPage_code-block pre { color: rgba(255, 255, 255, 0.9); } /** * @file ModalTestPage 样式 * @description Modal 组件测试页面样式 */ .QuantumModalModalTestPage_test-page { display: flex; flex-direction: column; gap: 24px; padding: 24px; } .QuantumModalModalTestPage_page-header { padding: 24px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.2)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 12px); margin-bottom: 24px; } .QuantumModalModalTestPage_page-header h1 { margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumModalModalTestPage_page-header p { margin: 0; font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.6)); } .QuantumModalModalTestPage_section { padding: 24px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.2)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 12px); } .QuantumModalModalTestPage_section h2 { margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumModalModalTestPage_section-title { margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumModalModalTestPage_section-desc { margin: 0 0 16px 0; font-size: 14px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); line-height: 1.6; } .QuantumModalModalTestPage_button-group { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; } [data-theme='light'] .QuantumModalModalTestPage_page-header, [data-theme='light'] .QuantumModalModalTestPage_section { background: var(--qd-glass-bg, rgba(0, 0, 0, 0.02)); border-color: var(--qd-border-default, rgba(0, 0, 0, 0.08)); } [data-theme='light'] .QuantumModalModalTestPage_page-header h1, [data-theme='light'] .QuantumModalModalTestPage_section h2, [data-theme='light'] .QuantumModalModalTestPage_section-title { color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); } [data-theme='light'] .QuantumModalModalTestPage_page-header p, [data-theme='light'] .QuantumModalModalTestPage_section-desc { color: var(--qd-text-secondary, rgba(0, 0, 0, 0.6)); } /** * @file SearchTestPage 样式 * @description QuantumSearch 组件测试页面样式 */ .QuantumSearchSearchTestPage_test-page { display: flex; flex-direction: column; gap: 24px; padding: 24px; } .QuantumSearchSearchTestPage_page-header { padding: 24px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.2)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 12px); margin-bottom: 24px; } .QuantumSearchSearchTestPage_page-header h1 { margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumSearchSearchTestPage_page-header p { margin: 0; font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.6)); } .QuantumSearchSearchTestPage_section { padding: 24px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.2)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.1)); border-radius: var(--qd-radius-lg, 12px); } .QuantumSearchSearchTestPage_section h2 { margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumSearchSearchTestPage_section-title { margin: 0 0 8px 0; font-size: 18px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .QuantumSearchSearchTestPage_section-desc { margin: 0 0 16px 0; font-size: 14px; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); line-height: 1.6; } .QuantumSearchSearchTestPage_demo-area { max-width: 480px; margin-bottom: 12px; } .QuantumSearchSearchTestPage_button-group { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; } .QuantumSearchSearchTestPage_result-area { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px; background: var(--qd-glass-bg, rgba(0, 0, 0, 0.15)); border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.06)); border-radius: var(--qd-radius-base, 8px); font-size: 13px; } .QuantumSearchSearchTestPage_result-label { color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.45)); flex-shrink: 0; } .QuantumSearchSearchTestPage_result-value { color: var(--qd-color-primary, hsl(260, 100%, 65%)); margin-right: 16px; word-break: break-all; } .QuantumSearchSearchTestPage_demo-group { display: flex; flex-direction: column; gap: 16px; } .QuantumSearchSearchTestPage_demo-item { display: flex; flex-direction: column; gap: 8px; max-width: 480px; } .QuantumSearchSearchTestPage_demo-label { font-size: 13px; font-weight: 500; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); } [data-theme='light'] .QuantumSearchSearchTestPage_page-header, [data-theme='light'] .QuantumSearchSearchTestPage_section { background: var(--qd-glass-bg, rgba(0, 0, 0, 0.02)); border-color: var(--qd-border-default, rgba(0, 0, 0, 0.08)); } [data-theme='light'] .QuantumSearchSearchTestPage_page-header h1, [data-theme='light'] .QuantumSearchSearchTestPage_section h2, [data-theme='light'] .QuantumSearchSearchTestPage_section-title { color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); } [data-theme='light'] .QuantumSearchSearchTestPage_page-header p, [data-theme='light'] .QuantumSearchSearchTestPage_section-desc { color: var(--qd-text-secondary, rgba(0, 0, 0, 0.6)); } [data-theme='light'] .QuantumSearchSearchTestPage_result-area { background: var(--qd-glass-bg, rgba(0, 0, 0, 0.02)); border-color: var(--qd-border-default, rgba(0, 0, 0, 0.06)); } [data-theme='light'] .QuantumSearchSearchTestPage_result-label { color: var(--qd-text-tertiary, rgba(0, 0, 0, 0.45)); } [data-theme='light'] .QuantumSearchSearchTestPage_demo-label { color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); } /** * @file LoadingTestPage 样式 */ .QuantumLoadingLoadingTestPage_loading-test-page { padding: 2rem; } .QuantumLoadingLoadingTestPage_page-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--ql-text-color, rgba(0, 0, 0, 0.85)); } .QuantumLoadingLoadingTestPage_page-desc { font-size: 0.875rem; color: var(--ql-text-color, rgba(0, 0, 0, 0.65)); margin-bottom: 2rem; } .QuantumLoadingLoadingTestPage_section { margin-bottom: 2.5rem; } .QuantumLoadingLoadingTestPage_section-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; color: var(--ql-text-color, rgba(0, 0, 0, 0.75)); } .QuantumLoadingLoadingTestPage_demo-row { display: flex; align-items: center; gap: 2.5rem; flex-wrap: wrap; margin-bottom: 1rem; } .QuantumLoadingLoadingTestPage_demo-item { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; } .QuantumLoadingLoadingTestPage_demo-label { font-size: 0.75rem; color: var(--ql-text-color, rgba(0, 0, 0, 0.45)); } .QuantumLoadingLoadingTestPage_wrapper-demo { margin-top: 1rem; border: 1px solid var(--ql-border, rgba(0, 0, 0, 0.06)); border-radius: 12px; overflow: hidden; } .QuantumLoadingLoadingTestPage_mock-content { display: flex; flex-direction: column; gap: 12px; padding: 1.5rem; } .QuantumLoadingLoadingTestPage_mock-card { display: flex; align-items: center; gap: 12px; padding: 1rem; background: var(--ql-bg-skeleton, rgba(0, 0, 0, 0.02)); border-radius: 8px; } .QuantumLoadingLoadingTestPage_mock-avatar { width: 48px; height: 48px; border-radius: 8px; background: var(--ql-color-primary-light, hsla(260, 85%, 55%, 0.1)); flex-shrink: 0; } .QuantumLoadingLoadingTestPage_mock-text { flex: 1; } .QuantumLoadingLoadingTestPage_mock-title { font-size: 0.875rem; font-weight: 500; color: var(--ql-text-color, rgba(0, 0, 0, 0.85)); margin-bottom: 4px; } .QuantumLoadingLoadingTestPage_mock-desc { font-size: 0.75rem; color: var(--ql-text-color, rgba(0, 0, 0, 0.45)); } .QuantumLoadingLoadingTestPage_skeleton-demos { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .QuantumLoadingLoadingTestPage_skeleton-demo-card { padding: 1.5rem; border: 1px solid var(--ql-border, rgba(0, 0, 0, 0.06)); border-radius: 12px; background: var(--ql-overlay-bg, rgba(255, 255, 255, 0.5)); } /** * @file SwitchTestPage 样式 */ .QuantumSwitchSwitchTestPage_switch-test-page { padding: 2rem; } .QuantumSwitchSwitchTestPage_page-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); } .QuantumSwitchSwitchTestPage_page-desc { font-size: 0.875rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); margin-bottom: 2rem; } .QuantumSwitchSwitchTestPage_section { margin-bottom: 2.5rem; } .QuantumSwitchSwitchTestPage_section-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; color: var(--qd-text-primary, rgba(0, 0, 0, 0.75)); } .QuantumSwitchSwitchTestPage_demo-row { display: flex; align-items: center; gap: 2.5rem; flex-wrap: wrap; margin-bottom: 1rem; } .QuantumSwitchSwitchTestPage_demo-column { display: flex; flex-direction: column; gap: 1rem; } .QuantumSwitchSwitchTestPage_demo-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; } .QuantumSwitchSwitchTestPage_demo-label { font-size: 0.75rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.45)); } .QuantumSwitchSwitchTestPage_demo-hint { font-size: 0.75rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.45)); margin: 0; padding-left: 4px; } /** * @file CheckboxTestPage 样式 */ .QuantumCheckboxCheckboxTestPage_checkbox-test-page { padding: 2rem; } .QuantumCheckboxCheckboxTestPage_page-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); } .QuantumCheckboxCheckboxTestPage_page-desc { font-size: 0.875rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); margin-bottom: 2rem; } .QuantumCheckboxCheckboxTestPage_section { margin-bottom: 2.5rem; } .QuantumCheckboxCheckboxTestPage_section-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; color: var(--qd-text-primary, rgba(0, 0, 0, 0.75)); } .QuantumCheckboxCheckboxTestPage_demo-row { display: flex; align-items: center; gap: 2.5rem; flex-wrap: wrap; margin-bottom: 1rem; } .QuantumCheckboxCheckboxTestPage_demo-column { display: flex; flex-direction: column; gap: 1rem; } .QuantumCheckboxCheckboxTestPage_demo-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; } .QuantumCheckboxCheckboxTestPage_demo-label { font-size: 0.75rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.45)); } .QuantumCheckboxCheckboxTestPage_demo-info { font-size: 0.75rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.45)); margin-top: 0.75rem; } /** * @file RadioTestPage 样式 */ .QuantumRadioRadioTestPage_radio-test-page { padding: 2rem; } .QuantumRadioRadioTestPage_page-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--qd-text-primary, rgba(0, 0, 0, 0.85)); } .QuantumRadioRadioTestPage_page-desc { font-size: 0.875rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.65)); margin-bottom: 2rem; } .QuantumRadioRadioTestPage_section { margin-bottom: 2.5rem; } .QuantumRadioRadioTestPage_section-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; color: var(--qd-text-primary, rgba(0, 0, 0, 0.75)); } .QuantumRadioRadioTestPage_demo-row { display: flex; align-items: center; gap: 2.5rem; flex-wrap: wrap; margin-bottom: 1rem; } .QuantumRadioRadioTestPage_demo-column { display: flex; flex-direction: column; gap: 1rem; } .QuantumRadioRadioTestPage_demo-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; } .QuantumRadioRadioTestPage_demo-label { font-size: 0.75rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.45)); } .QuantumRadioRadioTestPage_demo-info { font-size: 0.75rem; color: var(--qd-text-secondary, rgba(0, 0, 0, 0.45)); margin-top: 0.75rem; } /** * DemoTestPage 样式 */ .DemoTestPageDemoTestPage_demo-test-page { padding: 0; } .DemoTestPageDemoTestPage_demo-header { margin-bottom: 32px; } .DemoTestPageDemoTestPage_demo-header h1 { font-size: 24px; font-weight: 700; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin: 0 0 8px 0; } .DemoTestPageDemoTestPage_demo-header p { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin: 0; } /* Demo 列表 */ .DemoTestPageDemoTestPage_demo-list { display: flex; flex-direction: column; gap: 24px; } /* 单个 Demo 块 */ .DemoTestPageDemoTestPage_demo-block { background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 12px; overflow: hidden; } .DemoTestPageDemoTestPage_demo-block-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.08)); background: var(--qd-glass-bg, rgba(255, 255, 255, 0.04)); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background 0.2s ease; } .DemoTestPageDemoTestPage_demo-block-header:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.07)); } .DemoTestPageDemoTestPage_demo-block-title { display: flex; align-items: center; gap: 10px; } .DemoTestPageDemoTestPage_demo-block-title h3 { font-size: 15px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin: 0; } .DemoTestPageDemoTestPage_demo-block-tag { padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500; background: var(--qd-color-primary, hsl(260, 100%, 65%)); color: #fff; opacity: 0.85; } .DemoTestPageDemoTestPage_demo-block-desc { font-size: 13px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.5)); margin-left: auto; padding-right: 12px; } .DemoTestPageDemoTestPage_demo-block-toggle { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.5)); transition: transform 0.2s ease; } .DemoTestPageDemoTestPage_demo-block-toggle.DemoTestPageDemoTestPage_expanded { transform: rotate(180deg); } .DemoTestPageDemoTestPage_demo-block-body { padding: 20px; } /* 空状态 */ .DemoTestPageDemoTestPage_demo-empty { padding: 60px 20px; text-align: center; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.5)); } .DemoTestPageDemoTestPage_demo-empty p { font-size: 14px; margin: 12px 0 0 0; } .DemoTestPageDemoTestPage_demo-empty-icon { font-size: 40px; } /* 添加按钮区 */ .DemoTestPageDemoTestPage_demo-add-hint { margin-top: 32px; padding: 20px; border: 1px dashed var(--qd-glass-border, rgba(255, 255, 255, 0.15)); border-radius: 12px; text-align: center; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.5)); font-size: 13px; line-height: 1.8; } .DemoTestPageDemoTestPage_demo-add-hint code { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.07)); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 12px; color: var(--qd-color-primary, hsl(260, 100%, 65%)); } /* ===== useCallback Demo ===== */ .DemoTestPageDemoTestPage_demo-use-callback { display: flex; flex-direction: column; gap: 20px; } .DemoTestPageDemoTestPage_demo-control-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .DemoTestPageDemoTestPage_demo-trigger-btn { padding: 8px 18px; background: var(--qd-color-primary, hsl(260, 100%, 65%)); color: #fff; border: none; border-radius: 6px; font-size: 13px; cursor: pointer; transition: opacity 0.2s; } .DemoTestPageDemoTestPage_demo-trigger-btn:hover { opacity: 0.85; } .DemoTestPageDemoTestPage_demo-count-badge { padding: 4px 12px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.08)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 20px; font-size: 13px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.9)); } .DemoTestPageDemoTestPage_demo-count-shared { border-color: hsl(142, 76%, 46%); color: hsl(142, 76%, 60%); } .DemoTestPageDemoTestPage_demo-children-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .DemoTestPageDemoTestPage_demo-child-box { padding: 20px; border-radius: 10px; border: 1.5px solid transparent; display: flex; flex-direction: column; gap: 8px; } .DemoTestPageDemoTestPage_demo-child-stable { background: rgba(24, 144, 255, 0.06); border-color: rgba(24, 144, 255, 0.3); } .DemoTestPageDemoTestPage_demo-child-unstable { background: rgba(245, 108, 108, 0.06); border-color: rgba(245, 108, 108, 0.3); } .DemoTestPageDemoTestPage_demo-child-label { font-size: 15px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .DemoTestPageDemoTestPage_demo-child-desc { font-size: 12px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.5)); } .DemoTestPageDemoTestPage_demo-child-count { font-size: 20px; font-weight: 700; color: var(--qd-text-primary, rgba(255, 255, 255, 0.9)); margin: 4px 0; } .DemoTestPageDemoTestPage_demo-child-btn { align-self: flex-start; padding: 6px 14px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.08)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.12)); border-radius: 6px; color: var(--qd-text-primary, rgba(255, 255, 255, 0.9)); font-size: 13px; cursor: pointer; transition: background 0.2s; } .DemoTestPageDemoTestPage_demo-child-btn:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.14)); } .DemoTestPageDemoTestPage_demo-explain { padding: 16px 18px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.04)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.08)); border-radius: 8px; display: flex; flex-direction: column; gap: 8px; } .DemoTestPageDemoTestPage_demo-explain p { margin: 0; font-size: 13px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); line-height: 1.7; } .DemoTestPageDemoTestPage_demo-explain strong { color: var(--qd-text-primary, rgba(255, 255, 255, 0.9)); } .DemoTestPageDemoTestPage_demo-explain code { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.07)); padding: 1px 5px; border-radius: 3px; font-family: monospace; font-size: 12px; color: hsl(260, 100%, 75%); } /** * ComponentTestPage 页面样式 * 支持深色/浅色模式 */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3), 0 0 40px hsla(260, 100%, 65%, 0.15); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-md: 1rem; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.15), 0 0 40px hsla(260, 100%, 65%, 0.08); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-md: 1rem; --qd-radius-lg: 12px; } .V2ComponentTestPage_test-page-container { min-height: 100vh; background: var(--qd-bg-primary, hsl(240, 10%, 4%)); display: flex; flex-direction: column; } /* 页面头部 */ .V2ComponentTestPage_page-header { padding: 32px 24px 24px; background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border-bottom: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); display: flex; align-items: center; justify-content: space-between; position: relative; } .V2ComponentTestPage_header-left { text-align: center; flex: 1; } .V2ComponentTestPage_title { font-size: 32px; font-weight: 700; margin: 0 0 8px 0; background: linear-gradient(135deg, var(--qd-color-primary, hsl(260, 100%, 65%)), hsl(280, 100%, 70%)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .V2ComponentTestPage_subtitle { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin: 0; } /* 主题切换按钮 */ .V2ComponentTestPage_theme-toggle { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; outline: none; } .V2ComponentTestPage_theme-toggle:hover { background: var(--qd-glass-bg-hover, rgba(255, 255, 255, 0.1)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.2)); transform: translateY(-50%) scale(1.05); } .V2ComponentTestPage_theme-toggle:focus-visible { outline: 2px solid var(--qd-color-primary, hsl(260, 100%, 65%)); outline-offset: 2px; } /* 导航栏 */ .V2ComponentTestPage_nav-bar { display: flex; justify-content: center; gap: 8px; padding: 16px 24px; background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border-bottom: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); } .V2ComponentTestPage_nav-item { padding: 10px 24px; background: transparent; border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 8px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; outline: none; } .V2ComponentTestPage_nav-item:hover { background: var(--qd-glass-bg, rgba(255, 255, 255, 0.08)); color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); border-color: var(--qd-border-hover, rgba(255, 255, 255, 0.15)); } .V2ComponentTestPage_nav-item.V2ComponentTestPage_active { background: var(--qd-color-primary, hsl(260, 100%, 65%)); color: #ffffff; border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); box-shadow: 0 0 20px hsla(260, 100%, 65%, 0.3); } /* 主内容区 */ .V2ComponentTestPage_content { flex: 1; padding: 24px; max-width: 1400px; width: 100%; margin: 0 auto; } /* 概览页面 */ .V2ComponentTestPage_overview-content { text-align: center; padding: 60px 20px; } .V2ComponentTestPage_overview-content h2 { font-size: 28px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin: 0 0 40px 0; } .V2ComponentTestPage_component-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 800px; margin: 0 auto; } .V2ComponentTestPage_component-card { padding: 32px; background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border: 1px solid var(--qd-glass-border, rgba(255, 255, 255, 0.1)); border-radius: 16px; cursor: pointer; transition: all 0.3s ease; text-align: center; } .V2ComponentTestPage_component-card:hover { border-color: var(--qd-color-primary, hsl(260, 100%, 65%)); transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 20px hsla(260, 100%, 65%, 0.15); } .V2ComponentTestPage_component-icon { font-size: 48px; margin-bottom: 16px; } .V2ComponentTestPage_component-card h3 { font-size: 20px; font-weight: 600; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); margin: 0 0 8px 0; } .V2ComponentTestPage_component-card p { font-size: 14px; color: var(--qd-text-secondary, rgba(255, 255, 255, 0.7)); margin: 0 0 20px 0; line-height: 1.6; } .V2ComponentTestPage_demo-btn { margin-top: 8px; } /* 测试模块 */ .V2ComponentTestPage_test-module { margin-bottom: 32px; background: var(--qd-bg-secondary, hsl(240, 10%, 8%)); border-radius: 16px; overflow: hidden; border: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); } .V2ComponentTestPage_module-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; background: var(--qd-glass-bg, rgba(255, 255, 255, 0.05)); border-bottom: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); } .V2ComponentTestPage_module-header h2 { font-size: 20px; font-weight: 600; margin: 0; color: var(--qd-text-primary, rgba(255, 255, 255, 0.95)); } .V2ComponentTestPage_badge { padding: 4px 12px; background: var(--qd-color-primary, hsl(260, 100%, 65%)); color: #ffffff; border-radius: 12px; font-size: 12px; font-weight: 500; } /* 页面底部 */ .V2ComponentTestPage_page-footer { padding: 24px; text-align: center; color: var(--qd-text-tertiary, rgba(255, 255, 255, 0.5)); font-size: 14px; border-top: 1px solid var(--qd-border-default, rgba(255, 255, 255, 0.08)); } .V2ComponentTestPage_page-footer p { margin: 0; } /* 响应式 */ @media (max-width: 768px) { .V2ComponentTestPage_page-header { padding: 24px 16px 16px; flex-wrap: wrap; } .V2ComponentTestPage_header-left { text-align: center; width: 100%; } .V2ComponentTestPage_theme-toggle { position: static; transform: none; margin: 16px auto 0; } .V2ComponentTestPage_theme-toggle:hover { transform: scale(1.05); } .V2ComponentTestPage_title { font-size: 24px; } .V2ComponentTestPage_nav-bar { flex-wrap: wrap; padding: 12px 16px; } .V2ComponentTestPage_nav-item { flex: 1; min-width: calc(50% - 4px); padding: 8px 12px; font-size: 13px; } .V2ComponentTestPage_content { padding: 16px; } .V2ComponentTestPage_overview-content { padding: 40px 16px; } .V2ComponentTestPage_overview-content h2 { font-size: 22px; } .V2ComponentTestPage_component-grid { grid-template-columns: 1fr; gap: 16px; } .V2ComponentTestPage_component-card { padding: 24px; } .V2ComponentTestPage_module-header { flex-direction: column; align-items: flex-start; gap: 12px; } } .v3-home { padding: 24px; max-width: 1000px; margin: 0 auto; } .v3-home-loading { height: 100%; display: flex; align-items: center; justify-content: center; } .v3-welcome { font-size: 24px; font-weight: 600; margin-bottom: 4px; color: var(--color-text); } .v3-welcome-sub { font-size: 14px; color: var(--color-text-placeholder); margin-bottom: 24px; } .v3-quick-actions { margin-top: 24px; padding: 20px; background: #fff; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); } .v3-quick-actions h3 { font-size: 15px; font-weight: 500; margin-bottom: 12px; } .v3-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; } .v3-stat-card { padding: 20px; background: #fff; border-radius: 6px; border: 1px solid var(--color-border); transition: all 0.2s; } .v3-stat-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .v3-stat-label { font-size: 13px; color: var(--color-text-placeholder); margin-bottom: 8px; } .v3-stat-value { font-size: 28px; font-weight: 600; color: var(--color-text); } .v3-stat-unit { font-size: 14px; color: var(--color-text-placeholder); font-weight: 400; } .v3-stat-sub { font-size: 12px; color: var(--color-text-placeholder); margin-top: 4px; } .v3-progress-bar { height: 8px; background: var(--color-bg-hover); border-radius: 4px; overflow: hidden; margin-top: 8px; } .v3-progress-fill { height: 100%; background: var(--color-primary); border-radius: 4px; transition: width 0.3s; } .v3-send-msg-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .v3-send-msg-list { min-height: 200px; max-height: 400px; overflow-y: auto; } .v3-send-msg-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 6px; cursor: pointer; transition: background 0.2s; } .v3-send-msg-item:hover { background: var(--color-bg-page); } .v3-send-msg-logo { width: 36px; height: 36px; border-radius: 6px; -o-object-fit: cover; object-fit: cover; } .v3-send-msg-name { font-size: 14px; color: var(--color-text); } .v3-send-msg-empty { text-align: center; padding: 60px 0; color: var(--color-text-placeholder); font-size: 14px; } .v3-contacts-layout { padding: 24px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); min-height: 600px; } .v3-group-manage { height: 100%; display: flex; flex-direction: column; overflow: hidden; } .v3-group-manage-toolbar { display: flex; align-items: center; margin-bottom: 16px; flex-shrink: 0; position: relative; } .v3-group-manage-title { font-size: 16px; font-weight: 500; position: absolute; left: 50%; transform: translateX(-50%); } .v3-group-manage-list { flex: 1; overflow-y: auto; min-height: 0; } .v3-app-card-drag-wrapper { cursor: grab; border-radius: 8px; } .v3-app-card-drag-wrapper:active { cursor: grabbing; } .v3-app-card-dragging { opacity: 0.4; } .v3-apps { height: 97%; display: flex; flex-direction: column; background: transparent; } .v3-apps-toolbar { display: flex; align-items: center; margin-bottom: 20px; flex-shrink: 0; } .v3-apps-toolbar-left { display: flex; align-items: center; gap: 8px; } .v3-apps-cards { flex: 1; overflow-y: auto; min-height: 0; scrollbar-width: none; } .v3-apps-cards::-webkit-scrollbar { display: none; } .v3-apps-cards .infoflow-spin-nested-loading, .v3-apps-cards .infoflow-spin-container { min-height: 400px; } .v3-app-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .v3-app-card { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); cursor: pointer; transition: box-shadow 0.2s, transform 0.2s; } .v3-app-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .v3-app-card-avatar { width: 48px; height: 48px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; } .v3-app-card-avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-app-card-avatar-text { font-size: 18px; font-weight: 600; } .v3-app-card-info { min-width: 0; flex: 1; } .v3-app-card-name { max-width: 100%; font-size: 14px; font-weight: 600; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; width: -moz-fit-content; width: fit-content; } .v3-app-card-id { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--color-text-placeholder); margin-top: 2px; line-height: 18px; } .v3-copy-btn { font-size: 12px; color: var(--color-primary); cursor: pointer; opacity: 0; transition: opacity 0.2s; margin-left: 4px; } .v3-copy-btn:hover { color: var(--color-primary); } .v3-app-card:hover .v3-copy-btn { opacity: 1; } .v3-app-card-tags { display: flex; gap: 4px; margin-top: 4px; flex-wrap: wrap; } .v3-app-tag { display: inline-block; font-size: 11px; line-height: 18px; padding: 0 6px; border-radius: 4px; background: var(--color-primary-light-bg); color: var(--color-primary); } .v3-app-tag.saas { background: var(--color-warning-light-bg); color: var(--color-warning); } .v3-apps-pagination { flex-shrink: 0; padding-top: 6px; display: flex; justify-content: flex-end; } .v3-create-app-form .infoflow-form-item-explain { color: var(--color-danger-hover); } .v3-create-app-form .v3-form-item { margin-bottom: 20px; } .v3-create-app-form .v3-form-label { display: block; font-size: 13px; color: var(--color-text); margin-bottom: 8px; font-weight: 500; } .v3-create-app-form .v3-form-hint { color: var(--color-text-placeholder); font-size: 12px; } .v3-create-app-form .v3-form-hint a { color: var(--color-primary); cursor: pointer; } .v3-create-app-form .v3-form-textarea { width: 100%; min-height: 120px; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 4px; font-size: 14px; resize: vertical; box-sizing: border-box; } .v3-create-app-form .v3-form-textarea:focus { border-color: var(--color-primary); outline: none; } .v3-create-app-form .v3-logo-upload { display: flex; align-items: center; gap: 12px; } .v3-create-app-form .v3-logo-placeholder { width: 64px; height: 64px; border: 1px dashed var(--color-border); border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--color-text-placeholder); cursor: pointer; } .v3-create-app-form .v3-logo-placeholder:hover { border-color: var(--color-primary); color: var(--color-primary); } .v3-create-app-form .v3-logo-preview-wrapper { position: relative; width: 64px; height: 64px; cursor: pointer; border-radius: 4px; overflow: hidden; } .v3-create-app-form .v3-logo-preview { width: 64px; height: 64px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .v3-create-app-form .v3-logo-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; } .v3-create-app-form .v3-appform-option { display: flex; align-items: center; margin-bottom: 10px; } .v3-create-app-form .v3-appform-option .v3-form-hint { margin-left: 4px; } .v3-emp-search-select { position: relative; } .v3-emp-search-select__dropdown { margin-top: 4px; background: #fff; border: 1px solid var(--color-border); border-radius: 6px; max-height: 240px; overflow: auto; } .v3-emp-search-select__dropdown-empty { padding: 12px 16px; color: var(--color-text-placeholder); font-size: 13px; } .v3-emp-search-select__dropdown-item { padding: 8px 16px; cursor: pointer; transition: background 0.15s; } .v3-emp-search-select__dropdown-item:hover { background: var(--color-bg-page); } .v3-emp-search-select__dropdown-item.is-disabled { opacity: 0.4; cursor: not-allowed; } .v3-emp-search-select__dropdown-item.is-disabled:hover { background: none; } .v3-emp-search-select__dropdown-name { font-size: 14px; color: var(--color-text); line-height: 22px; } .v3-emp-search-select__dropdown-dept { color: var(--color-text-placeholder); font-size: 12px; margin-left: 8px; } .v3-emp-search-select__dropdown-email { font-size: 12px; color: var(--color-text-placeholder); line-height: 18px; } .v3-emp-search-select__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin-top: 12px; } .v3-emp-search-select__item { display: flex; align-items: flex-start; gap: 6px; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--color-border-light); position: relative; transition: background 0.2s; } .v3-emp-search-select__item:hover { background: var(--color-bg-elevated); } .v3-emp-search-select__item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } .v3-emp-search-select__item-name { font-size: 13px; color: var(--color-text); line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-emp-search-select__item-email { font-size: 12px; color: var(--color-text-placeholder); line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-emp-search-select__item-remove { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); border: none; background: none; cursor: pointer; color: var(--color-text-disabled); font-size: 14px; line-height: 1; padding: 4px; transition: color 0.2s; } .v3-emp-search-select__item-remove:hover { color: var(--color-primary); } .v3-emp-search-select__count { margin-top: 8px; font-size: 12px; color: var(--color-text-placeholder); text-align: right; } .member-picker { display: flex; height: 450px; } .member-picker__left { flex: 1; display: flex; flex-direction: column; padding-right: 16px; border-right: 1px solid var(--color-border-light); overflow: hidden; } .member-picker__tree-area { flex: 1; overflow-y: auto; margin-top: 8px; } .member-picker__tree-area .infoflow-tree-checkbox-disabled { visibility: hidden; width: 0; margin: 0; } .member-picker__tree-area .infoflow-tree-checkbox-checked ~ .infoflow-tree-node-content-wrapper { background: var(--color-primary-light-bg); border-radius: 4px; color: var(--color-primary); } .member-picker__selected { width: 280px; display: flex; flex-direction: column; padding-left: 16px; } .member-picker__selected-header { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--color-text); font-weight: 500; margin-bottom: 12px; flex-shrink: 0; } .member-picker__selected-clear { color: var(--color-primary); font-size: 12px; cursor: pointer; font-weight: 400; } .member-picker__selected-clear:hover { color: var(--color-primary-active); } .member-picker__selected-body { flex: 1; overflow-y: auto; } .member-picker__selected-empty { color: var(--color-text-placeholder); font-size: 13px; text-align: center; padding-top: 40px; } .member-picker__selected-group { margin-bottom: 12px; } .member-picker__selected-group-label { font-size: 12px; color: var(--color-text-placeholder); margin-bottom: 4px; } .member-picker__selected-item { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; border-radius: 4px; font-size: 13px; color: var(--color-text); } .member-picker__selected-item:hover { background: var(--color-bg-page); } .member-picker__selected-item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .member-picker__selected-item-remove { cursor: pointer; color: var(--color-text-placeholder); font-size: 14px; flex-shrink: 0; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .member-picker__selected-item-remove:hover { background: var(--color-border); color: var(--color-text); } .member-picker__search-results { flex: 1; overflow-y: auto; } .member-picker__search-empty { color: var(--color-text-placeholder); font-size: 13px; text-align: center; padding-top: 40px; } .member-picker__search-group { margin-bottom: 12px; } .member-picker__search-group-label { font-size: 12px; color: var(--color-text-placeholder); margin-bottom: 4px; padding: 0 8px; } .member-picker__search-item { display: flex; align-items: center; justify-content: space-between; padding: 8px; border-radius: 4px; font-size: 13px; color: var(--color-text); cursor: pointer; } .member-picker__search-item:hover { background: var(--color-bg-page); } .member-picker__search-item.is-selected { color: var(--color-text-placeholder); cursor: default; } .member-picker__search-item-main { display: flex; flex-direction: column; overflow: hidden; } .member-picker__search-item-sub { font-size: 12px; color: var(--color-text-placeholder); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; } .member-picker__search-item-check { color: var(--color-primary); font-size: 14px; } .member-picker__tree-empty { padding-top: 40px; display: flex; justify-content: center; } .member-picker__load-more { color: var(--color-primary); font-size: 12px; cursor: pointer; } .member-picker__load-more:hover { color: var(--color-primary-active); } .v3-hover-card { padding: 4px 0; } .v3-hover-card__name { font-size: 13px; color: var(--color-text); line-height: 1.2; } .v3-hover-card__email { font-size: 12px; color: var(--color-text-placeholder); line-height: 1.2; margin-top: 2px; } .v3-hover-card__dept-path { font-size: 12px; color: var(--color-text); line-height: 22px; } .v3-hover-card__error { font-size: 12px; color: var(--color-text-placeholder); } .v3-hover-card__loading { font-size: 12px; color: var(--color-text-placeholder); } .v3-visibility-display__group { margin-bottom: 12px; } .v3-visibility-display__group:last-child { margin-bottom: 0; } .v3-visibility-display__label { font-size: 13px; font-weight: 500; color: var(--color-text); margin-bottom: 6px; } .v3-visibility-display__tags { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 8px; } .v3-base-info-panel { width: 100%; } .v3-base-info-panel .infoflow-setting-item-actions { opacity: 1 !important; } .v3-base-info-panel .infoflow-secret-field-actions { opacity: 1 !important; } .v3-base-info-panel .infoflow-secret-field { width: 100%; justify-content: space-between; } .v3-base-info-panel .infoflow-secret-field-text { font-family: inherit; font-size: 14px; } .v3-base-info-panel__card { background: #fff; padding: 20px 24px; padding-bottom: 24px; margin-bottom: 16px; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-base-info-panel__card:last-child { margin-bottom: 0; } .v3-base-info-panel__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-base-info-panel__provider { display: flex; flex-direction: column; gap: 12px; } .v3-base-info-panel__provider-item { display: flex; align-items: center; line-height: 32px; } .v3-base-info-panel__provider-label { width: 100px; color: var(--color-text-secondary); font-size: 14px; flex-shrink: 0; } .v3-base-info-panel__provider-value { color: var(--color-text); font-size: 14px; } .v3-base-info-panel__credential-warning { margin-top: 16px; padding: 8px 12px; background: var(--color-warning-light-bg); border-radius: 4px; font-size: 12px; color: var(--color-warning); display: flex; align-items: center; gap: 6px; } .v3-base-info-panel__admin-setting .infoflow-setting-item-value-wrapper, .v3-base-info-panel__admin-setting .infoflow-setting-item-value { display: block !important; width: 100% !important; max-width: none !important; } .v3-base-info-panel__admin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; } .v3-base-info-panel__admin-item { display: flex; align-items: flex-start; gap: 6px; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--color-border-light); position: relative; transition: background 0.2s; } .v3-base-info-panel__admin-item:hover { background: var(--color-bg-elevated); } .v3-base-info-panel__admin-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } .v3-base-info-panel__admin-name-row, .v3-base-info-panel__admin-email-row { display: flex; align-items: center; gap: 4px; line-height: 1.2; } .v3-base-info-panel__admin-name { font-size: 13px; color: var(--color-text); line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-base-info-panel__admin-email { font-size: 12px; color: var(--color-text-placeholder); line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-base-info-panel__admin-remove { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); border: none; background: none; cursor: pointer; color: var(--color-text-disabled); padding: 4px; display: inline-flex; align-items: center; justify-content: center; transition: color 0.2s; } .v3-base-info-panel__admin-remove:hover { color: var(--color-primary); } .v3-base-info-panel__search-dropdown { margin-top: 4px; background: #fff; border: 1px solid var(--color-border); border-radius: 6px; max-height: 240px; overflow: auto; } .v3-base-info-panel__search-dropdown-empty { padding: 12px 16px; color: var(--color-text-placeholder); font-size: 13px; } .v3-base-info-panel__search-dropdown-item { padding: 8px 16px; cursor: pointer; transition: background 0.15s; } .v3-base-info-panel__search-dropdown-item:hover { background: var(--color-bg-page); } .v3-base-info-panel__search-dropdown-item.is-disabled { opacity: 0.4; cursor: not-allowed; } .v3-base-info-panel__search-dropdown-item.is-disabled:hover { background: none; } .v3-base-info-panel__search-dropdown-name { font-size: 14px; color: var(--color-text); line-height: 22px; } .v3-base-info-panel__search-dropdown-dept { color: var(--color-text-placeholder); font-size: 12px; margin-left: 8px; } .v3-base-info-panel__search-dropdown-email { font-size: 12px; color: var(--color-text-placeholder); line-height: 18px; } .v3-base-info-panel__admin-add { display: flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 6px; border: 1px dashed var(--color-border); cursor: pointer; color: var(--color-primary); font-size: 14px; transition: border-color 0.2s; } .v3-base-info-panel__admin-add:hover { border-color: var(--color-primary); } .v3-base-info-panel__visibility-item .infoflow-setting-item-editor-actions { display: none; } .v3-base-info__logo-item.infoflow-setting-item { align-items: center; } .v3-receive-message-panel { width: 100%; } .v3-receive-message-panel__loading { display: flex; justify-content: center; align-items: center; min-height: 300px; } .v3-receive-message-panel__notice { display: flex; align-items: center; padding: 10px 16px; background: var(--color-warning-light-bg); border: 1px solid var(--color-warning); border-radius: 4px; margin-bottom: 16px; font-size: 13px; color: var(--color-text-secondary); } .v3-receive-message-panel__notice-icon { margin-right: 8px; font-size: 14px; } .v3-receive-message-panel__switch-row { display: flex; align-items: center; padding: 16px 24px; background: #fff; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-receive-message-panel__switch-label { font-size: 18px; font-weight: 500; color: var(--color-text); margin-right: 16px; } .v3-receive-message-panel__switch-hint { margin-left: 12px; font-size: 13px; color: var(--color-text-placeholder); } .v3-receive-message-panel__card { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-receive-message-panel__card-header { display: flex; align-items: center; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-receive-message-panel__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); } .v3-receive-message-panel__card-actions { display: flex; gap: 8px; margin-left: auto; } .v3-receive-message-panel__card-footer { display: flex; gap: 8px; margin-top: 16px; } .v3-receive-message-panel__edit-btn { border: none; background: none; cursor: pointer; padding: 4px 8px; border-radius: 4px; font-size: 14px; line-height: 24px; color: var(--color-text-secondary); display: inline-flex; align-items: center; margin-left: 8px; transition: background-color 0.2s, color 0.2s; } .v3-receive-message-panel__edit-btn:hover { background: var(--color-primary-light); color: var(--color-primary); } .v3-receive-message-panel__field-row { display: flex; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--color-border-light); } .v3-receive-message-panel__field-row:last-child { border-bottom: none; } .v3-receive-message-panel__field-label { width: 180px; min-width: 180px; font-size: 14px; color: var(--color-text-secondary); line-height: 32px; } .v3-receive-message-panel__field-label--required::after { content: '*'; color: var(--color-danger); margin-left: 4px; } .v3-receive-message-panel__field-value { flex: 1; font-size: 14px; color: var(--color-text); line-height: 32px; word-break: break-all; } .v3-receive-message-panel__field-value .infoflow-secret-field-actions { opacity: 1; } .v3-receive-message-panel__field-edit { flex: 1; display: flex; align-items: center; gap: 8px; } .v3-receive-message-panel__field-edit--top { align-items: flex-start; padding-top: 6px; } .v3-receive-message-panel__radio-row { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--color-border-light); } .v3-receive-message-panel__radio-row:last-child { border-bottom: none; } .v3-receive-message-panel__radio-label { width: 200px; min-width: 200px; font-size: 14px; color: var(--color-text-secondary); } .v3-receive-message-panel__websocket-tip { background: var(--color-bg-hover); padding: 16px; border-radius: 8px; font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; margin: 12px 0; } .v3-receive-message-panel__websocket-tip a { color: var(--color-primary); } .v3-receive-message-panel__websocket-warning { font-weight: bold; margin-top: 8px; } .v3-receive-message-panel__footer { display: flex; justify-content: center; padding: 24px 0; } .v3-receive-message-panel__cmd-table { width: 100%; border-collapse: collapse; font-size: 14px; } .v3-receive-message-panel__cmd-table th, .v3-receive-message-panel__cmd-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--color-border-light); } .v3-receive-message-panel__cmd-table th { color: var(--color-text-secondary); font-weight: normal; background: var(--color-bg-elevated); } .v3-receive-message-panel__cmd-table td { color: var(--color-text); } .v3-receive-message-panel__cmd-actions { display: flex; gap: 8px; margin-top: 12px; } .v3-receive-message-panel__cmd-disabled-tip { font-size: 12px; color: var(--color-danger); margin-left: 8px; font-weight: normal; } .v3-receive-message-panel__cmd-error { color: var(--color-danger); font-size: 12px; margin-top: 4px; } .v3-receive-message-panel__dev-links { margin-top: 12px; padding-top: 12px; } .v3-receive-message-panel__dev-links a { color: var(--color-primary); font-size: 13px; margin-right: 16px; text-decoration: none; } .v3-receive-message-panel__dev-links a:hover { text-decoration: underline; } .v3-app-config-panel { width: 100%; } .v3-app-config-panel .infoflow-setting-item-actions { opacity: 1 !important; } .v3-app-config-panel__loading { display: flex; align-items: center; justify-content: center; min-height: 200px; } .v3-app-config-panel__card { background: #fff; padding: 20px 24px 24px; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-app-config-panel__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-app-config-panel__hint { font-size: 12px; color: var(--color-text-placeholder); margin-top: 4px; margin-bottom: 0; } .v3-app-config-panel__error { font-size: 12px; color: var(--color-danger-hover); margin-top: 4px; margin-bottom: 0; } .v3-app-config-panel__size-inputs { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; } .v3-app-config-panel__size-unit { color: var(--color-text-secondary); font-size: 14px; } .v3-app-config-panel__size-hint { margin-left: 16px; font-size: 12px; color: var(--color-text-placeholder); } .v3-app-config-panel__switch-hint { margin-left: 8px; font-size: 14px; color: var(--color-text-secondary); } .v3-app-config-panel__visibility-item .infoflow-setting-item-editor-actions { display: none; } .v3-feature-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 16px; } .v3-feature-card-header { padding: 20px 24px; border-bottom: 1px solid var(--color-border-light); display: flex; align-items: center; } .v3-feature-card-title { font-size: 18px; font-weight: 500; color: var(--color-text); } .v3-feature-card-body { padding: 0; } .v3-feature-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .v3-feature-cell { padding: 24px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); display: flex; flex-direction: column; } .v3-feature-cell:nth-child(4n) { border-right: none; } .v3-feature-cell-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .v3-feature-cell-title { font-size: 15px; font-weight: 600; color: var(--color-text); } .v3-feature-cell-desc { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; flex: 1; } .v3-feature-cell-action { font-size: 14px; color: var(--color-primary); cursor: pointer; text-decoration: none; font-weight: 500; } .v3-feature-cell-action:hover { color: var(--color-primary-active); } .v3-feature-cell-action--disabled { color: var(--color-text-disabled, #ccc); cursor: not-allowed; pointer-events: none; } .v3-feature-cell-action-row { display: flex; align-items: center; gap: 8px; margin-top: 16px; } .v3-feature-cell-extra { font-size: 13px; color: var(--color-text-secondary); } .v3-sub-page-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; position: relative; padding: 12px 24px; background: #fff; border-radius: 12px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-sub-page-header__back { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; color: var(--color-primary); cursor: pointer; } .v3-sub-page-header__back:hover { opacity: 0.8; } .v3-sub-page-header__title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 16px; font-weight: 500; color: var(--color-text); } .v3-send-message__target { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-send-message__target-title { font-size: 18px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-send-message__target-row { display: flex; align-items: center; margin-bottom: 14px; } .v3-send-message__target-row:last-child { margin-bottom: 0; } .v3-send-message__target-label { font-size: 14px; color: var(--color-text-secondary); width: 90px; flex-shrink: 0; } .v3-send-message__target-stats { font-size: 13px; color: var(--color-text-placeholder); margin-left: 4px; } .v3-send-message__target-members { padding-left: 90px; margin-bottom: 14px; } .v3-send-message__target-pick-btn { color: var(--color-primary); cursor: pointer; font-size: 13px; margin-left: 8px; } .v3-send-message__target-pick-btn:hover { text-decoration: underline; } .v3-material-modal__filter { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-material-modal__list { max-height: 420px; overflow-y: auto; border: 1px solid var(--color-border-light); border-radius: 6px; } .v3-material-modal__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-height: 420px; overflow-y: auto; } .v3-material-modal__pagination { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--color-border-light); text-align: right; } .v3-material-modal__text-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--color-border-light); cursor: pointer; transition: background 0.15s; } .v3-material-modal__text-item:hover { background: var(--color-bg-elevated); } .v3-material-modal__text-item:last-child { border-bottom: none; } .v3-material-modal__text-content { flex: 1; font-size: 14px; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 16px; } .v3-material-modal__text-action { color: var(--color-primary); font-size: 13px; flex-shrink: 0; cursor: pointer; font-weight: 500; } .v3-material-modal__text-action:hover { text-decoration: underline; } .v3-material-modal__pictext-card { border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; } .v3-material-modal__pictext-card:hover { border-color: var(--color-primary); box-shadow: 0 2px 8px rgba(51, 112, 255, 0.12); } .v3-material-modal__pictext-cover { width: 100%; height: 120px; overflow: hidden; background: var(--color-bg-elevated); } .v3-material-modal__pictext-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-material-modal__pictext-cover-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--color-text-placeholder); font-size: 14px; } .v3-material-modal__pictext-title { padding: 10px 12px; font-size: 13px; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v3-material-modal__media-item { display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--color-border-light); cursor: pointer; gap: 14px; transition: background 0.15s; } .v3-material-modal__media-item:hover { background: var(--color-bg-elevated); } .v3-material-modal__media-item:last-child { border-bottom: none; } .v3-material-modal__media-thumb { width: 52px; height: 52px; -o-object-fit: cover; object-fit: cover; border-radius: 6px; flex-shrink: 0; border: 1px solid var(--color-border); } .v3-material-modal__media-info { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; } .v3-material-modal__media-name { font-size: 14px; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v3-material-modal__media-size { font-size: 12px; color: var(--color-text-placeholder); } .v3-text-tab__textarea-wrapper { position: relative; } .v3-text-tab__textarea { width: 100%; min-height: 200px; padding: 12px 14px; padding-bottom: 36px; border: 1px solid var(--color-border); border-radius: 6px; font-size: 14px; line-height: 1.6; color: var(--color-text); resize: vertical; outline: none; transition: border-color 0.2s, box-shadow 0.2s; font-family: inherit; } .v3-text-tab__textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.1); } .v3-text-tab__textarea::-moz-placeholder { color: var(--color-text-placeholder); } .v3-text-tab__textarea::placeholder { color: var(--color-text-placeholder); } .v3-text-tab__textarea--error { border-color: var(--color-danger); } .v3-text-tab__textarea--error:focus { border-color: var(--color-danger); box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.1); } .v3-text-tab__smile-icon { position: absolute; left: 12px; bottom: 10px; width: 24px; height: 24px; cursor: pointer; } .v3-text-tab__count { position: absolute; right: 14px; bottom: 10px; font-size: 12px; color: var(--color-text-placeholder); pointer-events: none; } .v3-text-tab__face-panel { position: absolute; left: 0; bottom: 42px; z-index: 10; width: 392px; max-height: 220px; overflow-y: auto; padding: 13px; background: #fff; border: 1px solid var(--color-border); border-radius: 6px; display: flex; flex-wrap: wrap; gap: 2px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .v3-text-tab__face-item { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; transition: background 0.15s; } .v3-text-tab__face-item:hover { background: var(--color-bg-hover); } .v3-text-tab__face-item img { width: 24px; height: 24px; } .v3-richtext-tab { min-height: 500px; } .v3-richtext-tab__body { display: flex; gap: 24px; } .v3-richtext-tab__preview { width: 280px; flex-shrink: 0; } .v3-richtext-tab__editor { flex: 1; min-width: 0; } .v3-richtext-tab__field { margin-bottom: 18px; } .v3-richtext-tab__field > label { display: block; font-size: 13px; color: var(--color-text-secondary); margin-bottom: 8px; font-weight: 500; } .v3-richtext-tab__required { color: var(--color-danger); margin-left: 2px; } .v3-richtext-tab__type-cards { display: flex; gap: 12px; } .v3-richtext-tab__type-card { flex: 1; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 6px; cursor: pointer; font-size: 14px; text-align: center; transition: all 0.2s; } .v3-richtext-tab__type-card--active { border-color: var(--color-primary); color: var(--color-primary); background: var(--color-primary-light-bg); } .v3-richtext-tab__type-hint { display: block; margin-top: 8px; font-size: 12px; color: var(--color-text-placeholder); } .v3-richtext-tab__cover-preview { display: inline-block; } .v3-richtext-tab__cover-img-wrap { position: relative; display: inline-block; } .v3-richtext-tab__cover-img-wrap img { width: 120px; height: 80px; -o-object-fit: cover; object-fit: cover; border-radius: 6px; border: 1px solid var(--color-border); display: block; } .v3-richtext-tab__cover-delete-btn { position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 50%; font-size: 13px; cursor: pointer; line-height: 1; } .v3-richtext-tab__cover-delete-btn:hover { background: rgba(0, 0, 0, 0.75); } .v3-richtext-tab__cover-upload { display: flex; align-items: center; gap: 12px; } .v3-richtext-tab__cover-placeholder { font-size: 13px; color: var(--color-text-placeholder); } .v3-richtext-tab__cover-hint { display: block; margin-top: 8px; font-size: 12px; color: var(--color-danger); } .v3-richtext-tab__error { display: block; margin-top: 4px; font-size: 12px; color: var(--color-danger); } .v3-richtext-tab__textarea-wrap { position: relative; } .v3-richtext-tab__textarea-count { position: absolute; right: 12px; bottom: 8px; font-size: 12px; color: var(--color-text-placeholder); pointer-events: none; } .v3-richtext-tab__input-count { font-size: 12px; color: var(--color-text-placeholder); } .v3-richtext-tab__textarea { width: 100%; min-height: 100px; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 6px; font-size: 14px; line-height: 1.6; color: var(--color-text); resize: vertical; outline: none; transition: border-color 0.2s, box-shadow 0.2s; font-family: inherit; } .v3-richtext-tab__textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.1); } .v3-richtext-tab__textarea::-moz-placeholder { color: var(--color-text-placeholder); } .v3-richtext-tab__textarea::placeholder { color: var(--color-text-placeholder); } .v3-richtext-tab .fr-box.fr-basic.fr-top .fr-wrapper { min-height: 300px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .v3-richtext-tab .second-toolbar { display: none; } .v3-input--error input { border-color: var(--color-danger) !important; } .v3-input--error input:focus { border-color: var(--color-danger) !important; box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.1) !important; } .v3-richtext-preview__list { border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; background: #fff; } .v3-richtext-preview__item { position: relative; cursor: pointer; border-bottom: 1px solid var(--color-border-light); transition: background 0.15s; } .v3-richtext-preview__item:last-child { border-bottom: none; } .v3-richtext-preview__item:hover { background: var(--color-bg-elevated); } .v3-richtext-preview__item--active { background: var(--color-primary-light-bg); border-left: 3px solid var(--color-primary); } .v3-richtext-preview__item-first .v3-richtext-preview__item-cover { width: 100%; height: 140px; overflow: hidden; } .v3-richtext-preview__item-first .v3-richtext-preview__item-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-richtext-preview__item-first .v3-richtext-preview__item-cover-placeholder { width: 100%; height: 100%; background: var(--color-bg-elevated); display: flex; align-items: center; justify-content: center; color: var(--color-text-placeholder); font-size: 13px; } .v3-richtext-preview__item-first .v3-richtext-preview__item-title { padding: 10px 12px; font-size: 14px; font-weight: 500; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v3-richtext-preview__item-rest { display: flex; align-items: center; padding: 10px 12px; gap: 10px; } .v3-richtext-preview__item-rest-title { flex: 1; font-size: 13px; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v3-richtext-preview__item-rest-thumb { width: 48px; height: 48px; flex-shrink: 0; border-radius: 6px; overflow: hidden; } .v3-richtext-preview__item-rest-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-richtext-preview__item-cover-placeholder-sm { width: 48px; height: 48px; background: var(--color-bg-elevated); display: flex; align-items: center; justify-content: center; color: var(--color-text-placeholder); font-size: 12px; border-radius: 6px; } .v3-richtext-preview__item-delete { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 50%; font-size: 12px; opacity: 0; transition: opacity 0.2s; cursor: pointer; } .v3-richtext-preview__item-delete:hover { background: rgba(0, 0, 0, 0.7); } .v3-richtext-preview__item:hover .v3-richtext-preview__item-delete { opacity: 1; } .v3-richtext-preview__add-btn { margin-top: 12px; width: 100%; height: 48px; font-size: 14px; } .v3-media-tab__upload--error { padding: 12px; border: 1px dashed var(--color-danger); border-radius: 6px; background: var(--color-danger-light-bg); } .v3-media-tab__error { display: block; margin-top: 6px; font-size: 12px; color: var(--color-danger); } .v3-media-tab__preview { position: relative; display: inline-block; } .v3-media-tab__delete-icon { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background: rgba(0, 0, 0, 0.45); border-radius: 50%; cursor: pointer; } .v3-media-tab__delete-icon:hover { background: rgba(0, 0, 0, 0.7); } .v3-media-tab__image { width: 100%; max-width: 640px; max-height: 480px; border-radius: 6px; border: 1px solid var(--color-border); -o-object-fit: contain; object-fit: contain; } .v3-media-tab__hint { margin-left: 12px; font-size: 13px; color: var(--color-text-placeholder); } .v3-media-tab__file-card { display: flex; align-items: center; padding: 14px 18px; background: var(--color-bg-elevated); border: 1px solid var(--color-border); border-radius: 8px; gap: 14px; max-width: 320px; } .v3-media-tab__file-icon { font-size: 28px; line-height: 1; } .v3-media-tab__file-info { flex: 1; display: flex; flex-direction: column; gap: 4px; } .v3-media-tab__file-name { font-size: 14px; color: var(--color-text); font-weight: 500; } .v3-media-tab__file-size { font-size: 12px; color: var(--color-text-placeholder); } .v3-media-tab__file-delete { width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 18px; color: var(--color-text-placeholder); cursor: pointer; border-radius: 50%; transition: all 0.2s; } .v3-media-tab__file-delete:hover { color: var(--color-danger); background: var(--color-danger-light-bg); } .v3-message-editor { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-message-editor__title { font-size: 16px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-message-editor__material-header { padding: 6px 0; } .v3-message-editor--compact { background: none !important; border-radius: 0 !important; padding: 0 !important; margin-bottom: 0 !important; box-shadow: none !important; } .v3-message-editor--compact .v3-message-editor__title { font-size: 14px !important; font-weight: 500 !important; margin-bottom: 8px !important; padding-bottom: 0 !important; border-bottom: none !important; } .v3-message-editor--compact.v3-message-editor--nested-form .infoflow-tabs-tab { padding: 8px 0; margin: 0 24px 0 0; font-size: 14px; } .v3-send-message__action-bar { background: #fff; border-radius: 8px; padding: 16px 24px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); display: flex; justify-content: space-between; align-items: center; } .v3-send-message__action-bar-hint { font-size: 14px; color: var(--color-text-secondary); } .v3-send-message__action-bar-hint strong { color: var(--color-primary); font-weight: 600; } .v3-send-message__action-bar-btns { display: flex; gap: 12px; } .v3-send-message__action-bar-btns button { min-width: 96px; } .v3-send-confirm .infoflow-modal-body { overflow: visible; } .v3-send-confirm__content p { margin-top: 0; margin-bottom: 12px; font-size: 14px; color: var(--color-text); } .v3-send-confirm__content p strong { color: var(--color-primary); font-size: 18px; font-weight: 600; } .v3-send-confirm__hint { font-size: 13px; color: var(--color-text-placeholder); } .v3-send-confirm__datetime { display: flex; gap: 8px; margin-top: 12px; } .v3-send-confirm__preview-input { display: flex; gap: 8px; margin: 14px 0; } .v3-send-confirm__preview-search { position: relative; margin: 12px 0; } .v3-send-confirm__preview-dropdown { position: absolute; top: 100%; left: 0; right: 0; z-index: 1050; max-height: 200px; overflow: auto; background: #fff; border: 1px solid var(--color-border); border-radius: 4px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin-top: 4px; } .v3-send-confirm__preview-dropdown-item { padding: 8px 12px; font-size: 13px; color: var(--color-text); cursor: pointer; } .v3-send-confirm__preview-dropdown-item:hover { background: var(--color-primary-light-bg); } .v3-send-confirm__preview-dropdown-empty { padding: 12px; font-size: 13px; color: var(--color-text-placeholder); text-align: center; } .v3-send-confirm__preview-count { font-size: 13px; color: var(--color-text-placeholder); text-align: right; margin-bottom: 4px; } .v3-send-confirm__preview-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .v3-send-confirm__preview-tag { display: inline-flex; align-items: center; padding: 4px 10px; background: var(--color-primary-light-bg); border: 1px solid var(--color-primary-light-bg); border-radius: 4px; font-size: 13px; color: var(--color-primary); } .v3-send-confirm__preview-tag-close { margin-left: 6px; cursor: pointer; color: var(--color-text-placeholder); font-size: 14px; } .v3-send-confirm__preview-tag-close:hover { color: var(--color-danger); } .v3-send-message-panel { width: 100%; } .v3-send-message-panel > * + * { margin-top: 0; } .v3-send-message__target { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-send-message__target-title { font-size: 18px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-send-message__target-row { display: flex; align-items: center; margin-bottom: 14px; } .v3-send-message__target-row:last-child { margin-bottom: 0; } .v3-send-message__target-label { font-size: 14px; color: var(--color-text-secondary); width: 90px; flex-shrink: 0; } .v3-send-message__target-stats { font-size: 13px; color: var(--color-text-placeholder); margin-left: 4px; } .v3-send-message__target-members { padding-left: 90px; margin-bottom: 14px; } .v3-send-message__target-pick-btn { color: var(--color-primary); cursor: pointer; font-size: 13px; margin-left: 8px; } .v3-send-message__target-pick-btn:hover { text-decoration: underline; } .v3-message-editor { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 16px; box-shadow: none; } .v3-message-editor__title { font-size: 18px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-send-message__action-bar { background: #fff; border-radius: 8px; padding: 16px 24px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); display: flex; justify-content: space-between; align-items: center; } .v3-send-message__action-bar-hint { font-size: 14px; color: var(--color-text-secondary); } .v3-send-message__action-bar-hint strong { color: var(--color-primary); font-weight: 600; } .v3-send-message__action-bar-btns { display: flex; gap: 12px; } .v3-send-message__action-bar-btns button { min-width: 96px; } .v3-send-confirm .infoflow-modal-body { overflow: visible; } .v3-send-confirm__content p { margin-top: 0; margin-bottom: 12px; font-size: 14px; color: var(--color-text); } .v3-send-confirm__content p strong { color: var(--color-primary); font-size: 18px; font-weight: 600; } .v3-send-confirm__hint { font-size: 13px; color: var(--color-text-placeholder); } .v3-send-confirm__datetime { display: flex; gap: 8px; margin-top: 12px; } .v3-send-confirm__preview-input { display: flex; gap: 8px; margin: 14px 0; } .v3-send-confirm__preview-search { position: relative; margin: 12px 0; } .v3-send-confirm__preview-dropdown { position: absolute; top: 100%; left: 0; right: 0; z-index: 1050; max-height: 200px; overflow: auto; background: #fff; border: 1px solid var(--color-border); border-radius: 4px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin-top: 4px; } .v3-send-confirm__preview-dropdown-item { padding: 8px 12px; font-size: 13px; color: var(--color-text); cursor: pointer; } .v3-send-confirm__preview-dropdown-item:hover { background: var(--color-primary-light-bg); } .v3-send-confirm__preview-dropdown-empty { padding: 12px; font-size: 13px; color: var(--color-text-placeholder); text-align: center; } .v3-send-confirm__preview-count { font-size: 13px; color: var(--color-text-placeholder); text-align: right; margin-bottom: 4px; } .v3-send-confirm__preview-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .v3-send-confirm__preview-tag { display: inline-flex; align-items: center; padding: 4px 10px; background: var(--color-primary-light-bg); border: 1px solid var(--color-primary-light-bg); border-radius: 4px; font-size: 13px; color: var(--color-primary); } .v3-send-confirm__preview-tag-close { margin-left: 6px; cursor: pointer; color: var(--color-text-placeholder); font-size: 14px; } .v3-send-confirm__preview-tag-close:hover { color: var(--color-danger); } .v3-sent-message-panel { width: 100%; padding: 20px 24px; background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-sent-message-panel .v3-sent-message-filter { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .v3-sent-message-panel .v3-sent-message-filter .v3-sent-message-filter-quick { display: flex; gap: 4px; } .v3-sent-message-panel .v3-sent-message-filter .v3-sent-message-filter-pickers { display: flex; align-items: center; gap: 8px; } .v3-sent-message-panel .v3-sent-message-filter .v3-sent-message-filter-pickers .infoflow-date-picker-clear { line-height: 1; } .v3-sent-message-panel .v3-sent-message-filter .v3-sent-message-filter-separator { color: var(--color-text-placeholder); flex-shrink: 0; } .v3-sent-message-panel .sent-msg-table-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; } .v3-sent-message-panel .sent-msg-table-actions { display: flex; gap: 4px; flex-wrap: wrap; } .v3-sent-message-panel .sent-msg-schedule-picker { display: flex; gap: 8px; margin-bottom: 12px; } .v3-sent-message-panel .sent-msg-schedule-hint { color: var(--color-text-secondary); font-size: 13px; } .v3-schedule-modal .infoflow-modal-body { overflow: visible; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-inline-item { margin-bottom: 12px; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-inline-item .sent-msg-drawer-label { font-size: 14px; color: #1f2329; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-inline-item .sent-msg-drawer-value { font-size: 14px; color: #1f2329; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-item { margin-bottom: 24px; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-item:last-child { margin-bottom: 0; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-item .sent-msg-drawer-label { font-size: 14px; color: #1f2329; margin-bottom: 8px; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-item .sent-msg-drawer-value { font-size: 14px; color: #1f2329; line-height: 1.6; padding-left: 12px; } .sent-msg-drawer .sent-msg-drawer-info .sent-msg-drawer-item .sent-msg-drawer-content { background: #f5f6f7; border: 1px solid #e4e9f0; border-radius: 6px; padding: 16px; min-height: 80px; } .v3-material__tab-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; flex-shrink: 0; border-bottom: 1px solid var(--color-border); } .v3-material__tab-header .v3-material__tabs-bar { flex: 1; } .v3-material__tab-header .v3-material__tabs-bar .infoflow-tabs-nav { margin-bottom: 0; } .v3-material__tab-header .v3-material__tabs-bar .infoflow-tabs-nav-wrap { border-bottom: none; } .v3-material__action-link { color: var(--color-primary); cursor: pointer; font-size: 13px; margin-left: 12px; white-space: nowrap; } .v3-material__action-link:hover { text-decoration: underline; } .v3-material__group-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; flex-shrink: 0; } .v3-material__group-row .v3-material__group-bar { flex: 1; padding: 0; } .v3-material__group-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 0; flex-shrink: 0; } .v3-material__group-chips { display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; min-width: 0; } .v3-material__group-action-wrap { display: flex; align-items: center; flex-shrink: 0; } .v3-material__group-action { display: flex; align-items: center; gap: 6px; } .v3-material__btn-info-icon { display: inline-flex; align-items: center; margin-left: 4px; opacity: 0.7; vertical-align: middle; } .v3-material__hint-tooltip { max-width: 1000px; } .v3-material__group-info-icon { display: inline-flex; align-items: center; color: var(--color-text-tertiary); cursor: default; } .v3-material__group-info-icon:hover { color: var(--color-text-secondary); } .v3-material__group-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 16px; border: 1px solid var(--color-border); background: #fff; font-size: 13px; color: var(--color-text-secondary); cursor: pointer; transition: all 0.15s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .v3-material__group-chip:hover { border-color: var(--color-primary); color: var(--color-primary); } .v3-material__group-chip--manage { background: #fff; border-color: var(--color-border); color: var(--color-text-secondary); } .v3-material__group-chip--manage:hover { border-color: var(--color-primary); color: var(--color-primary); } .v3-material__group-chip--active { background: #e8f3ff; border-color: var(--color-primary); color: var(--color-primary); font-weight: 500; } .v3-material__group-chip-count { font-style: normal; font-size: 11px; color: inherit; opacity: 0.7; } .v3-material__group-manage { margin-left: auto; font-size: 13px; color: var(--color-primary); cursor: pointer; white-space: nowrap; } .v3-material__group-manage:hover { text-decoration: underline; } .v3-material-panel { padding: 16px 24px; height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-material__tab-bar { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--color-border); padding-bottom: 0; margin-bottom: 16px; flex-shrink: 0; } .v3-material__tabs { display: flex; gap: 0; } .v3-material__tab { padding: 8px 16px; cursor: pointer; color: var(--color-text-secondary); font-size: 14px; display: flex; align-items: center; gap: 4px; border-bottom: 2px solid transparent; transition: all 0.2s; } .v3-material__tab:hover { color: var(--color-primary); } .v3-material__tab--active { color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: 500; } .v3-material__tab-icon { font-size: 16px; display: flex; align-items: center; } .v3-material__actions { display: flex; gap: 8px; } .v3-material__batch-bar { display: flex; align-items: center; gap: 8px; padding: 8px 0; margin-bottom: 12px; background: var(--color-primary-light); border-radius: 4px; padding: 8px 12px; flex-shrink: 0; } .v3-material__batch-count { margin-left: auto; color: var(--color-primary); font-size: 13px; } .v3-material__class-select { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-shrink: 0; } .v3-material__selected-tip { color: var(--color-primary); font-size: 13px; } .v3-material__loading { display: flex; justify-content: center; align-items: center; flex: 1; } .v3-material__list { flex: 1; overflow-y: auto; margin-top: 8px; } .v3-material__text-actions { display: flex; gap: 8px; } .v3-material__text-actions a { color: var(--color-primary); cursor: pointer; font-size: 12px; } .v3-material__text-actions a:hover { text-decoration: underline; } .v3-mat-pictext-modal .v3-message-editor__material-header { display: none; } .v3-mat-text-editor { padding: 8px 0; } .v3-mat-text-editor__label { display: block; font-size: 14px; color: #1f2329; font-weight: 500; margin-bottom: 8px; } .v3-mat-text-editor__required { color: var(--color-danger); margin-left: 2px; } .v3-mat-text-editor__wrap { position: relative; } .v3-mat-text-editor__textarea { width: 100%; min-height: 200px; padding: 8px 12px 28px; font-size: 14px; line-height: 1.6; border: 1px solid var(--color-border); border-radius: 4px; resize: vertical; outline: none; font-family: inherit; box-sizing: border-box; } .v3-mat-text-editor__textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2); } .v3-mat-text-editor__textarea--error { border-color: var(--color-danger); } .v3-mat-text-editor__textarea--error:focus { border-color: var(--color-danger); box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.1); } .v3-mat-text-editor__emoji-icon { position: absolute; bottom: 8px; left: 8px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6; } .v3-mat-text-editor__emoji-icon:hover { opacity: 1; } .v3-mat-text-editor__count { position: absolute; bottom: 8px; right: 12px; font-size: 12px; color: var(--color-text-placeholder); pointer-events: none; } .v3-mat-text-editor__face-panel { position: absolute; bottom: 40px; left: 0; width: 320px; background: #fff; border: 1px solid var(--color-border); border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 20; display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; padding: 12px; max-height: 200px; overflow-y: auto; } .v3-mat-text-editor__face-item { cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .v3-mat-text-editor__face-item:hover { background: var(--color-bg-hover); } .v3-mat-text-editor__face-item img { width: 24px; height: 24px; } .v3-mat-text-editor__error { display: block; margin-top: 4px; font-size: 12px; color: var(--color-danger); } .v3-material__list--text .v3-material__text-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--color-border-light); } .v3-material__list--text .v3-material__text-item:hover { background: var(--color-bg-elevated); } .v3-material__list--text .v3-material__checkbox-label { display: flex; align-items: center; gap: 8px; flex: 1; cursor: pointer; } .v3-material__list--text .v3-material__text-content { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--color-text); } .v3-material__list--text .v3-material__text-meta { display: flex; align-items: center; gap: 16px; color: var(--color-text-placeholder); font-size: 12px; flex-shrink: 0; } .v3-material__list--text .v3-material__text-time { color: var(--color-text-placeholder); font-size: 12px; } .v3-material__list--pictext .v3-material__pictext-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .v3-material__list--pictext .v3-material__pictext-card { border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; transition: box-shadow 0.2s; position: relative; } .v3-material__list--pictext .v3-material__pictext-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .v3-material__list--pictext .v3-material__pictext-card-img { width: 100%; height: 155px; overflow: hidden; background: var(--color-bg-hover); } .v3-material__list--pictext .v3-material__pictext-card-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-material__list--pictext .v3-material__pictext-card-placeholder { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: var(--color-text-disabled); font-size: 14px; } .v3-material__list--pictext .v3-material__pictext-card-info { padding: 8px 12px; } .v3-material__list--pictext .v3-material__pictext-card-title { font-size: 14px; font-weight: 500; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-material__list--pictext .v3-material__pictext-card-author { font-size: 12px; color: var(--color-text-placeholder); margin-top: 4px; } .v3-material__list--pictext .v3-material__pictext-card-time { font-size: 12px; color: var(--color-text-placeholder); margin-top: 2px; } .v3-material__list--pictext .v3-material__pictext-card-check { position: absolute; top: 8px; right: 8px; } .v3-material__list--pictext .v3-material__pictext-card-actions { display: flex; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--color-border-light); } .v3-material__list--pictext .v3-material__pictext-card-actions a { color: var(--color-primary); cursor: pointer; font-size: 12px; } .v3-material__list--pictext .v3-material__pictext-card-actions a:hover { text-decoration: underline; } .v3-material__list--image .v3-material__image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 16px; } .v3-material__list--image .v3-material__image-item { border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; text-align: center; } .v3-material__list--image .v3-material__image-preview { width: 100%; height: 120px; overflow: hidden; background: var(--color-bg-hover); display: flex; justify-content: center; align-items: center; } .v3-material__list--image .v3-material__image-preview img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .v3-material__list--image .v3-material__image-name { font-size: 12px; color: var(--color-text); padding: 4px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-material__list--image .v3-material__image-time { font-size: 11px; color: var(--color-text-placeholder); padding: 0 8px 4px; } .v3-material__list--image .v3-material__image-actions { display: flex; gap: 8px; justify-content: center; padding: 4px 8px 8px; } .v3-material__list--image .v3-material__image-actions a { color: var(--color-primary); cursor: pointer; font-size: 12px; } .v3-material__list--image .v3-material__image-actions a:hover { text-decoration: underline; } .v3-material__list--audio .v3-material__media-item, .v3-material__list--file .v3-material__media-item { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--color-border-light); gap: 12px; } .v3-material__list--audio .v3-material__media-item:hover, .v3-material__list--file .v3-material__media-item:hover { background: var(--color-bg-elevated); } .v3-material__list--audio .v3-material__media-icon, .v3-material__list--file .v3-material__media-icon { width: 40px; height: 40px; background: var(--color-bg-hover); border-radius: 4px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .v3-material__list--audio .v3-material__media-info, .v3-material__list--file .v3-material__media-info { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; } .v3-material__list--audio .v3-material__media-name, .v3-material__list--file .v3-material__media-name { font-size: 14px; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-material__list--audio .v3-material__media-time, .v3-material__list--file .v3-material__media-time { font-size: 12px; color: var(--color-text-placeholder); } .v3-material__list--audio .v3-material__media-actions, .v3-material__list--file .v3-material__media-actions { display: flex; gap: 8px; flex-shrink: 0; } .v3-material__list--audio .v3-material__media-actions a, .v3-material__list--file .v3-material__media-actions a { color: var(--color-primary); cursor: pointer; font-size: 12px; } .v3-material__list--audio .v3-material__media-actions a:hover, .v3-material__list--file .v3-material__media-actions a:hover { text-decoration: underline; } .v3-material__pagination { display: flex; justify-content: center; padding: 16px 0; } .v3-material__classify-manage .v3-material__classify-hint { color: var(--color-text-placeholder); font-size: 12px; margin-bottom: 12px; padding: 8px; background: var(--color-warning-light-bg); border-radius: 4px; } .v3-material__classify-manage .v3-material__classify-list { list-style: none; padding: 0; margin: 0; min-height: 300px; } .v3-material__classify-manage .v3-material__classify-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 4px; margin-bottom: 8px; } .v3-material__classify-manage .v3-material__classify-item--new { border-style: dashed; border-color: var(--color-primary); } .v3-material__classify-manage .v3-material__classify-name { font-size: 14px; color: var(--color-text); } .v3-material__classify-manage .v3-material__classify-tools { display: flex; gap: 8px; } .v3-material__classify-manage .v3-material__classify-tools a { color: var(--color-primary); cursor: pointer; font-size: 12px; } .v3-material__classify-manage .v3-material__classify-tools a:hover { text-decoration: underline; } .v3-material__classify-manage .v3-material__classify-add { margin-top: 8px; } .v3-material__move-class-list { list-style: none; padding: 0; margin: 0; min-height: 300px; } .v3-material__move-class-create { display: flex; align-items: center; gap: 8px; margin-top: 12px; } .v3-material__move-class-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border: 1px solid var(--color-border); border-radius: 4px; margin-bottom: 8px; cursor: pointer; transition: all 0.2s; } .v3-material__move-class-item:hover { border-color: var(--color-primary); } .v3-material__move-class-item--selected { border-color: var(--color-primary); } .v3-material__move-class-check { color: var(--color-primary); font-size: 14px; } .v3-material__edit-form { display: flex; gap: 24px; flex: 1; overflow: hidden; } .v3-material__edit-left { flex: 1; overflow-y: auto; } .v3-material__edit-right { width: 320px; flex-shrink: 0; } .v3-material__edit-footer { display: flex; justify-content: center; gap: 12px; padding: 16px 0; border-top: 1px solid var(--color-border); flex-shrink: 0; } .v3-material__text-editor { padding: 8px 0; } .v3-material__text-editor-label { font-size: 14px; color: var(--color-text); margin-bottom: 8px; font-weight: 500; } .v3-material__text-editor-required { color: var(--color-danger); margin-left: 2px; } .v3-material__text-editor-textarea-wrap { position: relative; } .v3-material__text-editor-textarea { width: 100%; min-height: 200px; padding: 8px 12px; padding-bottom: 28px; font-size: 14px; line-height: 1.6; border: 1px solid var(--color-border); border-radius: 4px; resize: vertical; outline: none; } .v3-material__text-editor-textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2); } .v3-material__text-editor-count { position: absolute; right: 12px; bottom: 8px; font-size: 12px; color: var(--color-text-placeholder); pointer-events: none; } .v3-material__text-editor-textarea--error { border-color: var(--color-danger); } .v3-material__text-editor-textarea--error:focus { border-color: var(--color-danger); box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.1); } .v3-material__text-editor-error { display: block; margin-top: 4px; font-size: 12px; color: var(--color-danger); } .v3-material__pictext-textarea { width: 100%; padding: 6px 12px; font-size: 13px; line-height: 1.5; border: 1px solid var(--color-border); border-radius: 4px; resize: vertical; outline: none; } .v3-material__pictext-textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2); } .v3-material__pictext-editor .v3-material__pictext-field { margin-bottom: 16px; } .v3-material__pictext-editor .v3-material__pictext-label { display: block; font-size: 14px; color: var(--color-text); margin-bottom: 6px; font-weight: 500; } .v3-material__pictext-editor .v3-material__pictext-required { color: var(--color-danger); margin-left: 2px; } .v3-material__pictext-editor .v3-material__pictext-error { display: block; margin-top: 4px; font-size: 12px; color: var(--color-danger); } .v3-material__pictext-editor .v3-material__pictext-cover-preview img { max-width: 200px; border-radius: 4px; display: block; margin-bottom: 8px; } .v3-material__pictext-editor .v3-material__pictext-hint { display: block; margin-top: 4px; font-size: 12px; color: var(--color-text-placeholder); } .v3-material__pictext-editor .v3-material__pictext-cover-check { display: flex; align-items: center; gap: 4px; margin-top: 8px; font-size: 13px; color: var(--color-text-secondary); } .v3-material__pictext-textarea--error { border-color: var(--color-danger); } .v3-input--error input { border-color: var(--color-danger) !important; } .v3-input--error input:focus { border-color: var(--color-danger) !important; box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.1) !important; } .v3-material__action-row { display: flex; align-items: center; gap: 12px; padding: 8px 0 0 0; flex-shrink: 0; } .v3-material__new-bar { display: flex; align-items: center; gap: 12px; padding: 8px 0; flex-shrink: 0; } .v3-material__new-btn { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 16px; border: 1px solid var(--color-border); background: #fff; font-size: 13px; color: var(--color-text-secondary); cursor: pointer; white-space: nowrap; transition: all 0.15s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .v3-material__new-btn:hover { border-color: var(--color-primary); color: var(--color-primary); } .v3-material__new-hint { font-size: 12px; color: var(--color-text-placeholder); } .v3-material__edit-class-select { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; font-size: 14px; color: var(--color-text); } .v3-material__media-uploader { padding: 8px 0; } .v3-material__media-uploader--inline { padding: 0; } .v3-material__media-uploader-label { font-size: 14px; color: var(--color-text); margin-bottom: 8px; font-weight: 500; } .v3-material__media-uploader-required { color: var(--color-danger); margin-left: 2px; } .v3-material__media-uploader--error { padding: 12px; border: 1px dashed var(--color-danger); border-radius: 6px; background: var(--color-danger-light-bg); } .v3-material__media-uploader-error { display: block; margin-top: 6px; font-size: 12px; color: var(--color-danger); } .v3-material__media-uploader-preview img { max-width: 200px; border-radius: 4px; display: block; margin-bottom: 8px; } .v3-material__media-uploader-info { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--color-text-secondary); } .v3-material__media-uploader-btn { display: flex; align-items: center; gap: 12px; } .v3-material__media-uploader-hint { font-size: 12px; color: var(--color-text-placeholder); } .v3-material__preview { background: var(--color-bg-hover); border-radius: 8px; padding: 16px; height: 100%; display: flex; flex-direction: column; } .v3-material__preview-title { font-size: 14px; color: var(--color-text-secondary); margin-bottom: 12px; text-align: center; } .v3-material__preview-content { flex: 1; display: flex; justify-content: center; align-items: flex-start; } .v3-material__preview-bubble { background: #fff; border-radius: 8px; padding: 12px 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); max-width: 260px; word-break: break-all; } .v3-material__preview-bubble-content { font-size: 14px; color: var(--color-text); line-height: 1.6; } .v3-material__preview-pictext { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); max-width: 260px; } .v3-material__preview-pictext img { width: 100%; } .v3-material__preview-pictext-title { font-size: 14px; font-weight: 500; color: var(--color-text); padding: 8px 12px 4px; } .v3-material__preview-pictext-desc { font-size: 12px; color: var(--color-text-placeholder); padding: 0 12px 8px; } .v3-material__preview-image { max-width: 200px; border-radius: 4px; } .v3-material__preview-empty { color: var(--color-text-disabled); font-size: 14px; } .v3-material__preview-audio, .v3-material__preview-file { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--color-text); } .v3-material-modal .infoflow-modal-body { max-height: 72vh; overflow-y: auto; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .v3-audio-player { display: flex; align-items: center; gap: 4px; min-width: 160px; } .v3-audio-player .v3-audio-player-btn { flex-shrink: 0; width: 20px; height: 20px; border: none; background: none; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #2c8fff; padding: 0; } .v3-audio-player .v3-audio-player-btn:disabled { cursor: default; opacity: 0.4; } .v3-audio-player input[type=range].v3-audio-player-range { flex: 1; margin: 0 4px; padding: 0; outline: none; -webkit-appearance: none; height: 3px; background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; background-size: 0% 100%; border-radius: 2px; cursor: pointer; min-width: 60px; } .v3-audio-player input[type=range].v3-audio-player-range:focus, .v3-audio-player input[type=range].v3-audio-player-range:hover { border: 0; } .v3-audio-player input[type=range].v3-audio-player-range::-moz-focus-outer { border: 0; } .v3-audio-player input[type=range].v3-audio-player-range::-webkit-slider-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; cursor: pointer; } .v3-audio-player input[type=range].v3-audio-player-range::-webkit-slider-thumb:hover { width: 10px; height: 10px; } .v3-audio-player input[type=range].v3-audio-player-range::-moz-range-thumb { width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; cursor: pointer; } .v3-audio-player input[type=range].v3-audio-player-range::-moz-range-thumb:hover { width: 10px; height: 10px; } .v3-audio-player input[type=range].v3-audio-player-range::-ms-thumb { width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .v3-audio-player input[type=range].v3-audio-player-range::-ms-thumb:hover { width: 10px; height: 10px; } .v3-audio-player .v3-audio-player-time { flex-shrink: 0; font-size: 12px; color: #999; white-space: nowrap; line-height: 1; } .v3-audio-player .v3-audio-player-time .v3-audio-player-time-slash { margin: 0 2px; } .v3-user-message-panel { width: 100%; padding: 20px 24px; background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-user-message-panel .v3-user-message-filter { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .v3-user-message-panel .v3-user-message-filter .v3-user-message-filter-quick { display: flex; gap: 4px; } .v3-user-message-panel .v3-user-message-filter .v3-user-message-filter-pickers { display: flex; align-items: center; gap: 8px; } .v3-user-message-panel .v3-user-message-filter .v3-user-message-filter-pickers .infoflow-date-picker-clear { line-height: 1; } .v3-user-message-panel .v3-user-message-filter .v3-user-message-filter-separator { color: var(--color-text-placeholder); flex-shrink: 0; } .v3-user-message-panel .v3-user-message-table-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; } .v3-user-message-drawer { display: flex; flex-direction: column; height: 100%; } .v3-user-message-drawer .v3-user-message-drawer-user { padding: 0 0 12px 0; border-bottom: 1px solid var(--color-border); margin-bottom: 8px; } .v3-user-message-drawer .v3-user-message-drawer-user .v3-user-message-drawer-user-name { font-size: 15px; font-weight: 500; color: var(--color-text); } .v3-user-message-drawer .v3-user-message-drawer-messages { flex: 1; overflow-y: auto; padding: 8px 0; min-height: 0; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-loading, .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-empty { display: flex; justify-content: center; padding: 60px 0; color: var(--color-text-placeholder); font-size: 14px; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg { display: flex; align-items: flex-start; margin-bottom: 16px; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg--user { flex-direction: row; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg--reply { flex-direction: row-reverse; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-avatar { flex-shrink: 0; margin-top: 2px; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-avatar .v3-user-message-drawer-msg-avatar-img { width: 36px; height: 36px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; display: block; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-avatar .v3-user-message-drawer-msg-avatar-placeholder { width: 36px; height: 36px; border-radius: 50%; background: var(--color-primary-light); color: var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble { position: relative; max-width: 280px; padding: 10px; border-radius: 4px; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble--user { margin-left: 12px; background: var(--color-bg-page); } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble--user::after { content: ''; position: absolute; left: -6px; top: 12px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--color-bg-page); } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble--reply { margin-right: 12px; background: var(--color-primary-light); } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble--reply::after { content: ''; position: absolute; right: -6px; top: 12px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--color-primary-light-bg); } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content { line-height: 1.6; word-break: break-word; color: var(--color-text); font-size: 14px; overflow: auto; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content .v3-user-message-link { color: var(--color-primary); text-decoration: none; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content .v3-user-message-link:hover { text-decoration: underline; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content .v3-user-message-emoji { width: 24px; height: 24px; vertical-align: middle; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content .v3-user-message-img { max-width: 200px; border-radius: 3px; display: block; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content .v3-user-message-graphic { width: 280px; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-content .v3-user-message-audio { min-width: 160px; display: flex; align-items: center; } .v3-user-message-drawer .v3-user-message-drawer-messages .v3-user-message-drawer-msg-bubble .v3-user-message-drawer-msg-time { margin-top: 6px; font-size: 12px; color: var(--color-text-placeholder); text-align: right; } .v3-user-message-drawer .v3-user-message-drawer-reply { display: flex; gap: 8px; padding: 12px 0 0 0; border-top: 1px solid var(--color-border); align-items: flex-end; } .v3-user-message-drawer .v3-user-message-drawer-reply .v3-user-message-drawer-reply-input { flex: 1; border: none; padding: 8px 0; font-size: 14px; line-height: 1.5; resize: none; outline: none; font-family: inherit; min-height: 36px; box-shadow: none; } .v3-user-message-drawer .v3-user-message-drawer-reply .v3-user-message-drawer-reply-input:focus { box-shadow: none; } .v3-user-message-drawer .v3-user-message-drawer-reply .v3-user-message-drawer-reply-input::-moz-placeholder { color: var(--color-text-disabled); } .v3-user-message-drawer .v3-user-message-drawer-reply .v3-user-message-drawer-reply-input::placeholder { color: var(--color-text-disabled); } .v3-stats-panel { width: 100%; padding: 20px 24px; background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-stats-panel .ant-tabs { margin-bottom: 8px; } .v3-stats-panel .v3-stats__overview { display: flex; gap: 16px; margin: 16px 0; } .v3-stats-panel .v3-stats__overview .v3-stats__overview-item { flex: 1; background: var(--color-bg-elevated); border: 1px solid var(--color-border); border-radius: 6px; padding: 16px 20px; } .v3-stats-panel .v3-stats__overview .v3-stats__overview-item .v3-stats__overview-label { font-size: 13px; color: var(--color-text-placeholder); margin-bottom: 8px; } .v3-stats-panel .v3-stats__overview .v3-stats__overview-item .v3-stats__overview-value { font-size: 28px; font-weight: 600; color: var(--color-text); } .v3-stats-panel .v3-stats__tip-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; cursor: help; } .v3-stats-panel .v3-stats__tip-icon svg { width: 16px; height: 16px; color: var(--color-text-disabled); display: block; } .v3-stats-panel .v3-stats__tip-icon:hover svg { color: var(--color-text-tertiary); } .v3-stats-panel .v3-stats__chart-section { padding: 20px 0; } .v3-stats-panel .v3-stats__chart-section + .v3-stats__chart-section { border-top: 1px solid #e8eaed; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 12px; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header .v3-stats__chart-title { font-size: 15px; font-weight: 500; color: var(--color-text); display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header .v3-stats__chart-controls { display: flex; align-items: center; gap: 8px; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header .v3-stats__chart-controls .v3-stats__filter-quick { display: flex; gap: 4px; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header .v3-stats__chart-controls .v3-stats__filter-pickers { display: flex; align-items: center; gap: 8px; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header .v3-stats__chart-controls .v3-stats__filter-separator { color: var(--color-text-placeholder); flex-shrink: 0; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart-header .v3-stats__label { color: var(--color-text-secondary); font-size: 13px; white-space: nowrap; } .v3-stats-panel .v3-stats__chart-section .v3-stats__chart { width: 100%; height: 360px; background: #fff; border: 1px solid var(--color-border); border-radius: 4px; } .v3-stats-panel .v3-stats__column-title { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; } .v3-auto-reply-panel { width: 100%; } .v3-auto-reply-tab-wrap { background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); padding: 20px 24px; } .v3-auto-reply-section { padding: 20px 0; margin-bottom: 0; } .v3-auto-reply-display__type { font-size: 14px; color: var(--color-text); margin-bottom: 12px; } .v3-auto-reply-display__content { padding: 12px; background: var(--color-bg-elevated); border: 1px solid var(--color-border-light); border-radius: 6px; margin-bottom: 12px; white-space: pre-wrap; word-break: break-all; max-height: 200px; overflow-y: auto; font-size: 14px; color: var(--color-text); } .v3-auto-reply-display__actions { margin-top: 16px; display: flex; gap: 8px; } .v3-auto-reply-empty { text-align: center; padding: 48px 0; color: var(--color-text-placeholder); font-size: 13px; } .v3-auto-reply-empty .v3-auto-reply-description { font-size: 13px; color: var(--color-text-placeholder); margin-bottom: 16px; line-height: 1.5; } .v3-auto-reply-empty p { margin-bottom: 16px; } .v3-auto-reply-actions { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--color-border-light); display: flex; gap: 8px; } .v3-auto-reply-form-label { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 8px; } .v3-auto-reply-form-error { font-size: 12px; color: var(--color-danger); margin-top: 4px; } .v3-auto-reply-keyword-row { display: flex; align-items: center; margin-bottom: 8px; } .v3-keyword-layout { display: flex; border: 1px solid var(--color-border-light); border-radius: 6px; min-height: 300px; } .v3-keyword-layout__left { width: 200px; border-right: 1px solid var(--color-border-light); flex-shrink: 0; } .v3-keyword-layout__add { padding: 12px 16px; color: var(--color-primary); cursor: pointer; border-bottom: 1px solid var(--color-border-light); font-size: 14px; } .v3-keyword-layout__add:hover { background: var(--color-bg-elevated); } .v3-keyword-layout__list { list-style: none; margin: 0; padding: 0; } .v3-keyword-layout__item { padding: 10px 16px; cursor: pointer; font-size: 14px; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-keyword-layout__item:hover { background: var(--color-bg-elevated); } .v3-keyword-layout__item--active { background: var(--color-primary-light); color: var(--color-primary); } .v3-keyword-layout__right { flex: 1; padding: 20px 24px; min-width: 0; } .v3-keyword-detail__row { margin-bottom: 16px; display: flex; align-items: flex-start; } .v3-keyword-detail__label { font-size: 14px; color: var(--color-text-placeholder); flex-shrink: 0; width: 80px; } .v3-keyword-detail__value { font-size: 14px; color: var(--color-text); } .v3-keyword-detail__keywords { display: flex; flex-wrap: wrap; gap: 6px; } .v3-keyword-detail__content { flex: 1; min-width: 0; } .v3-keyword-detail__empty { color: var(--color-text-placeholder); font-size: 13px; } .v3-keyword-detail__actions { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--color-border-light); display: flex; gap: 8px; } .v3-reply-preview__text { padding: 12px; background: var(--color-bg-elevated); border: 1px solid var(--color-border-light); border-radius: 6px; margin-bottom: 12px; white-space: pre-wrap; word-break: break-all; max-height: 120px; overflow-y: auto; font-size: 14px; color: var(--color-text); line-height: 1.6; } .v3-reply-preview__text--compact { color: var(--color-text); font-size: 13px; } .v3-reply-preview__image { margin-bottom: 12px; } .v3-reply-preview__image img { max-width: 220px; max-height: 160px; border-radius: 4px; border: 1px solid var(--color-border-light); display: block; } .v3-reply-preview__image--compact { width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; border-radius: 4px; border: 1px solid var(--color-border-light); } .v3-reply-preview__file-card { display: flex; align-items: center; padding: 14px 18px; background: var(--color-bg-elevated); border: 1px solid var(--color-border-light); border-radius: 8px; margin-bottom: 12px; max-width: 320px; } .v3-reply-preview__file-icon { font-size: 28px; line-height: 1; margin-right: 12px; flex-shrink: 0; } .v3-reply-preview__file-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .v3-reply-preview__file-name { font-size: 14px; font-weight: 500; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-reply-preview__file-size { font-size: 12px; color: var(--color-text-placeholder); } .v3-reply-preview__appmsg { margin-bottom: 12px; width: 280px; } .v3-reply-preview__appmsg--multi { border: 1px solid var(--color-border-light); border-radius: 6px; overflow: hidden; } .v3-reply-preview__appmsg-item { display: flex; padding: 10px; background: var(--color-bg-elevated); border: 1px solid var(--color-border-light); border-radius: 6px; margin-bottom: 8px; } .v3-reply-preview__appmsg-item:last-child { margin-bottom: 0; } .v3-reply-preview__appmsg-item--hero { display: block; padding: 0; border: none; border-radius: 0; margin-bottom: 0; } .v3-reply-preview__appmsg-item--hero .v3-reply-preview__appmsg-content { padding: 10px 12px 12px; } .v3-reply-preview__appmsg-item--hero .v3-reply-preview__appmsg-content .v3-reply-preview__appmsg-title { font-size: 14px; } .v3-reply-preview__appmsg-item--compact { display: flex; align-items: center; padding: 10px 12px; gap: 10px; border: none; border-radius: 0; margin-bottom: 0; border-top: 1px solid var(--color-border-light); } .v3-reply-preview__appmsg-item--compact .v3-reply-preview__appmsg-content { flex: 1; min-width: 0; } .v3-reply-preview__appmsg-item--compact .v3-reply-preview__appmsg-title { margin-bottom: 0; font-size: 13px; } .v3-reply-preview__appmsg-cover { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; border-radius: 4px; margin-right: 12px; flex-shrink: 0; } .v3-reply-preview__appmsg-cover--hero { width: 100%; height: 140px; overflow: hidden; border-radius: 0; display: block; } .v3-reply-preview__appmsg-cover--hero img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-reply-preview__appmsg-cover-cover-placeholder { width: 100%; height: 100%; background: var(--color-bg-elevated); display: flex; align-items: center; justify-content: center; color: var(--color-text-placeholder); font-size: 13px; } .v3-reply-preview__appmsg-cover--compact { width: 48px; height: 48px; flex-shrink: 0; border-radius: 6px; overflow: hidden; } .v3-reply-preview__appmsg-cover--compact img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-reply-preview__appmsg-cover-cover-placeholder-sm { width: 48px; height: 48px; background: var(--color-bg-elevated); display: flex; align-items: center; justify-content: center; color: var(--color-text-placeholder); font-size: 12px; border-radius: 6px; } .v3-reply-preview__appmsg-content { flex: 1; min-width: 0; } .v3-reply-preview__appmsg-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-reply-preview__appmsg-item--compact .v3-reply-preview__appmsg-title { margin-bottom: 0; } .v3-reply-preview__appmsg-desc { font-size: 12px; color: var(--color-text-placeholder); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .v3-tags-editor { background: #fff; border-radius: 8px; padding: 20px 24px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-tags-editor__header { display: flex; align-items: center; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-tags-editor__back-btn { margin-right: 12px; } .v3-tags-editor__title { font-size: 16px; font-weight: 500; color: var(--color-text); } .v3-tags-editor__edit-area { padding: 16px; background: #f8f9fa; border-radius: 8px; position: relative; margin-bottom: 24px; } .v3-tags-editor__edit-area::after { content: ''; position: absolute; bottom: -16px; left: 0; right: 0; height: 1px; background: var(--color-border-light); } .v3-tags-editor__tip-text { margin-bottom: 12px; font-size: 12px; color: var(--color-text-placeholder); } .v3-tags-editor__section { margin-bottom: 16px; } .v3-tags-editor__section-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .v3-tags-editor__section-title .ant-btn-link { font-size: 12px; padding: 0; height: auto; line-height: inherit; } .v3-tags-editor__list { display: flex; flex-wrap: wrap; gap: 8px; } .v3-tags-editor__item { display: inline-flex; align-items: center; cursor: pointer; padding: 4px 12px; border-radius: 4px; border: 1px solid var(--color-border); font-size: 14px; color: var(--color-text); transition: all 0.2s; } .v3-tags-editor__item:hover { border-color: var(--color-primary); } .v3-tags-editor__item--selected { border-color: var(--color-primary); background: var(--color-primary-light-bg); color: var(--color-primary); } .v3-tags-editor__checkbox { margin-right: 6px; } .v3-tags-editor__item-close { margin-left: 6px; cursor: pointer; color: var(--color-text-placeholder); font-size: 12px; } .v3-tags-editor__item-close:hover { color: var(--color-danger-hover); } .v3-tags-editor__add-tag-form { padding: 8px 0; } .v3-tags-editor__add-tag-label { display: block; font-size: 14px; color: #1f2329; font-weight: 500; margin-bottom: 8px; } .v3-tags-editor__add-tag-error { color: var(--color-danger-hover); font-size: 12px; margin-top: 4px; } .v3-tags-editor__footer { display: flex; gap: 12px; } .v3-upgrade-robot-link { color: var(--color-primary); cursor: pointer; } .v3-upgrade-robot-modal__title { font-size: 15px; font-weight: 500; color: var(--color-text); line-height: 1.6; margin-bottom: 16px; } .v3-upgrade-robot-modal__statement { background: var(--color-bg-elevated); border-radius: 8px; padding: 16px; } .v3-upgrade-robot-modal__items { margin-top: 8px; font-size: 13px; color: var(--color-text-secondary); line-height: 1.8; } .v3-upgrade-robot-modal__items a { color: var(--color-primary); } .v3-sidebar-modal { padding: 8px 0; } .v3-sidebar-modal__field { margin-bottom: 20px; } .v3-sidebar-modal__field:last-child { margin-bottom: 0; } .v3-sidebar-modal__label { display: block; font-size: 14px; color: var(--color-text); font-weight: 500; margin-bottom: 8px; } .v3-sidebar-modal__tip-icon { position: relative; display: inline-block; width: 16px; height: 16px; margin-left: 4px; vertical-align: middle; cursor: pointer; } .v3-sidebar-modal__tip-icon svg { width: 16px; height: 16px; color: var(--color-text-disabled); display: block; } .v3-sidebar-modal__tip-icon:hover svg { color: var(--color-text-disabled); } .v3-sidebar-modal__tip-icon:hover .v3-sidebar-modal__tip-text { visibility: visible; opacity: 1; } .v3-sidebar-modal__tip-text { visibility: hidden; opacity: 0; position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.75); color: #fff; font-size: 12px; font-weight: normal; padding: 6px 10px; border-radius: 4px; white-space: nowrap; transition: opacity 0.2s; pointer-events: none; z-index: 10; } .v3-sidebar-modal__tip-text::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 4px solid transparent; border-top-color: rgba(0, 0, 0, 0.75); } .v3-sidebar-modal__suffix { color: var(--color-text-placeholder); font-size: 14px; } .v3-sidebar-modal__error { font-size: 12px; color: var(--color-danger); margin-top: 4px; } .v3-smart-assistant__loading { display: flex; justify-content: center; align-items: center; min-height: 200px; } .v3-smart-assistant__form { padding: 8px 4px; } .v3-smart-assistant__field { margin-bottom: 20px; } .v3-smart-assistant__label { display: block; font-size: 14px; color: var(--color-text); margin-bottom: 8px; font-weight: 500; } .v3-smart-assistant__label::after { content: '*'; color: var(--color-danger); margin-left: 4px; } .v3-smart-assistant__field--error .infoflow-input-affix-wrapper { border-color: var(--color-danger) !important; } .v3-smart-assistant__error { display: block; font-size: 12px; color: var(--color-danger); margin-top: 4px; } .v3-smart-assistant__footer { margin-top: 24px; padding: 12px 16px; font-size: 13px; color: var(--color-text-placeholder); background: var(--color-bg-elevated); border-radius: 6px; } .v3-smart-assistant__link { color: var(--color-primary); cursor: pointer; margin: 0 2px; } .v3-smart-assistant__link:hover { text-decoration: underline; } .menu-editor-page { padding: 24px; background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .menu-editor-switch-bar { display: flex; align-items: center; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--color-border-light); margin-bottom: 20px; } .menu-editor-switch-text { font-size: 13px; color: var(--color-text-secondary); } .menu-editor-body { display: flex; gap: 16px; min-height: 480px; } .menu-editor-col { background: var(--color-bg-elevated); border-radius: 8px; padding: 16px; overflow-y: auto; } .menu-editor-left { width: 250px; flex-shrink: 0; } .menu-editor-center { flex: 1; background: #fff; border: 1px solid var(--color-border-light); } .menu-editor-right { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; overflow: visible; } .menu-editor-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--color-border-light); } .menu-editor-footer-tip { font-size: 12px; color: var(--color-text-placeholder); } .menu-editor-footer-btns { display: flex; gap: 8px; } /* MenuTree */ .menu-tree-header { margin-bottom: 12px; } .menu-tree-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 8px; } .menu-tree-rules { font-size: 12px; color: var(--color-text-placeholder); line-height: 1.6; } .menu-tree-add { padding: 8px 12px; color: var(--color-primary); cursor: pointer; font-size: 13px; margin-bottom: 8px; border-radius: 6px; } .menu-tree-add:hover { background: #fff; } .menu-tree-list { margin-bottom: 12px; } .menu-tree-first { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; cursor: pointer; gap: 4px; } .menu-tree-first:hover { background: #fff; } .menu-tree-first.active { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .menu-tree-arrow { display: inline-block; width: 12px; font-size: 10px; transition: transform 0.2s; cursor: pointer; } .menu-tree-arrow::before { content: '▶'; } .menu-tree-arrow.expanded::before { content: '▼'; } .menu-tree-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--color-text); } .menu-tree-actions { display: none; gap: 4px; } .menu-tree-first:hover .menu-tree-actions, .menu-tree-sub:hover .menu-tree-actions { display: flex; } .menu-tree-btn { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; font-size: 12px; color: var(--color-text-secondary); } .menu-tree-btn:hover { background: var(--color-border); } .menu-tree-sub-list { padding-left: 20px; } .menu-tree-sub { display: flex; align-items: center; padding: 6px 12px; border-radius: 6px; cursor: pointer; gap: 4px; } .menu-tree-sub:hover { background: #fff; } .menu-tree-sub.active { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } /* ActionEditor */ .menu-action-editor { height: 100%; } .menu-action-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; } .menu-action-empty { color: var(--color-text-placeholder); text-align: center; padding-top: 80px; font-size: 13px; } .menu-action-loading { color: var(--color-text-placeholder); text-align: center; padding-top: 80px; font-size: 13px; } .menu-action-selector { display: flex; gap: 12px; flex-wrap: wrap; } .menu-action-option { padding: 10px 20px; background: #fff; border: 1px dashed var(--color-border); border-radius: 6px; cursor: pointer; color: var(--color-primary); font-size: 13px; } .menu-action-option:hover { border-color: var(--color-primary); background: var(--color-primary-light-bg); } .menu-action-configured { background: var(--color-bg-elevated); padding: 16px; border-radius: 8px; border: 1px solid var(--color-border-light); } .menu-action-configured-type { font-weight: 500; font-size: 13px; color: var(--color-text); margin-bottom: 12px; } .menu-action-configured-btns { display: flex; gap: 8px; } .menu-action-configured-detail { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 12px; word-break: break-all; } .menu-action-detail-list { display: flex; flex-direction: column; gap: 8px; } .menu-action-detail-item { display: flex; align-items: center; line-height: 1.6; } .menu-action-detail-label { color: var(--color-text-placeholder); white-space: nowrap; flex-shrink: 0; } .menu-action-detail-value { color: var(--color-text); word-break: break-all; } .menu-action-detail-hint { color: var(--color-text-placeholder); font-size: 12px; } .menu-action-detail-link { color: var(--color-primary); } .menu-action-toggle { margin-left: 8px; color: var(--color-primary); cursor: pointer; font-size: 12px; font-weight: normal; } .menu-action-push-event-radio { display: flex; align-items: center; gap: 12px; } .menu-action-push-event-radio .menu-action-push-event-label { font-size: 13px; color: var(--color-text-secondary); white-space: nowrap; line-height: 32px; } .menu-action-push-event-radio .ant-radio-wrapper, .menu-action-push-event-radio .infoflow-radio-wrapper { display: inline-flex; align-items: center; } .menu-action-push-info { display: flex; align-items: center; gap: 8px; color: var(--color-text-secondary); font-size: 13px; } .menu-action-msg-preview { margin-bottom: 4px; } .menu-action-msg-bubble { background: var(--color-primary-light-bg); border-radius: 8px; padding: 10px 12px; font-size: 13px; color: var(--color-text); line-height: 1.6; word-break: break-all; max-height: 120px; overflow-y: auto; } .menu-action-msg-media { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--color-border); border-radius: 8px; padding: 10px 12px; } .menu-action-media-icon { font-size: 24px; flex-shrink: 0; } .menu-action-media-info { flex: 1; min-width: 0; } .menu-action-media-name { font-size: 13px; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-action-media-size { font-size: 12px; color: var(--color-text-placeholder); margin-top: 2px; } .menu-action-richtext-card { background: #fff; border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; } .menu-action-richtext-cover { width: 100%; height: 100px; -o-object-fit: cover; object-fit: cover; display: block; } .menu-action-richtext-title { padding: 8px 12px 4px; font-size: 13px; font-weight: 500; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-action-richtext-desc { padding: 0 12px 8px; font-size: 12px; color: var(--color-text-placeholder); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-action-richtext-more { font-size: 12px; color: var(--color-text-placeholder); margin-top: 6px; } .menu-action-field { margin-bottom: 16px; } .menu-action-field label { display: block; font-size: 13px; color: var(--color-text); margin-bottom: 6px; } .menu-action-field .ant-radio-group, .menu-action-field .infoflow-radio-group { display: flex; align-items: center; gap: 12px; } .menu-action-field .ant-radio-group .ant-radio-wrapper, .menu-action-field .infoflow-radio-group .ant-radio-wrapper, .menu-action-field .ant-radio-group .infoflow-radio-wrapper, .menu-action-field .infoflow-radio-group .infoflow-radio-wrapper { display: inline-flex; align-items: center; } .menu-action-field-with-btn { display: flex; align-items: center; gap: 8px; } .menu-action-field-with-btn .ant-input, .menu-action-field-with-btn .infoflow-input { flex: 1; } .menu-action-size { display: flex; align-items: center; gap: 4px; font-size: 13px; } .menu-action-mail-link { font-size: 13px; color: var(--color-text-placeholder); margin-top: 12px; } .menu-action-mail-link-text { color: var(--color-primary); cursor: pointer; } .menu-action-push-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 4px; } .menu-action-push-desc { font-size: 12px; color: var(--color-text-placeholder); margin-bottom: 16px; } .menu-action-websocket-info { font-size: 13px; color: var(--color-text-secondary); line-height: 1.8; padding: 12px; background: var(--color-bg-elevated); border-radius: 6px; margin-bottom: 16px; } .menu-action-websocket-info a { color: var(--color-primary); text-decoration: none; } .menu-action-websocket-info a:hover { text-decoration: underline; } .menu-action-websocket-warn { margin-top: 8px; font-size: 12px; color: var(--color-warning); } .menu-action-push-links { display: flex; gap: 16px; margin-top: 4px; margin-bottom: 16px; } .menu-action-push-links a { font-size: 13px; color: var(--color-primary); text-decoration: none; } .menu-action-push-links a:hover { text-decoration: underline; } /* MenuPreview */ .menu-preview { display: flex; flex-direction: column; height: 100%; } .menu-preview-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 12px; } .menu-preview-panel { flex: 1; display: flex; flex-direction: column; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; position: relative; } .menu-preview-content-area { flex: 1; display: flex; align-items: center; justify-content: center; padding: 16px; background: var(--color-bg-elevated); font-size: 13px; color: var(--color-text-placeholder); border-radius: 8px 8px 0 0; } .menu-preview-content-empty { text-align: center; } .menu-preview-content-link, .menu-preview-content-push { text-align: center; } .menu-preview-link-icon, .menu-preview-push-icon { font-size: 24px; margin-bottom: 8px; } .menu-preview-link-url { font-size: 12px; word-break: break-all; color: var(--color-primary); } .menu-preview-push-detail { margin-top: 8px; font-size: 12px; color: var(--color-text-secondary); } .menu-preview-push-mode { margin-bottom: 4px; } .menu-preview-push-url { word-break: break-all; color: var(--color-primary); } .menu-preview-content-text { padding: 8px 12px; background: #fff; border-radius: 8px; font-size: 13px; color: var(--color-text); max-width: 100%; word-break: break-all; } .menu-preview-menu-bar-wrap { position: relative; flex-shrink: 0; } .menu-preview-menu-bar { display: flex; border-top: 1px solid var(--color-border); background: #fff; position: relative; z-index: 2; overflow-x: auto; scrollbar-width: none; } .menu-preview-menu-bar::-webkit-scrollbar { display: none; } .menu-preview-menu-item-wrap { flex: 1 0 72px; min-width: 72px; position: relative; border-right: 1px solid var(--color-border-light); } .menu-preview-menu-item-wrap:last-child { border-right: none; } .menu-preview-menu-item { padding: 12px 8px; text-align: center; font-size: 13px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .menu-preview-menu-item:hover { background: var(--color-bg-elevated); } .menu-preview-menu-item.active { color: var(--color-primary); } .menu-preview-arrow { font-size: 8px; margin-left: 2px; } .menu-preview-sub-menu { position: absolute; bottom: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--color-border); border-radius: 6px; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08); z-index: 10; } .menu-preview-sub-item { padding: 8px; text-align: center; font-size: 12px; cursor: pointer; border-bottom: 1px solid var(--color-border-light); } .menu-preview-sub-item:last-child { border-bottom: none; } .menu-preview-sub-item:hover { background: var(--color-bg-elevated); } .menu-preview-sub-item.active { color: var(--color-primary); } .v3-service-config-panel__switch-row { display: flex; align-items: center; padding: 16px 24px; background: #fff; border-radius: 12px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-service-config-panel__switch-label { font-size: 16px; font-weight: 500; color: var(--color-text); margin-right: 16px; } .v3-service-config-panel__switch-hint { margin-left: 12px; font-size: 13px; color: var(--color-text-placeholder); } .v3-service-config-panel__base-info-card { background: #fff; padding: 20px 24px 24px; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 24px; } .v3-service-config-panel__base-info-card .infoflow-setting-item-actions { opacity: 1 !important; } .v3-service-config-panel__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-service-config-panel__link-btn { margin-left: 12px; color: var(--color-primary); cursor: pointer; font-size: 14px; } .v3-service-config-panel__link-btn:hover { color: var(--color-primary-active); } .v3-service-config-panel__visibility-item .infoflow-setting-item-editor-actions { display: none; } .v3-visible-scope { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; } .v3-visible-scope__loading { display: flex; justify-content: center; padding: 60px 0; } .v3-visible-scope__card { background: #fff; padding: 20px 24px 24px; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-visible-scope__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-visible-scope__footer { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--color-border-light); } .vs-card-header { display: flex; align-items: center; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light, #dee0e3); } .vs-card-title { font-size: 18px; font-weight: 500; color: var(--color-text, #1f2329); } .vs-edit-btn { border: none; background: none; cursor: pointer; padding: 4px 8px; border-radius: 4px; font-size: 14px; line-height: 24px; color: var(--color-text-secondary, #646a73); display: inline-flex; align-items: center; margin-left: 8px; transition: background-color 0.2s, color 0.2s; } .vs-edit-btn svg { font-size: 1em; } .vs-edit-btn:hover { background: var(--color-primary-light, rgba(51, 112, 255, 0.1)); color: var(--color-primary, #3370ff); } .vs-scope-value { font-size: 14px; color: var(--color-text, #1f2329); line-height: 32px; } .vs-dept-sub-label { font-size: 12px; color: #646a73; border-left: 1px solid #dee0e3; padding-left: 8px; margin-left: 2px; } .vs-scope-row { display: flex; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--color-border-light, #dee0e3); gap: 0; margin-bottom: 0; } .vs-scope-row:last-child { border-bottom: none; } .vs-scope-label { width: 100px; min-width: 100px; font-size: 14px; color: var(--color-text-secondary, #646a73); line-height: 32px; font-weight: normal; padding-top: 0; } .vs-scope-body { flex: 1; min-width: 0; } .vs-radio-group { display: flex; flex-direction: row; gap: 32px; padding-top: 4px; } .vs-radio-option { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; } .vs-radio-option input[type='radio'] { margin-top: 3px; cursor: pointer; width: 16px; height: 16px; accent-color: #3370ff; flex-shrink: 0; } .vs-option-info { display: flex; flex-direction: column; gap: 3px; } .vs-option-label { font-size: 14px; color: #1f2329; } .vs-option-desc { font-size: 12px; color: #8f959e; line-height: 1.5; } .vs-link { color: #3370ff; text-decoration: none; } .vs-link:hover { text-decoration: underline; } .vs-partial-content { padding-top: 16px; border-top: 1px solid var(--color-border-light, #dee0e3); display: flex; flex-direction: column; gap: 16px; } .vs-search-wrap { position: relative; width: 100%; } .vs-dropdown { position: absolute; top: calc(100% + 2px); left: 0; right: 0; background: #fff; border: 1px solid #dee0e3; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); z-index: 200; max-height: 200px; overflow-y: auto; } .vs-dropdown-item { padding: 8px 12px; cursor: pointer; font-size: 14px; color: #1f2329; display: flex; flex-direction: column; gap: 2px; } .vs-dropdown-item:hover { background: #f5f6f7; } .vs-dropdown-sub { font-size: 12px; color: #8f959e; } .vs-dropdown-empty { padding: 12px; font-size: 13px; color: #8f959e; text-align: center; } .vs-tag-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 20px; } .vs-tag-list--collapsed { max-height: 110px; overflow: hidden; position: relative; transition: max-height 0.2s ease; } .vs-tag-list--collapsed::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%); pointer-events: none; } .vs-tag-item { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; background: #f5f6f7; border-radius: 100px; font-size: 13px; color: #1f2329; } .vs-tag-remove { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: #8f959e; cursor: pointer; border-radius: 50%; font-size: 14px; padding: 0; line-height: 1; } .vs-tag-remove:hover { background: rgba(0, 0, 0, 0.1); color: #1f2329; } .vs-dept-sub { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: #646a73; border-left: 1px solid #dee0e3; padding-left: 8px; cursor: pointer; white-space: nowrap; } .vs-dept-sub input { cursor: pointer; width: 13px; height: 13px; accent-color: #3370ff; margin: 0; } .vs-expand-btn { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; font-size: 13px; color: #3370ff; background: transparent; border: none; cursor: pointer; border-radius: 4px; white-space: nowrap; flex-shrink: 0; } .vs-expand-btn:hover { background: rgba(51, 112, 255, 0.08); } .vs-clear-btn { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: #8f959e; cursor: pointer; border-radius: 4px; flex-shrink: 0; } .vs-clear-btn:hover { background: #f5f6f7; color: #f54a45; } .vs-empty { font-size: 13px; color: #8f959e; padding: 4px 0; } .vs-manage-tag { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; color: #3370ff; font-size: 13px; cursor: pointer; } .vs-manage-tag:hover { opacity: 0.8; } .vs-manage-tag-desc { font-size: 12px; color: #8f959e; margin-left: 4px; } .vs-group-partial { padding-top: 16px; border-top: 1px solid #dee0e3; } .vs-add-group-form { display: flex; gap: 8px; align-items: center; max-width: 400px; } .tm-list { padding: 0 4px; display: flex; flex-direction: column; height: 100%; } .tm-table-wrap { flex: 1; overflow-y: auto; } .tm-pagination { flex-shrink: 0; padding-top: 12px; display: flex; justify-content: flex-end; } .tm-desc { font-size: 13px; color: #646a73; margin-bottom: 16px; line-height: 1.6; } .tm-card { background: #f8f9fa; border-radius: 8px; padding: 16px; } .tm-card-header { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 500; color: #1f2329; margin-bottom: 12px; } .tm-total { font-size: 12px; color: #8f959e; font-weight: normal; } .tm-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #dee0e3; } .tm-item:last-child { border-bottom: none; } .tm-item-name { font-size: 14px; color: #1f2329; } .tm-item-actions { display: flex; gap: 4px; } .tm-loading, .tm-empty { text-align: center; padding: 32px 0; color: #8f959e; } .tm-empty-title { font-size: 14px; font-weight: 500; margin-bottom: 8px; } .tm-empty-desc { font-size: 13px; white-space: pre-line; line-height: 1.6; } .tm-form { padding: 0 4px; } .tm-form-row { margin-bottom: 20px; } .tm-form-label { display: block; font-size: 14px; color: #1f2329; font-weight: 500; margin-bottom: 8px; } .tm-required { color: #f54a45; margin-left: 2px; } .tm-hint { font-size: 12px; color: #8f959e; margin-top: 4px; } .tm-member-tabs { display: flex; border-radius: 4px; overflow: hidden; width: -moz-fit-content; width: fit-content; margin-bottom: 12px; } .tm-member-tab { padding: 6px 20px; font-size: 13px; cursor: pointer; color: #1f2329; border-right: 1px solid #dee0e3; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .tm-member-tab:last-child { border-right: none; } .tm-member-tab input[type='radio'] { display: none; } .tm-member-tab--active { background: #3370ff; color: #fff; } .tm-member-tab--disabled { opacity: 0.45; cursor: not-allowed; } .tm-member-area { display: flex; flex-direction: column; gap: 8px; } .tm-member-list { display: flex; flex-wrap: wrap; gap: 6px; min-height: 32px; } .tm-form { display: flex; flex-direction: column; height: 100%; } .tm-form-header { display: flex; align-items: center; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid #dee0e3; margin-bottom: 20px; } .tm-back-btn, .tm-close-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: #646a73; cursor: pointer; border-radius: 6px; flex-shrink: 0; } .tm-back-btn:hover, .tm-close-btn:hover { background: #f5f6f7; color: #1f2329; } .tm-close-btn { margin-left: auto; } .tm-form-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; color: #1f2329; } .tm-form-body { flex: 1; overflow-y: auto; padding-bottom: 70px; } .tm-form-group { margin-bottom: 20px; } .tm-form-label { display: block; font-size: 14px; color: #1f2329; font-weight: 500; margin-bottom: 8px; } .tm-required { color: #f54a45; margin-left: 2px; } .tm-form-desc { font-size: 12px; color: #8f959e; margin-top: 4px; } .tm-form-footer { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: flex-end; gap: 8px; padding: 12px 24px; background: #fff; border-top: 1px solid #dee0e3; } .tm-member-tabs { display: flex; gap: 24px; margin-bottom: 12px; } .tm-radio-tab { display: flex; align-items: center; gap: 8px; cursor: pointer; } .tm-radio-tab input[type='radio'] { width: 16px; height: 16px; accent-color: #3370ff; cursor: pointer; margin-top: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #dcdfe6; border-radius: 50%; background: #fff; position: relative; flex-shrink: 0; } .tm-radio-tab input[type='radio']:checked { border-color: #3370ff; } .tm-radio-tab input[type='radio']:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: #3370ff; } .tm-radio-tab input[type='radio']:disabled { border-color: #e5e6eb; background: #f2f3f5; cursor: not-allowed; } .tm-radio-tab input[type='radio']:disabled:checked::after { background: #c9cdd4; } .tm-radio-tab span { font-size: 14px; color: #1f2329; } .tm-radio-tab:has(input:disabled) { cursor: not-allowed; } .tm-radio-tab:has(input:disabled) span { color: #c9cdd4; } .tm-member-content { margin-top: 8px; } .tm-icon-btn { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: #8f959e; cursor: pointer; border-radius: 4px; flex-shrink: 0; } .tm-icon-btn:hover { background: #f5f6f7; color: #f54a45; } .tm-form-modal-title { position: relative; display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #1f2329; } .tm-form-modal-title span { position: absolute; left: 50%; transform: translateX(-50%); } .tm-item-actions { display: flex; gap: 4px; align-items: center; } .v3-robot-base-panel { width: 100%; } .v3-robot-base-panel .infoflow-setting-item-actions { opacity: 1 !important; } .v3-robot-base-panel__card { background: #fff; padding: 20px 24px 24px; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-robot-base-panel__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-robot-base-panel__link-btn { margin-left: 12px; color: var(--color-primary); cursor: pointer; font-size: 14px; } .v3-robot-base-panel__link-btn:hover { color: var(--color-primary-active); } .v3-robot-base-panel__back-link { color: var(--color-primary); cursor: pointer; font-size: 14px; } .v3-robot-base-panel__back-link:hover { color: var(--color-primary-active); } .v3-robot-base-panel__visibility-editor { padding: 4px 0; } .v3-robot-base-panel__tags-display { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; } .v3-robot-base-panel .infoflow-setting-item:has(.v3-robot-base-panel__tags-display) { align-items: center; } .v3-robot-base-panel .infoflow-setting-item:has(.v3-robot-base-panel__tags-display) .infoflow-setting-item-value-wrapper { align-items: center; } .v3-robot-base-panel .infoflow-setting-item:has(.v3-robot-base-panel__tags-display) .infoflow-setting-item-actions { margin-top: 0; } .v3-robot-base-panel__tags-item--editing.infoflow-setting-item { border-bottom: none; } .v3-robot-base-panel__tags-edit-area { margin-top: 8px; margin-left: 140px; padding: 16px; background: #f8f9fa; border-radius: 8px; position: relative; margin-bottom: 16px; } .v3-robot-base-panel__tags-edit-area::after { content: ''; position: absolute; bottom: -16px; left: -140px; right: 0; height: 1px; background: var(--color-border-light); } .v3-robot-base-panel__tags-tip-text { margin-bottom: 12px; font-size: 12px; color: var(--color-text-placeholder); } .v3-robot-base-panel__tags-section-title { font-size: 14px; font-weight: 500; color: var(--color-text); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .v3-robot-base-panel__tags-section-title .ant-btn-link { font-size: 12px; padding: 0; height: auto; line-height: inherit; } .v3-robot-base-panel__tags-list { display: flex; flex-wrap: wrap; gap: 8px; } .v3-robot-base-panel__tag-item { display: inline-flex; align-items: center; cursor: pointer; padding: 4px 12px; border-radius: 4px; border: 1px solid var(--color-border); font-size: 14px; color: var(--color-text); transition: all 0.2s; } .v3-robot-base-panel__tag-item:hover { border-color: var(--color-primary); } .v3-robot-base-panel__tag-item--selected { border-color: var(--color-primary); background: var(--color-primary-light-bg); color: var(--color-primary); } .v3-robot-base-panel__tag-checkbox { margin-right: 6px; } .v3-robot-base-panel__tag-close { margin-left: 6px; cursor: pointer; color: var(--color-text-placeholder); font-size: 12px; } .v3-robot-base-panel__tag-close:hover { color: var(--color-danger-hover); } .v3-robot-base-panel__tags-footer { margin-top: 24px; display: flex; gap: 12px; } .v3-robot-base-panel__add-tag-form { padding: 8px 0; } .v3-robot-base-panel__add-tag-label { display: block; font-size: 14px; color: #1f2329; font-weight: 500; margin-bottom: 8px; } .v3-robot-base-panel__add-tag-error { color: var(--color-danger-hover); font-size: 12px; margin-top: 4px; } .v3-robot-base-panel__poster-item.infoflow-setting-item { align-items: center; } .v3-robot-base-panel__poster-item.infoflow-setting-item .infoflow-setting-item-value span, .v3-robot-base-panel__poster-item.infoflow-setting-item .infoflow-setting-item-value a { white-space: nowrap; } .tag-manage-modal .infoflow-modal-body { height: calc(80vh - 102px); max-height: calc(80vh - 102px); overflow-y: hidden; } .v3-ssc { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); padding: 16px 24px; height: 100%; display: flex; flex-direction: column; } .v3-ssc__loading { display: flex; justify-content: center; align-items: center; min-height: 300px; } .v3-ssc__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-shrink: 0; flex-wrap: nowrap; gap: 12px; min-width: 0; } .v3-ssc__title { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 500; color: var(--color-text); flex-shrink: 1; min-width: 0; } .v3-ssc__title::before { content: ''; display: inline-block; width: 3px; height: 16px; background: var(--color-primary); border-radius: 2px; } .v3-ssc__info-icon { display: inline-flex; align-items: center; cursor: help; } .v3-ssc__info-icon svg { width: 16px; height: 16px; color: var(--color-text-disabled); transition: color 0.2s; } .v3-ssc__info-icon:hover svg { color: var(--color-text-disabled); } .v3-ssc__count { font-size: 13px; font-weight: 400; color: var(--color-text-disabled); display: flex; align-items: center; gap: 4px; } .v3-ssc__count-num { color: var(--color-primary); font-weight: 600; } .v3-ssc__actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .v3-ssc__body { display: flex; gap: 0; align-items: stretch; flex: 1; min-height: 0; } .v3-ssc__sidebar { width: 140px; flex-shrink: 0; border-right: 1px solid var(--color-border); } .v3-ssc__nav-item { display: flex; align-items: center; gap: 8px; padding: 12px 16px; font-size: 14px; font-weight: 500; cursor: pointer; color: var(--color-text-secondary); transition: all 0.2s; border-left: 3px solid transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .v3-ssc__nav-item:hover { color: var(--color-text); background: var(--color-bg-page); } .v3-ssc__nav-item--active { background: var(--tab-bg, var(--color-primary-light-bg)); border-left-color: var(--tab-color, var(--color-primary)); color: var(--tab-color, var(--color-primary)); font-weight: 600; } .v3-ssc__nav-item[data-type='命令'] { --tab-color: var(--color-primary); --tab-bg: var(--color-primary-light-bg); } .v3-ssc__nav-item[data-type='命令'] .v3-ssc__nav-dot { background: var(--color-primary); } .v3-ssc__nav-item[data-type='Skills'] { --tab-color: var(--color-success); --tab-bg: var(--color-success-light-bg); } .v3-ssc__nav-item[data-type='Skills'] .v3-ssc__nav-dot { background: var(--color-success); } .v3-ssc__nav-item[data-type='业务'] { --tab-color: var(--color-warning); --tab-bg: var(--color-warning-light-bg); } .v3-ssc__nav-item[data-type='业务'] .v3-ssc__nav-dot { background: var(--color-warning); } .v3-ssc__nav-item[data-type='自定义'] { --tab-color: #722ed1; --tab-bg: #f9f0ff; } .v3-ssc__nav-item[data-type='自定义'] .v3-ssc__nav-dot { background: #722ed1; } .v3-ssc__nav-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .v3-ssc__nav-count { margin-left: auto; font-size: 11px; color: var(--color-text-disabled); font-weight: 400; } .v3-ssc__main { flex: 1; min-width: 0; display: flex; flex-direction: column; min-height: 0; padding-left: 16px; } .v3-ssc__rules { margin-bottom: 10px; padding: 8px 14px; background: var(--color-bg-page); border-radius: 6px; font-size: 12px; color: var(--color-text-disabled); line-height: 1.8; flex-shrink: 0; } .v3-ssc__rules strong { color: var(--color-text-secondary); font-weight: 500; } .v3-ssc__table { border: 1px solid var(--color-border); border-radius: 6px; overflow: hidden; } .v3-ssc__table-header { display: grid; background: var(--color-bg-elevated); border-bottom: 1px solid var(--color-border); padding: 12px 16px; gap: 10px; align-items: center; flex-shrink: 0; } .v3-ssc__table-header--view { grid-template-columns: 1fr 1fr; } .v3-ssc__table-header--edit { grid-template-columns: 1fr 1fr 40px; } .v3-ssc__table-cell { font-size: 13px; font-weight: 600; color: var(--color-text-secondary); display: flex; align-items: center; gap: 4px; } .v3-ssc__view-row { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 16px; gap: 10px; align-items: center; border-bottom: 1px solid var(--color-border-light); transition: background 0.15s; } .v3-ssc__view-row:last-child { border-bottom: none; } .v3-ssc__view-row:hover { background: var(--color-bg-elevated); } .v3-ssc__view-cell { font-size: 13px; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-ssc__view-cell--muted { color: var(--color-text-disabled); } .v3-ssc__view-cmd-name { font-weight: 600; color: var(--color-primary); } .v3-ssc__edit-row { display: grid; grid-template-columns: 1fr 1fr 40px; padding: 8px 16px; gap: 10px; align-items: start; border-bottom: 1px solid var(--color-border-light); transition: background 0.15s; } .v3-ssc__edit-row:last-child { border-bottom: none; } .v3-ssc__edit-row:hover { background: var(--color-bg-page); } .v3-ssc__edit-row--error { background: var(--color-danger-light-bg); } .v3-ssc__input-wrap { position: relative; } .v3-ssc__field-error { font-size: 11px; color: var(--color-danger); margin-top: 3px; line-height: 1.3; } .v3-ssc__action-col { display: flex; align-items: center; gap: 2px; padding-top: 4px; } .v3-ssc__add-row { padding: 10px 16px; text-align: center; flex-shrink: 0; } .v3-ssc__empty { padding: 40px 0; text-align: center; color: var(--color-text-disabled); font-size: 13px; } .v3-ssc__preview { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; padding-left: 20px; } .v3-ssc__preview-panel { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); padding: 16px; flex: 1; display: flex; flex-direction: column; } .v3-ssc__preview-title { font-size: 14px; font-weight: 600; color: var(--color-text); margin-bottom: 16px; display: flex; align-items: center; gap: 6px; } .v3-ssc__preview-mock { background: var(--color-bg-page); border-radius: 12px; padding: 16px; border: 1px solid var(--color-border); } .v3-ssc__preview-bar { background: #fff; border: 1px solid var(--color-border); border-radius: 8px; padding: 8px 12px; font-size: 13px; margin-bottom: 8px; display: flex; align-items: center; gap: 4px; } .v3-ssc__preview-bar .slash { color: var(--color-primary); font-weight: 600; } .v3-ssc__preview-cursor { display: inline-block; width: 1.5px; height: 14px; background: var(--color-primary); animation: v3-ssc-cursor-blink 1s step-end infinite; } .v3-ssc__preview-menu { background: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); overflow: hidden; max-height: 320px; overflow-y: auto; } .v3-ssc__preview-menu::-webkit-scrollbar { width: 4px; } .v3-ssc__preview-menu::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 2px; } .v3-ssc__preview-group { padding: 6px 12px 2px; font-size: 11px; font-weight: 600; color: var(--color-text-disabled); letter-spacing: 0.5px; } .v3-ssc__preview-cmd { display: flex; align-items: center; gap: 8px; padding: 7px 12px; } .v3-ssc__preview-cmd-name { font-size: 13px; font-weight: 600; color: var(--color-primary); white-space: nowrap; } .v3-ssc__preview-cmd-desc { font-size: 12px; color: var(--color-text-disabled); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-ssc__preview-empty { padding: 24px 0; text-align: center; color: var(--color-text-disabled); font-size: 13px; } .v3-ssc__behavior-hint { margin-top: 16px; } .v3-ssc__behavior-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 6px; margin-bottom: 8px; } .v3-ssc__behavior-item--send { background: var(--color-primary-light); border: 1px solid var(--color-primary); } .v3-ssc__behavior-item--send .v3-ssc__behavior-dot { background: var(--color-primary); } .v3-ssc__behavior-item--send .v3-ssc__behavior-text { color: var(--color-primary-active); } .v3-ssc__behavior-item--fill { background: var(--color-warning-light-bg); border: 1px solid var(--color-warning); } .v3-ssc__behavior-item--fill .v3-ssc__behavior-dot { background: var(--color-warning); } .v3-ssc__behavior-item--fill .v3-ssc__behavior-text { color: var(--color-warning); } .v3-ssc__behavior-dot { width: 10px; height: 10px; border-radius: 50%; margin-top: 3px; flex-shrink: 0; } .v3-ssc__behavior-text { font-size: 13px; line-height: 1.5; } .v3-ssc__behavior-label { font-weight: 600; } .v3-ssc__preview-note { margin-top: auto; padding-top: 12px; font-size: 11px; color: var(--color-text-disabled); text-align: center; line-height: 1.6; flex-shrink: 0; } @keyframes v3-ssc-cursor-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .v3-group-guide-panel { width: 100%; min-height: 100%; padding: 0; box-sizing: border-box; } .v3-group-guide-panel__loading { display: flex; justify-content: center; align-items: center; min-height: 300px; } .v3-group-guide-panel__card { background: #fff; border-radius: 8px; padding: 24px; box-shadow: none; } .v3-group-guide-panel__textarea-wrap { position: relative; } .v3-group-guide-panel__edit-area { display: flex; flex-direction: column; gap: 8px; } .v3-group-guide-panel__edit-footer { display: flex; justify-content: flex-end; align-items: center; } .v3-group-guide-panel__textarea { width: 100%; min-height: 200px; padding: 12px 16px; padding-bottom: 28px; font-size: 14px; line-height: 1.8; border: 1px solid var(--color-border); border-radius: 6px; resize: vertical; outline: none; font-family: inherit; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s; } .v3-group-guide-panel__textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.1); } .v3-group-guide-panel__textarea::-moz-placeholder { color: var(--color-text-disabled); } .v3-group-guide-panel__textarea::placeholder { color: var(--color-text-disabled); } .v3-group-guide-panel__edit-count { position: absolute; right: 16px; bottom: 10px; font-size: 12px; color: var(--color-text-placeholder); pointer-events: none; } .v3-top-board__loading { display: flex; justify-content: center; padding: 40px 0; } .v3-top-board__switch-row { display: flex; align-items: center; margin-bottom: 16px; } .v3-top-board__switch-label { font-size: 18px; font-weight: 500; color: var(--color-text); margin-right: 12px; } .v3-top-board__switch-hint { margin-left: 12px; font-size: 13px; color: var(--color-text-placeholder); } .v3-top-board__body { max-height: 416px; min-height: 400px; overflow-y: auto; } .v3-top-board__desc { font-size: 12px; line-height: 18px; color: #111; padding: 0 0 14px; } .v3-top-board__desc-link { color: #3377ff; cursor: pointer; } .v3-top-board__desc-link:hover { color: #5599ff; } .v3-top-board__content { display: flex; border-top: 1px solid rgba(0, 0, 0, 0.08); } .v3-top-board__left { width: 200px; border-right: 1px solid var(--color-border-light); padding-right: 12px; } .v3-top-board__catalog { display: flex; align-items: center; justify-content: space-between; margin: 12px 0 8px; } .v3-top-board__catalog-title { font-size: 14px; font-weight: 500; color: #1f2329; } .v3-top-board__right { flex: 1; padding-left: 16px; } .v3-top-board__list-item { display: flex; align-items: center; padding: 8px 10px; border-radius: 4px; cursor: pointer; margin-bottom: 4px; font-size: 13px; position: relative; } .v3-top-board__list-item:hover { background: rgba(69, 143, 247, 0.08); color: #458ff7; } .v3-top-board__list-item--active { background: rgba(69, 143, 247, 0.08); color: #458ff7; } .v3-top-board__list-item--error { border-left: 2px solid var(--color-danger); } .v3-top-board__drag-handle { cursor: grab; margin-right: 8px; color: var(--color-text-disabled); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .v3-top-board__name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v3-top-board__error-icon { font-size: 14px; margin-right: 4px; line-height: 1; } .v3-top-board__name-input { flex: 1; border: 1px solid var(--color-primary); border-radius: 2px; padding: 2px 4px; font-size: 13px; outline: none; } .v3-top-board__delete { opacity: 0; color: var(--color-danger); cursor: pointer; font-size: 16px; margin-left: 4px; } .v3-top-board__list-item:hover .v3-top-board__delete { opacity: 1; } .v3-top-board__add-btn { margin-top: 0; } .v3-top-board__form { padding: 8px 0; } .v3-top-board__form-field { margin-bottom: 16px; } .v3-top-board__form-field > label { display: block; font-size: 13px; color: var(--color-text-secondary); margin-bottom: 6px; } .v3-top-board__url-textarea { width: 100%; min-height: 80px; border: 1px solid var(--color-border); border-radius: 4px; padding: 8px 10px; font-size: 13px; color: var(--color-text); resize: none; outline: none; box-sizing: border-box; background: #f5f5f5; font-family: inherit; line-height: 1.5; } .v3-top-board__url-textarea:disabled { cursor: not-allowed; color: #666; } .v3-top-board__error { display: block; font-size: 12px; color: var(--color-danger); margin-top: 4px; } .v3-top-board__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .v3-top-board__empty-img { margin-bottom: 16px; } .v3-top-board__empty-text { color: var(--color-text-placeholder); font-size: 12px; } .v3-top-board__footer { display: flex; justify-content: flex-end; gap: 8px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } :global { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } :global .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } :global .new-fc-one-select-search-text-highlight { color: #2C8FFF; } :global .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } :global .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } :global input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } :global html input[type="checkbox"][disabled] { background-color: #cfe2ff; } :global input[type="checkbox"] { background-color: #2c8fff; } :global .new-fc-one-input::-moz-placeholder { color: #ccc; } :global .new-fc-one-input::placeholder { color: #ccc; } :global input, :global textarea { box-shadow: none; } :global ::-webkit-file-upload-button { cursor: pointer; } :global input[type=file] { cursor: pointer; } :global input:disabled { cursor: default; background-color: #e6e7e8; } :global ::-moz-placeholder { color: #ccc; } :global ::placeholder { color: #ccc; } :global .new-fc-one-input-error-bottom { margin-top: 4px; } :global .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } :global .new-fc-one-select-dropdown-menu-item:active, :global .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } :global .new-fc-one-modal-title { font-weight: 500; } :global .new-fc-one-modal-content { padding: 16px 21px; } :global .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } :global .new-fc-one-tooltip-content { max-width: initial; } :global .new-fc-one-table-placeholder { padding: 20px; } .hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .new-fc-one-modal-body { overflow: unset; } .SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .SendMessageInfoindex_send-info { width: 690px; } .v3-robot-home-panel { width: 100%; min-height: 100%; padding: 0; box-sizing: border-box; } .v3-robot-home-panel .infoflow-setting-item-actions { opacity: 1; } .v3-robot-home-panel__loading { display: flex; justify-content: center; align-items: center; min-height: 300px; } .v3-robot-home-panel__card { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-robot-home-panel__card-title { font-size: 18px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; } .v3-robot-home-panel__hint { color: #999; font-size: 14px; line-height: 22px; } .v3-robot-home-panel__link { color: #2c8fff; font-weight: normal; cursor: pointer; } .v3-robot-home-panel__link:hover { color: #54a1ff; text-decoration: underline; } .v3-robot-home-panel__link:active { color: #1a76d9; } .v3-robot-home-panel__link:visited { color: #2c8fff; } .v3-robot-home-panel__error { color: #d93026; font-size: 12px; margin-top: 4px; } .v3-robot-home-panel__size-tip { font-size: 12px; color: #999; line-height: 22px; font-weight: 400; margin-left: 16px; white-space: nowrap; } .v3-quick-command { width: 100%; min-height: 100%; padding: 0; box-sizing: border-box; } .v3-quick-command__loading { display: flex; justify-content: center; align-items: center; min-height: 300px; } .v3-quick-command__card { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .v3-quick-command__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-light); } .v3-quick-command__header-left { display: flex; align-items: center; gap: 8px; } .v3-quick-command__title { font-size: 18px; font-weight: 500; color: var(--color-text); } .v3-quick-command__info-icon { display: inline-flex; align-items: center; cursor: help; } .v3-quick-command__info-icon svg { width: 14px; height: 14px; color: var(--color-text-disabled); transition: color 0.2s; } .v3-quick-command__info-icon:hover svg { color: var(--color-primary); } .v3-quick-command__count { font-size: 13px; font-weight: 400; color: var(--color-text-disabled); display: flex; align-items: center; gap: 4px; } .v3-quick-command__count-num { color: var(--color-primary); font-weight: 600; } .v3-quick-command__edit-btn { border: none; background: none; cursor: pointer; padding: 4px 8px; border-radius: 4px; font-size: 14px; line-height: 24px; color: var(--color-text-secondary); display: inline-flex; align-items: center; margin-left: 8px; transition: background-color 0.2s, color 0.2s; } .v3-quick-command__edit-btn:hover { background: var(--color-primary-light); color: var(--color-primary); } .v3-quick-command__edit-btn svg { width: 16px; height: 16px; } .v3-quick-command__actions { display: flex; gap: 8px; } .v3-quick-command__table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--color-border-light); border-radius: 6px; overflow: hidden; } .v3-quick-command__table th, .v3-quick-command__table td { padding: 12px 16px; text-align: left; font-size: 13px; border-bottom: 1px solid var(--color-border-light); vertical-align: top; } .v3-quick-command__table tr:last-child td { border-bottom: none; } .v3-quick-command__table th { background: var(--color-bg-elevated); color: var(--color-text-secondary); font-weight: 500; vertical-align: middle; } .v3-quick-command__table td { color: var(--color-text); } .v3-quick-command__table th .v3-quick-command__th-inner { display: inline-flex; align-items: center; gap: 4px; } .v3-quick-command__error { font-size: 12px; color: var(--color-danger); margin-top: 4px; } .v3-quick-command__counter { font-size: 12px; color: var(--color-text-disabled); white-space: nowrap; line-height: 32px; display: inline-flex; align-items: center; } .v3-quick-command__add-row { padding: 10px 0; text-align: center; flex-shrink: 0; } .v3-quick-command__add-btn { margin-top: 12px; } .v3-quick-command__footer { display: flex; gap: 8px; margin-top: 16px; } .v3-quick-command__empty { color: var(--color-text-placeholder); font-size: 13px; padding: 20px 0; text-align: center; } .v3-open-api-panel__loading { display: flex; justify-content: center; align-items: center; min-height: 300px; } .v3-open-api-panel__card { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .v3-open-api-panel__card table a { color: var(--color-primary); } .v3-open-api-panel__card table a:hover { color: var(--color-primary-hover); } .v3-open-api-panel__title { font-size: 18px; font-weight: 500; margin-bottom: 16px; position: relative; } .v3-open-api-panel__tips-bar { display: inline-flex; align-items: center; border-radius: 16px; background-color: #e8f3ff; color: var(--color-text); font-size: 13px; white-space: nowrap; padding: 8px 13px; margin-bottom: 16px; } .v3-open-api-panel__tabs { display: flex; border-bottom: 1px solid var(--color-border, #e5e6eb); margin-bottom: 16px; } .v3-open-api-panel__tab-item { padding: 8px 16px; font-size: 14px; color: #646a73; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 0.15s; } .v3-open-api-panel__tab-item:hover { color: #1f2329; } .v3-open-api-panel__tab-item.active { color: #3370ff; font-weight: 500; border-bottom-color: #3370ff; } .v3-open-api-panel__tips { display: inline-block; margin-left: 16px; border-radius: 16px; background-color: #e8f3ff; color: var(--color-text); font-weight: 400; font-size: 13px; line-height: 13px; white-space: nowrap; padding: 8px 13px; vertical-align: middle; } .v3-open-api-panel__tips-link { cursor: pointer; color: #3370ff; font-weight: 500; } .v3-open-api-panel__tips-link:hover { color: #245bdb; } .v3-open-api-panel__body { display: flex; } .v3-open-api-panel__sidebar { width: 120px; flex-shrink: 0; padding-top: 4px; } .v3-open-api-panel__sidebar-item { padding: 9px 12px; font-size: 14px; color: #1f2329; cursor: pointer; border-radius: 6px; margin-bottom: 2px; border-left: 3px solid transparent; transition: background 0.15s; } .v3-open-api-panel__sidebar-item:hover { background: #f2f3f5; } .v3-open-api-panel__sidebar-item.active { background: #e8f3ff; color: #3370ff; font-weight: 500; border-left-color: #3370ff; } .v3-open-api-panel__divider { width: 1px; background: var(--color-border, #e5e6eb); margin: 0 20px; align-self: stretch; } .v3-open-api-panel__main { flex: 1; min-width: 0; } .v3-open-api-panel__modal-content .v3-open-api-panel__modal-title { margin-bottom: 16px; } .v3-open-api-panel__modal-title { font-size: 18px; font-weight: 500; color: var(--color-text); line-height: 1.6; margin-bottom: 16px; } .v3-open-api-panel__modal-title a { color: var(--color-primary); } .v3-open-api-panel__responsibility-list { margin-top: 8px; background: var(--color-bg-elevated); border-radius: 8px; padding: 16px; } .v3-open-api-panel__responsibility-list p { font-size: 13px; line-height: 1.8; color: var(--color-text-secondary); margin: 0; } .v3-open-api-panel__responsibility-list p a { color: var(--color-primary); } .v3-mgmt-layout { display: flex; height: 100%; background: #fff; overflow: hidden; } .v3-mgmt-sider { width: 240px; min-width: 240px; background: #fff; border-right: 1px solid var(--color-border); height: 100%; display: flex; flex-direction: column; overflow: hidden; } .v3-mgmt-sider-nav { padding: 12px 16px; border-bottom: 1px solid var(--color-border-light); flex-shrink: 0; } .v3-mgmt-back-btn { display: inline-flex; align-items: center; padding: 0; font-size: 13px; color: var(--color-primary); border-radius: 6px; cursor: pointer; text-decoration: none; transition: all 0.2s; } .v3-mgmt-back-btn:hover { color: var(--color-primary-hover); } .v3-mgmt-back-btn:active { color: var(--color-primary-active); } .v3-mgmt-sider-header { padding: 16px 20px; border-bottom: 1px solid var(--color-border-light); flex-shrink: 0; } .v3-mgmt-app-info { display: flex; align-items: center; gap: 10px; } .v3-mgmt-app-logo { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .v3-mgmt-app-logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .v3-mgmt-app-logo-text { color: #fff; font-size: 18px; font-weight: 600; } .v3-mgmt-app-meta { overflow: hidden; } .v3-mgmt-app-name { font-size: 14px; font-weight: 600; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v3-mgmt-app-id { font-size: 12px; color: var(--color-text-placeholder); margin-top: 2px; } .v3-mgmt-sider-menu { flex: 1; overflow-y: auto; padding: 8px 0; } .v3-mgmt-menu-group { margin-bottom: 4px; } .v3-mgmt-menu-divider { height: 1px; background: var(--color-bg-hover); margin: 8px 20px; } .v3-mgmt-group-title { font-size: 12px; color: var(--color-text-placeholder); padding: 8px 20px 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .v3-mgmt-menu-item { padding: 10px 20px; font-size: 14px; color: var(--color-text); cursor: pointer; border-left: 3px solid transparent; display: flex; align-items: center; gap: 6px; } .v3-mgmt-menu-item:hover { background: var(--color-bg-page); } .v3-mgmt-menu-item.active { border-left-color: var(--color-primary); background: rgba(51, 112, 255, 0.08); color: var(--color-primary); } .v3-mgmt-menu-item.has-children:hover { background: var(--color-bg-page); } .v3-mgmt-menu-item-left { display: flex; align-items: center; gap: 6px; } .v3-mgmt-menu-subitem { padding: 8px 20px 8px 52px; font-size: 13px; color: var(--color-text); cursor: pointer; border-left: 3px solid transparent; } .v3-mgmt-menu-subitem:hover { background: var(--color-bg-page); } .v3-mgmt-menu-subitem.active { border-left-color: var(--color-primary); background: rgba(51, 112, 255, 0.08); color: var(--color-primary); } .v3-mgmt-content { flex: 1; padding: 0 24px; overflow-y: auto; background: var(--color-bg-page); } .v3-mgmt-placeholder { display: flex; align-items: center; justify-content: center; min-height: 400px; background: #fff; border-radius: 12px; border: 1px solid var(--color-border); color: var(--color-text-placeholder); font-size: 14px; } .v3-mgmt-loading { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 400px; } .v3-mgmt-error { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 400px; gap: 16px; color: var(--color-text-secondary); } .v3-market { height: 100%; padding: 24px; background: transparent; } .v3-market-header { background: transparent; padding: 0; height: auto; line-height: normal; margin-bottom: 16px; display: flex; align-items: center; position: relative; } .v3-market-title { font-size: 16px; font-weight: 500; color: var(--color-text); position: absolute; left: 50%; transform: translateX(-50%); } .v3-market-content { overflow-y: auto; padding: 0 24px; } .v3-market-section { margin-bottom: 32px; } .v3-market-section-title { font-size: 15px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; } .v3-market-installed { color: var(--color-text-placeholder); font-size: 11px; } .v3-market-not-installed { color: var(--color-primary); font-size: 11px; } .v3-market-empty { color: var(--color-text-placeholder); font-size: 14px; padding: 40px 0; text-align: center; } .v3-market-auth { text-align: center; padding: 8px 0; } .v3-market-auth-app { margin-bottom: 16px; } .v3-market-auth-logo { width: 56px; height: 56px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-bottom: 8px; } .v3-market-auth-name { font-size: 15px; font-weight: 500; color: var(--color-text); } .v3-market-auth-corp { font-size: 13px; color: var(--color-text-placeholder); } .v3-market-auth-tip { font-size: 14px; color: var(--color-text); margin-bottom: 8px; text-align: left; } .v3-market-auth-list { padding-left: 20px; font-size: 13px; color: var(--color-text-secondary); text-align: left; } .v3-market-auth-list li { margin-bottom: 4px; } .v3-market-install-item { margin-bottom: 16px; } .v3-market-install-item > label { display: block; font-size: 14px; font-weight: 500; color: #1f2329; margin-bottom: 8px; } .v3-market-group-input { margin-top: 8px; } .v3-market-group-input input { width: 200px; height: 32px; border: 1px solid var(--color-border); border-radius: 4px; padding: 0 8px; font-size: 13px; outline: none; } .v3-market-group-input input:focus { border-color: var(--color-primary); } .v3-market-group-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .v3-market-group-tag { background: var(--color-bg-elevated); border: 1px solid var(--color-border); border-radius: 4px; padding: 2px 8px; font-size: 12px; display: flex; align-items: center; gap: 4px; } .v3-market-group-tag span { cursor: pointer; color: var(--color-text-placeholder); } .v3-market-group-tag span:hover { color: var(--color-danger); } .v3-market-visibility-summary { margin-top: 8px; font-size: 12px; color: var(--color-text-secondary); display: flex; flex-direction: column; gap: 4px; } .v3-market-detail { background: #fff; border-radius: 8px; padding: 24px; } .v3-market-detail-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--color-border-light); } .v3-market-detail-info { display: flex; align-items: center; gap: 16px; } .v3-market-detail-logo { width: 64px; height: 64px; border-radius: 12px; -o-object-fit: cover; object-fit: cover; } .v3-market-detail-meta { display: flex; flex-direction: column; gap: 4px; } .v3-market-detail-name { font-size: 18px; font-weight: 500; color: var(--color-text); } .v3-market-detail-corp { font-size: 13px; color: var(--color-text-placeholder); } .v3-market-detail-section { margin-top: 24px; } .v3-market-detail-section h4 { font-size: 15px; font-weight: 500; color: var(--color-text); margin-bottom: 12px; } .v3-market-detail-desc { font-size: 14px; color: var(--color-text-secondary); line-height: 1.6; margin: 0; } .v3-market-screenshots { display: flex; gap: 12px; flex-wrap: wrap; } .v3-market-screenshot { max-width: 280px; border-radius: 6px; border: 1px solid var(--color-border); } .v3-propagate { height: 100%; padding: 24px; background: transparent; } .v3-propagate-header { background: transparent; padding: 0; height: auto; line-height: normal; margin-bottom: 16px; display: flex; align-items: center; position: relative; } .v3-propagate-title { font-size: 16px; font-weight: 500; color: var(--color-text); position: absolute; left: 50%; transform: translateX(-50%); } .v3-propagate-content { overflow-y: auto; padding: 0 24px; } .v3-propagate-section { margin-bottom: 32px; } .v3-propagate-section h3 { font-size: 15px; font-weight: 500; color: var(--color-text); margin-bottom: 16px; } .v3-propagate-preview { display: flex; gap: 16px; align-items: flex-start; } .v3-propagate-preview-desktop { width: 529px; height: 371px; border-radius: 8px; border: 1px solid var(--color-border); -o-object-fit: contain; object-fit: contain; background: var(--color-bg-elevated); } .v3-propagate-preview-mobile { width: 171px; height: 371px; border-radius: 8px; border: 1px solid var(--color-border); -o-object-fit: contain; object-fit: contain; background: var(--color-bg-elevated); } .v3-propagate-list { display: flex; flex-direction: column; gap: 12px; } .v3-propagate-card { width: 524px; height: 190px; border-radius: 8px; border: 1px solid var(--color-border); background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; } .v3-propagate-card-actions { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; gap: 4px; } .v3-propagate-icon-btn { width: 28px; height: 28px; border-radius: 4px; background: rgba(255, 255, 255, 0.85); color: #333; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; transition: background 0.2s; } .v3-propagate-icon-btn:hover { background: #fff; } .v3-propagate-icon-btn-danger:hover { background: #fff; color: #ff4d4f; } .v3-propagate-card-add { display: flex; align-items: center; justify-content: center; cursor: pointer; background: var(--color-bg-elevated); border: 1px dashed var(--color-border); color: var(--color-text-secondary); font-size: 14px; transition: border-color 0.2s; } .v3-propagate-card-add:hover { border-color: var(--color-primary); color: var(--color-primary); } .v3-propagate-empty { color: var(--color-text-placeholder); font-size: 14px; } .v3-propagate-form { display: flex; flex-direction: column; gap: 16px; } .v3-propagate-form-item { position: relative; } .v3-propagate-form-item > label { display: block; font-size: 13px; color: var(--color-text-secondary); margin-bottom: 8px; } .v3-propagate-form-item .infoflow-select-dropdown { min-width: 100% !important; } .v3-propagate-dialog-text { display: block; font-size: 12px; color: #999; margin-bottom: 4px; } .v3-propagate-dialog-label { color: #666; } .v3-propagate-upload-area { width: 584px; height: 194px; border-radius: 6px; overflow: hidden; cursor: pointer; margin: 8px auto; display: flex; align-items: center; justify-content: center; } .v3-propagate-upload-area img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .v3-propagate-upload-area--empty { border: 1px dashed #d9d9d9; background: #fff; color: #3275fa; font-size: 14px; } .v3-propagate-upload-area--empty:hover { background: #fbfbfb; } .v3-propagate-radio-group { display: flex; gap: 24px; } .v3-propagate-radio { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; color: var(--color-text); } .v3-propagate-tip-wrap { display: inline-flex; align-items: center; margin-left: 4px; cursor: help; vertical-align: middle; } .v3-propagate-tip-icon { color: var(--color-text-disabled); display: block; } .v3-propagate-tip-icon:hover { color: var(--color-text-tertiary); } .v3-propagate-tip-bubble { position: fixed; transform: translateX(-50%); background: rgba(0, 0, 0, 0.75); color: #fff; font-size: 12px; line-height: 1.5; padding: 6px 8px; border-radius: 4px; white-space: nowrap; z-index: 9999; pointer-events: none; } .v3-propagate-tip-bubble::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.75); } .v3-propagate-radio-label { display: inline-flex; align-items: center; } .v3-propagate-upload-desc { display: block; font-size: 12px; color: var(--color-text-secondary); margin-bottom: 8px; } .v3-propagate-select { width: 100%; height: 32px; border: 1px solid var(--color-border); border-radius: 6px; padding: 0 8px; font-size: 14px; outline: none; } .v3-propagate-select:focus { border-color: var(--color-primary); } .v3-stats-layout { padding: 24px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); min-height: 600px; } .v3-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; } .v3-stat-card { padding: 20px; background: #fff; border-radius: 6px; border: 1px solid var(--color-border); transition: all 0.2s; } .v3-stat-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .v3-stat-label { font-size: 13px; color: var(--color-text-placeholder); margin-bottom: 8px; } .v3-stat-value { font-size: 28px; font-weight: 600; color: var(--color-text); } .v3-stat-sub { font-size: 12px; color: var(--color-text-placeholder); margin-top: 4px; } .v3-chart-card { margin-top: 20px; padding: 20px; background: #fff; border-radius: 6px; border: 1px solid var(--color-border); } .v3-chart-card h4 { font-size: 15px; font-weight: 500; margin-bottom: 16px; } .v3-settings-layout { padding: 24px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); min-height: 600px; } .v3-settings-card { background: #fff; border-radius: 6px; border: 1px solid var(--color-border); padding: 4px 20px; } .v3-settings-row { display: flex; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--color-border-light); } .v3-settings-row:last-child { border-bottom: none; } .v3-settings-label { width: 100px; color: var(--color-text-secondary); font-size: 13px; flex-shrink: 0; } .v3-settings-value { flex: 1; font-size: 14px; } .v3-corp-logo { width: 48px; height: 48px; border-radius: 8px; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light-bg)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 600; } .v3-meeting-layout { padding: 24px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); min-height: 600px; } .v3-drawer-field { margin-bottom: 16px; } .v3-drawer-field label { display: block; font-size: 13px; color: var(--color-text-placeholder); margin-bottom: 4px; } .v3-drawer-field p { font-size: 14px; color: var(--color-text); margin: 0; } /** * @file V3 AdminDashboard 全局布局样式 */ /** * @file V3 CSS Variables - 统一色彩体系 * @description 默认对齐 @baidu/infoflow-admin-ui 主题色；切换主题只需修改 data-theme 属性 */ :root { --color-primary: #1677ff; --color-primary-hover: #4096ff; --color-primary-active: #0958d9; --color-primary-light-bg: #e6f4ff; --color-primary-light: #f0f5ff; --color-text: rgba(0, 0, 0, 0.88); --color-text-secondary: rgba(0, 0, 0, 0.65); --color-text-placeholder: rgba(0, 0, 0, 0.45); --color-text-disabled: rgba(0, 0, 0, 0.25); --color-bg-page: #f5f5f5; --color-bg-container: #fff; --color-bg-elevated: #fafafa; --color-bg-hover: #f5f5f5; --color-border: #d9d9d9; --color-border-light: #f0f0f0; --color-danger: #ff4d4f; --color-danger-hover: #d9363e; --color-danger-light-bg: #fff2f0; --color-warning: #faad14; --color-warning-light-bg: #fffbe6; --color-success: #52c41a; --color-success-light-bg: #f6ffed; } [data-theme="feishu"] { --color-primary: #3370ff; --color-primary-hover: #245bdb; --color-primary-active: #1a44b8; --color-primary-light-bg: #f0f4ff; --color-primary-light: #e8f3ff; --color-text: #1f2329; --color-text-secondary: #646a73; --color-text-placeholder: #8f959e; --color-text-disabled: #c0c4cc; --color-bg-page: #f5f6f7; --color-bg-container: #fff; --color-bg-elevated: #f7f8fa; --color-bg-hover: #f0f0f0; --color-border: #e8e8e8; --color-border-light: #f0f0f0; --color-danger: #f54a45; --color-danger-hover: #d93026; --color-danger-light-bg: #fff5f5; --color-warning: #fa8c16; --color-warning-light-bg: #fff8e6; --color-success: #52c41a; --color-success-light-bg: #f6ffed; } .infoflow-modal-footer:empty, .infoflow-drawer-footer:empty { padding: 0; min-height: 0; line-height: 0; } .infoflow-modal-footer .infoflow-btn[disabled].infoflow-btn-primary:hover, .infoflow-drawer-footer .infoflow-btn[disabled].infoflow-btn-primary:hover { background-color: #3370ff; border-color: #245bdb; } .v3-admin-dashboard { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; min-width: 1200px; background: var(--color-bg-page); font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; } .v3-admin-dashboard--embedded { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: calc(100vh - 140px); z-index: auto; } .v3-admin-dashboard--embedded .v3-page-content { overflow: auto; } .v3-top-nav { position: relative; z-index: 100; display: flex; align-items: center; height: 56px; padding: 0 24px; background: var(--color-bg-container); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); line-height: 1; } .v3-logo { display: flex; align-items: center; margin-right: 32px; } .v3-logo img { height: 32px; } .v3-role-switch { display: flex; align-items: center; gap: 6px; padding: 4px 12px; border: 1px solid var(--color-border); border-radius: 20px; cursor: pointer; font-size: 12px; color: var(--color-text-secondary); transition: all 0.2s; } .v3-role-switch:hover { border-color: var(--color-primary); color: var(--color-primary); } .v3-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--color-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; cursor: pointer; } .v3-page-content { flex: 1; overflow: hidden; min-height: 0; } .v3-global-footer { height: 60px; padding: 12px 0; background: var(--color-bg-hover); text-align: center; line-height: 1; box-sizing: border-box; color: var(--color-text-secondary); } .v3-footer-inner { width: 1200px; margin: 0 auto; font-size: 14px; } .v3-footer-inner a { color: var(--color-text-secondary); text-decoration: none; } .v3-footer-inner a:hover { color: var(--color-text); } .v3-footer-divider { margin: 0 12px; } .v3-footer-copyright { margin-top: 2px; font-size: 14px; } .v3-sider { background: var(--color-bg-container) !important; border-right: 1px solid var(--color-border); } .v3-content-inner { padding: 20px; background: var(--color-bg-page); } .v3-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .dataAdminStatisticsindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .dataAdminStatisticsindex_new-fc-one-modal-body { overflow: unset; } .dataAdminStatisticsindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .dataAdminStatisticsindex_SendMessageInfoindex_send-info { width: 690px; } .dataAdminStatisticsindex_data-admin-statistics { position: relative; padding: 0 16px 40px; } .dataAdminStatisticsindex_data-admin-statistics div, .dataAdminStatisticsindex_data-admin-statistics span, .dataAdminStatisticsindex_data-admin-statistics a, .dataAdminStatisticsindex_data-admin-statistics p { font-size: 14px; } .dataAdminStatisticsindex_data-admin-statistics .page-content { padding: 0 16px; } .dataAdminStatisticsindex_data-admin-statistics .page-content .page-section-content { padding-left: 0; } .dataAdminStatisticsindex_data-admin-statistics .dataAdminStatisticsindex_tip .dataAdminStatisticsindex_hint { color: #ccc; margin-left: 8px; font-size: 14px; } .dataAdminStatisticsindex_data-statistics { display: flex; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_nums-info { width: 280px; height: 132px; border-radius: 2px; margin-right: 20px; padding: 28px 20px; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_total-nums-info { background: url(data:image/png;base64,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); background-size: contain; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_join-nums-info { background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/green.png?230f98767ba6299607f5ae85533a5818); background-size: contain; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_unjoin-nums-info { background: url(data:image/png;base64,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); background-size: contain; padding-right: 0; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_title { color: #333; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_nums { font-size: 36px; margin-right: 8px; color: #000; vertical-align: middle; } .dataAdminStatisticsindex_data-statistics .dataAdminStatisticsindex_check-info { color: #2c8fff; cursor: pointer; margin-left: 8px; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_search-content { margin: 20px 0; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_search-date { display: flex; align-items: center; position: relative; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_search-date .dataAdminStatisticsindex_date-title { color: #333; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_export-btn { color: #2c8fff; border: 1px solid #2c8fff; position: absolute; right: 0; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_export-btn .dataAdminStatisticsindex_export-icon { display: inline-block; width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uX2Rhb2NodTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMi43MjcyNzI3LDEwIEwxNCwxMCBMMTQsMTIuNyBDMTQsMTMuNDE3OTY1NiAxMy40MzAxNzYxLDE0IDEyLjcyNzI3MjcsMTQgTDEuMjcyNzI3MjcsMTQgQzAuNTY5ODIzODY0LDE0IC04Ljg4MTc4NDJlLTE2LDEzLjQxNzk2NTYgLTguODgxNzg0MmUtMTYsMTIuNyBMLTguODgxNzg0MmUtMTYsMTAgTDEuMjcyNzI3MjcsMTAgTDEuMjcyNzI3MjcsMTIuNyBMMTIuNzI3MjcyNywxMi43IEwxMi43MjcyNzI3LDEwIFogTTYuNjI3MjI4MTIsMTAuMjA5NjA3OSBMMy4zNjgyMTEwOCw2Ljk1OTYwNzg5IEMzLjExOTY5MTE5LDYuNzA1NzYyNTggMy4xMTk2OTExOSw2LjI5NDIxMTAyIDMuMzY4MjExMDgsNi4wNDAzNjU3IEMzLjYxNjcxMTA4LDUuNzg2NTIwMzkgNC4wMTk2NDg1OCw1Ljc4NjUyMDM5IDQuMjY4MTY4NDcsNi4wNDAzNjU3IEw2LjM2MzYzNDM3LDguMTM2ODc5NzcgTDYuMzYzNjM0MzcsMC42NDk5OTY5NTMgQzYuMzYzNjM0MzcsMC4yOTA5OTM4MjggNi42NDg1NDYzMSwtMy4wNDY4NzQ5N2UtMDYgNi45OTk5OTgwMSwtMy4wNDY4NzQ5N2UtMDYgQzcuMzUxNDQ5NzIsLTMuMDQ2ODc0OTdlLTA2IDcuNjM2MzYxNjUsMC4yOTA5OTM4MjggNy42MzYzNjE2NSwwLjY0OTk5Njk1MyBMNy42MzYzNjE2NSw4LjIyNzM3MTk1IEw5LjczMTg0NzQ0LDYuMDQwMzY1NyBDOS45ODAzNDc0NCw1Ljc4NjUyMDM5IDEwLjM4MzI4NDksNS43ODY1MjAzOSAxMC42MzE4MDQ4LDYuMDQwMzY1NyBDMTAuODgwMzA0OCw2LjI5NDIxMTAyIDEwLjg4MDMwNDgsNi43MDU3NjI1OCAxMC42MzE4MDQ4LDYuOTU5NjA3ODkgTDcuNTI3MTg1NTEsMTAuMjA5NjA3OSBDNy4yNzg2NjU2MiwxMC40NjM0NTMyIDYuODc1NzQ4MDEsMTAuNDYzNDUzMiA2LjYyNzIyODEyLDEwLjIwOTYwNzkgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uL2Rhb2NodSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiMyQzhGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8ZyBpZD0iY29sb3IvIzJDOEZGRiIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMkM4RkZGIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJjb2xvciIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1LjgwMjQ2OTEiIGhlaWdodD0iMTUuODAyNDY5MSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; margin-right: 5px; position: relative; top: 1px; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_export-btn .new-fc-one-btn-loading-icon { margin-right: 5px; } .dataAdminStatisticsindex_active-nums .dataAdminStatisticsindex_statistic-line .dataAdminStatisticsindex_chart { width: 900px; height: 480px; margin: 0 auto; } .dataAdminStatisticsindex_sendmessage-modal .new-fc-one-modal-body { height: calc(100vh - 16px - 52px - 16px - 28px - 16px - 16px); margin-top: 16px; } .dataAdminStatisticsindex_sendmessage-modal .dataAdminStatisticsindex_employee-list-table .new-fc-one-table-tbody > tr > td { padding: 0 16px; height: 46px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .dataAdminStatisticsindex_sendmessage-modal .dataAdminStatisticsindex_pagination-footer .new-fc-one-pagination { padding-bottom: 4px; } .dataAdminStatisticsindex_sendmessage-modal .dataAdminStatisticsindex_pagination-footer .new-fc-one-pagination .new-fc-one-pagination-pager-item-active { background: #2c8fff; color: #f5f5f5; } .dataAdminStatisticsindex_sendmessage-modal .dataAdminStatisticsindex_invite { color: #2c8fff; cursor: pointer; } .dataAdminStatisticsindex_sendmessage-modal .dataAdminStatisticsindex_reinvite { color: #999; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .DataAppStaticsindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .DataAppStaticsindex_new-fc-one-modal-body { overflow: unset; } .DataAppStaticsindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .DataAppStaticsindex_SendMessageInfoindex_send-info { width: 690px; } .DataAppStaticsindex_date-app-statics { position: relative; padding: 0 16px 40px; } .DataAppStaticsindex_date-app-statics .page-content { padding: 0; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap { padding: 16px 0; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap .DataAppStaticsindex_label-wrap { display: inline-block; margin-right: 50px; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap .DataAppStaticsindex_label-wrap .DataAppStaticsindex_label { display: inline-block; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap .DataAppStaticsindex_label-wrap .DataAppStaticsindex_date-wrap { width: 220px; display: inline-block; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap .DataAppStaticsindex_label-wrap .DataAppStaticsindex_search-wrap .new-fc-one-input-search-detail { height: 32px; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap .DataAppStaticsindex_label-wrap .DataAppStaticsindex_search-wrap input { box-shadow: none; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_content-header-wrap .DataAppStaticsindex_button-wrap { float: right; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_href-text { text-decoration: none; color: #2c8fff; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_href-text:hover { color: #54a1ff; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_href-text:active { color: #1a76d9; } .DataAppStaticsindex_date-app-statics .DataAppStaticsindex_td-text { width: 74px; text-align: right; } .DataAppStaticsindex_serve-table th { padding-right: 0px !important; } .DataAppStaticsindex_serve-table td { text-align: right; } .DataAppStaticsindex_serve-table td:first-child, .DataAppStaticsindex_serve-table td:last-child { text-align: left; } .DataAppStaticsindex_standalone-loading { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); } .DataAppStaticsindex_search-wrap-layer { max-height: 328px; overflow-y: scroll; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .NoContentindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .NoContentindex_new-fc-one-modal-body { overflow: unset; } .NoContentindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .NoContentindex_SendMessageInfoindex_send-info { width: 690px; } .no-content-wrap { padding-top: 100px; padding-bottom: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .no-content-wrap .no-content-text { text-align: center; } .no-content-wrap .weight-color { color: #666; } .MembersInfoShowindex_font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .MembersInfoShowindex_font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .MembersInfoShowindex_font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .MembersInfoShowindex_font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .MembersInfoShowindex_font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .MembersInfoShowindex_font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .MembersInfoShowindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .MembersInfoShowindex_new-fc-one-modal-body { overflow: unset; } .MembersInfoShowindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .MembersInfoShowindex_SendMessageInfoindex_send-info { width: 690px; } .MembersInfoShowindex_formitem-members-content { font-size: 14px; line-height: 1.5; font-weight: 400; flex-wrap: wrap; display: flex; width: 12px; } .MembersInfoShowindex_contactSettingsPage-settings { padding: 0 16px; } .MembersInfoShowindex_contactSettingsPage-settings .MembersInfoShowindex_invite-content { margin: 0 auto 8px; padding-bottom: 40px; } .MembersInfoShowindex_contactSettingsPage-settings .MembersInfoShowindex_comps-content { width: 100%; } .MembersInfoShowindex_contactSettingsPage-settings .MembersInfoShowindex_table-wrap { margin-right: 16px; } .MembersInfoShowindex_contactSettingsPage-settings .MembersInfoShowindex_operate-text { margin-right: 16px; line-height: 26px; color: #2c8fff; cursor: pointer; } .MembersInfoShowindex_contactSettingsPage-settings .MembersInfoShowindex_operate-text-ban { color: #A6CBFF; } .MembersInfoShowindex_contactSettingsPage-settings .MembersInfoShowindex_tag-name-wrap { max-width: 86px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .MembersInfoShowindex_contact-settings-msg-wrap div { font-size: 14px; font-weight: 400; } .ContactSearchPermissionindex_font-xl { font-size: 20px; line-height: 1.5; font-weight: 500; } .ContactSearchPermissionindex_font-nav { font-size: 16px; line-height: 1.5; font-weight: 500; } .ContactSearchPermissionindex_font-title { font-size: 20px; line-height: 1.5; font-weight: 400; } .ContactSearchPermissionindex_font-subtitle { font-size: 14px; line-height: 1.5; font-weight: 500; } .ContactSearchPermissionindex_font-primary { font-size: 14px; line-height: 1.5; font-weight: 400; } .ContactSearchPermissionindex_font-label { font-size: 12px; line-height: 1.5; font-weight: 400; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .ContactSearchPermissionindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .ContactSearchPermissionindex_new-fc-one-modal-body { overflow: unset; } .ContactSearchPermissionindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .ContactSearchPermissionindex_SendMessageInfoindex_send-info { width: 690px; } .ContactSearchPermissionindex_invite-content { margin: 0 auto 8px; } .ContactSearchPermissionindex_search-permission-wrap { position: relative; } .ContactSearchPermissionindex_tag { position: absolute; left: 116px; top: 14px; z-index: 1; font-size: 12px; padding: 0 4px; color: orange; background-color: antiquewhite; } .ContactSearchPermissionindex_icon { position: absolute; left: 230px; top: 14px; z-index: 1; border-radius: 50%; width: 16px; height: 16px; text-align: center; border: 1px solid #999; color: #999; line-height: 16px; font-size: 12px; cursor: pointer; } .ContactSearchPermissionindex_wrap { display: flex; justify-content: space-between; margin-bottom: 40px; } .ContactSearchPermissionindex_wrap .ContactSearchPermissionindex_title, .ContactSearchPermissionindex_wrap .ContactSearchPermissionindex_label { line-height: 30px; height: 30px; } .ContactSearchPermissionindex_wrap .ContactSearchPermissionindex_label { color: #666; } .ContactSearchPermissionindex_wrap .ContactSearchPermissionindex_content-wrap { width: 756px; } /** * Font 字体 */ /* ============= color 颜色 ============== */ /** * Spacing 间距（margin/padding) */ /* Media queries breakpoints */ /** * @file Quantum Design 主题入口 * @description 定义 Quantum Design 的浅色和深色主题 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 深色主题变量 */ /** * @file Quantum Design 深色主题变量 * @description 定义深色模式下的 CSS 变量 * @description 设置 data-theme='dark' 启用深色模式 */ /* 深色模式（data-theme="dark" 时生效） */ [data-theme="dark"] { /* 背景色 */ --qd-bg-primary: hsl(240, 10%, 4%); --qd-bg-secondary: hsl(240, 10%, 8%); --qd-bg-tertiary: hsl(240, 10%, 12%); /* 文本颜色 */ --qd-text-primary: rgba(255, 255, 255, 0.95); --qd-text-secondary: rgba(255, 255, 255, 0.7); --qd-text-tertiary: rgba(255, 255, 255, 0.45); --qd-text-disabled: rgba(255, 255, 255, 0.25); /* 边框颜色 */ --qd-border-default: rgba(255, 255, 255, 0.08); --qd-border-hover: rgba(255, 255, 255, 0.12); --qd-glass-border: rgba(255, 255, 255, 0.1); /* 背景颜色 */ --qd-glass-bg: rgba(0, 0, 0, 0.75); --qd-glass-bg-hover: rgba(255, 255, 255, 0.08); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.03); --qd-glass-light-border: rgba(255, 255, 255, 0.06); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.05); --qd-glass-medium-border: rgba(255, 255, 255, 0.1); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.08); --qd-glass-strong-border: rgba(255, 255, 255, 0.15); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.99; --qd-press-subtle-opacity: 0.9; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.96; --qd-press-medium-opacity: 0.8; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.94; --qd-press-strong-opacity: 0.7; /* 阴影 */ --qd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --qd-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --qd-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: hsl(160, 100%, 45%); --qd-color-warning: hsl(35, 100%, 55%); --qd-color-error: hsl(0, 85%, 60%); /* 发光效果 */ --qd-glow-primary: 0 0 20px hsla(260, 100%, 65%, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } /* 浅色主题变量（默认生效，覆盖深色主题） */ /** * @file Quantum Design 浅色主题变量 * @description 定义浅色模式下的 CSS 变量 * @description 默认浅色模式，设置 data-theme='dark' 切换深色模式 */ /* 默认浅色模式（没有 data-theme="dark" 时生效） */ :root:not([data-theme="dark"]) { /* 背景色 */ --qd-bg-primary: #ffffff; --qd-bg-secondary: #fafafa; --qd-bg-tertiary: #f5f5f5; /* 文本颜色 */ --qd-text-primary: rgba(0, 0, 0, 0.85); --qd-text-secondary: rgba(0, 0, 0, 0.65); --qd-text-tertiary: rgba(0, 0, 0, 0.45); --qd-text-disabled: rgba(0, 0, 0, 0.25); /* 边框颜色 */ --qd-border-default: rgba(0, 0, 0, 0.15); --qd-border-hover: rgba(0, 0, 0, 0.3); --qd-glass-border: rgba(0, 0, 0, 0.15); /* 背景颜色 */ --qd-glass-bg: rgba(255, 255, 255, 0.95); --qd-glass-bg-hover: rgba(0, 0, 0, 0.05); /* 玻璃态强度 - 轻度 */ --qd-glass-light-bg: rgba(255, 255, 255, 0.5); --qd-glass-light-border: rgba(0, 0, 0, 0.04); --qd-glass-light-blur: 10px; /* 玻璃态强度 - 中度（默认） */ --qd-glass-medium-bg: rgba(255, 255, 255, 0.7); --qd-glass-medium-border: rgba(0, 0, 0, 0.08); --qd-glass-medium-blur: 20px; /* 玻璃态强度 - 强度 */ --qd-glass-strong-bg: rgba(255, 255, 255, 0.9); --qd-glass-strong-border: rgba(0, 0, 0, 0.12); --qd-glass-strong-blur: 30px; /* 按压动画强度 - 轻微 */ --qd-press-subtle-scale: 0.995; --qd-press-subtle-opacity: 0.95; /* 按压动画强度 - 中度（默认） */ --qd-press-medium-scale: 0.98; --qd-press-medium-opacity: 0.85; /* 按压动画强度 - 强度 */ --qd-press-strong-scale: 0.96; --qd-press-strong-opacity: 0.75; /* 阴影 */ --qd-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08); --qd-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1); --qd-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12); /* 主色 */ --qd-color-primary: hsl(260, 100%, 65%); --qd-color-primary-hover: hsl(260, 100%, 70%); --qd-color-success: #52c41a; --qd-color-warning: #faad14; --qd-color-error: #ff4d4f; /* 发光效果 */ --qd-glow-primary: 0 2px 8px rgba(44, 143, 255, 0.3); /* 圆角 */ --qd-radius-sm: 4px; --qd-radius-base: 8px; --qd-radius-lg: 12px; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #f5f5f5; } { /* Button */ /* input */ /* textarea */ /* select */ /* modal */ /* table */ } .new-fc-one-input-search-icon-wrap { display: inline-flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-input-search-icon-wrap .new-fc-one-btn-icon-only { display: flex !important; justify-content: center !important; align-items: center !important; } .new-fc-one-select-search-text-highlight { color: #2C8FFF; } .new-fc-one-select-search-text-highlight :hover { background: #f2f7ff; cursor: pointer; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled) { background-color: #2c8fff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):hover { background-color: #54a1ff; } .new-fc-one-btn-primary:not(.new-fc-one-btn-primary-disabled):active { background-color: #1a76d9; } input.new-fc-one-input-small { font-size: 14px; width: 480px; height: 32px; line-height: 32px; border-radius: 3px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-tip-right { display: block; margin-left: 0; } html input[type="checkbox"][disabled] { background-color: #cfe2ff; } input[type="checkbox"] { background-color: #2c8fff; } .new-fc-one-input::-moz-placeholder { color: #ccc; } .new-fc-one-input::placeholder { color: #ccc; } input, textarea { box-shadow: none; } ::-webkit-file-upload-button { cursor: pointer; } input[type=file] { cursor: pointer; } input:disabled { cursor: default; background-color: #e6e7e8; } ::-moz-placeholder { color: #ccc; } ::placeholder { color: #ccc; } .new-fc-one-input-error-bottom { margin-top: 4px; } .new-fc-one-textarea-wrapper-small .new-fc-one-textarea-container textarea.new-fc-one-textarea:not(.components-message-pictext-textarea) { font-size: 14px; width: 480px !important; border-radius: 3px; height: 105px !important; min-height: 105px !important; max-height: 105px !important; margin-top: 0; margin-bottom: 0; overflow-y: auto; resize: none; } .new-fc-one-select-dropdown-menu-item:active, .new-fc-one-select-dropdown-menu-item:hover { background-color: #F2F7FF; } .new-fc-one-modal-title { font-weight: 500; } .new-fc-one-modal-content { padding: 16px 21px; } .new-fc-one-pagination-input .new-fc-one-input { width: 40px; } .new-fc-one-tooltip-content { max-width: initial; } .new-fc-one-table-placeholder { padding: 20px; } .DataAdminLogindex_hidden-input { position: absolute; bottom: 0; left: 0; opacity: 0; } .DataAdminLogindex_new-fc-one-modal-body { overflow: unset; } .DataAdminLogindex_SendMessageInfoindex_normal-send { margin: 0 12px 0 12px; } .DataAdminLogindex_SendMessageInfoindex_send-info { width: 690px; } .DataAdminLogindex_date-admin-log { padding: 0 16px; } .DataAdminLogindex_date-admin-log .DataAdminLogindex_content-header { margin: 16px 0; } .DataAdminLogindex_date-admin-log .DataAdminLogindex_content-header .DataAdminLogindex_label-wrap { display: inline-block; margin-right: 30px; } .DataAdminLogindex_date-admin-log .DataAdminLogindex_content-header .DataAdminLogindex_label-wrap .DataAdminLogindex_date-picker { display: inline-block; } .DataAdminLogindex_date-admin-log .DataAdminLogindex_content-header .DataAdminLogindex_label-wrap .DataAdminLogindex_poplayer-wrap > button { width: 160px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .DataAdminLogindex_date-admin-log .DataAdminLogindex_table-wrap { padding-bottom: 20px; } .DataAdminLogindex_date-admin-log .DataAdminLogindex_hl { color: red; } .DataAdminLogindex_tree-wrap { overflow: auto; max-height: 320px; } .DataAdminLogindex_tree-wrap .new-fc-one-tree-title { max-width: 112px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.new-fc-one-popLayer { z-index: 99999999; } .RiotComponentsMemberSelect_member-selector-modal-footer { position: relative; width: 100%; } .RiotComponentsMemberSelect_member-selector-modal-footer .RiotComponentsMemberSelect_member-selector-modal-footer-btn { width: 88px; height: 32px; margin: 6px; font-size: 14px; } .RiotComponentsMemberSelect_member-selector-modal-footer-top-mgr { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; display: flex; align-items: center; } .RiotComponentsMemberSelect_member-selector-modal-footer-top-mgr .RiotComponentsMemberSelect_member-selector-modal-footer-top-mgr-text { display: inline-block; margin-left: 4px; } /** * @DOC START * @title 输入框公用样式 * @element input * @DOC END */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; background-color: #fff; background-image: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; height: 30px; border-radius: 2px; padding: 0 9px; border: 1px solid #ccc; outline: none; color: #1b1b1b; } textarea:focus, input:focus { border: 1px solid #378eef; } .input, .input-group .input-wrapper input { width: 200px; height: 30px; border-radius: 2px; padding: 0 9px; border: 1px solid #ccc; outline: none; color: #1b1b1b; } .input::-webkit-input-placeholder { font-size: 14px; color: #97a0b5; } .input-group { display: flex; } .input-group label { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #97a0b5; width: 75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .input-group .input-wrapper { display: inline-block; } .input-group .input-wrapper input { display: inline-block; width: 288px; } .input-group .input-wrapper input:focus { border: 1px solid #378eef; } .input-group .input-wrapper .alert { color: #e60012; } .input-group .input-wrapper .error-tip { display: none; font-size: 12px; position: relative; right: 6px; align-items: center; margin-top: 7px; } .input-group .input-wrapper .error-tip i { display: inline-block; } .input-long { width: 288px; } .input-error { border: 1px solid #ff0000 !important; } @charset "UTF-8"; .questionMark { float: left; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==) no-repeat; margin: 6px 0 0 0; background-size: 80%; position: relative; } .questionMark.tel-question-mark { float: right; } .questionMark.tel-question-mark.service-question-mark { top: 10px; left: -19px; } .questionMark span.tips { display: none; position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -80px; font-size: 12px; text-align: left; } .questionMark span.tips.tel-tips { font-size: 14px; height: auto; width: 190px; line-height: 1.5; background: #fff; color: #97a0b5; left: -96px; } .questionMark span.tips.tel-tips.service { width: 457px; top: -63px; } .questionMark span.tips.tel-tips.force { width: 200px; top: -63px; } .questionMark span.tips.tel-tips.number { width: 527px; top: -63px; } .questionMark span.tips::after { content: ''; width: 15px; height: 15px; border: 1px solid #ccc; position: absolute; left: 30px; bottom: -8px; transform: rotateZ(45deg); border-top: none; border-left: none; background: #fff; } .questionMark span.tips.tel-tips::after { left: 96px; } .questionMark:hover span.tips { display: block; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-hi-file-card { position: relative; } .brick-hi-file-card, .brick-hi-file-card * { box-sizing: border-box; } .brick-hi-file-card-simple { position: relative; width: 260px; height: 99px; } .brick-hi-file-card-simple .brick-hi-file-card-content { position: relative; /* hack 需要添加transform 否则下载进度条无法被圆角截断 */ transform: scale(1); overflow: hidden; width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e9eb; border-radius: 6px; } .brick-hi-file-card-simple .brick-hi-file-card-content:before { content: ""; position: absolute; top: 58px; left: 8px; width: 244px; height: 1px; background: #f2f3f5; } .brick-hi-file-card-simple .brick-hi-file-card-top { width: 100%; height: 58px; padding: 8px 8px 10px; display: flex; } .brick-hi-file-card-simple .brick-hi-file-card-title { width: 198px; font-size: 13px; color: #000; display: flex; align-items: center; word-break: break-all; } .brick-hi-file-card-simple .brick-hi-file-card-info-area, .brick-hi-file-card-simple .brick-hi-file-card-btn-area { display: flex; } .brick-hi-file-card-simple .brick-hi-file-card-bottom { height: 38px; width: 100%; margin-top: 1px; padding: 0px 8px 0; display: flex; justify-content: space-between; align-items: center; } .brick-hi-file-card-simple .brick-hi-file-card-infos { position: relative; width: 198px; margin-left: 6px; color: #9EA0A3; } .brick-hi-file-card-simple .brick-hi-file-card-speed, .brick-hi-file-card-simple .brick-hi-file-card-info { font-size: 12px; color: #848B99; } .brick-hi-file-card-simple .brick-hi-file-card-speed { padding-left: 0; } .brick-hi-file-card-simple .brick-hi-file-card-info { padding-left: 5px; } .brick-hi-file-card-simple .brick-hi-file-card-size { font-size: 12px; color: #9EA0A3; } .brick-hi-file-card-simple .brick-hi-file-card-btn { position: relative; } .brick-hi-file-card-simple .brick-hi-file-card-preview { position: absolute; bottom: 2px; right: 2px; font-size: 12px; line-height: 19px; color: #5A90FA; cursor: pointer; } .brick-hi-file-card-simple .brick-hi-file-card-sj { position: absolute; top: 5px; right: 0px; width: 10px; height: 10px; z-index: 2; } .brick-hi-file-card-simple .brick-hi-file-card-open-text { padding-right: 12px; } .brick-hi-file-card-simple .brick-hi-file-card-edit-text { color: #5A90FA; } .brick-hi-file-card-simple .brick-hi-file-card-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #F1F2F6; } .brick-hi-file-card-simple .brick-hi-file-card-bar { width: 100%; height: 100%; background: #2C8FFF; } .brick-hi-file-card-sj { overflow: hidden; cursor: pointer; } .brick-hi-file-card-sj:before { content: ""; position: absolute; top: 3px; right: 1px; width: 0; height: 0; border-top: 4px solid #333; border-right: 3.5px solid transparent; border-left: 3.5px solid transparent; } .brick-hi-file-card-classic { position: relative; width: 254px; height: 84px; display: flex; flex-direction: column; background: #fff; border: 1px solid #E5E7E6; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .brick-hi-file-card-classic .brick-hi-file-card-top { padding: 10px 10px 9px; display: flex; justify-content: space-between; } .brick-hi-file-card-classic .brick-hi-file-card-info { display: flex; flex-direction: column; } .brick-hi-file-card-classic .brick-hi-file-card-title { width: 184px; margin: 2px 0 10px 0; font-size: 13px; color: #000; line-height: 13px; } .brick-hi-file-card-classic .brick-hi-file-card-size { width: 184px; font-size: 12px; color: #8390A0; line-height: 12px; } .brick-hi-file-card-classic .brick-hi-file-card-bottom { width: 100%; height: 25px; padding: 0 0 0 10px; font-size: 12px; line-height: 24px; color: #2C8FFF; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E5E7E6; } .brick-hi-file-card-classic .brick-hi-file-card-block { display: flex; justify-content: flex-start; align-items: center; } .brick-hi-file-card-classic .brick-hi-file-card-type { color: #8390A0; } .brick-hi-file-card-classic .brick-hi-file-card-btn { position: relative; cursor: pointer; } .brick-hi-file-card-classic .brick-hi-file-card-list-btn { position: absolute; top: 8px; right: -18px; } .brick-hi-file-card-classic .brick-hi-file-card-download, .brick-hi-file-card-classic .brick-hi-file-card-open { margin-right: 17px; } .brick-hi-file-card-classic .brick-hi-file-card-file-status { color: #6AC931; } .brick-hi-file-card-download-error .brick-hi-file-card-bar { background: #F95555; } .brick-hi-file-card-classic .brick-hi-file-card-error { color: #F95555; } .brick-hi-file-card-classic .brick-hi-file-card-progress { position: absolute; left: 0; bottom: 22px; width: 100%; height: 2px; overflow: hidden; background: #F1F2F6; } .brick-hi-file-card-classic .brick-hi-file-card-bar { width: 100%; height: 100%; background: #2C8FFF; } .brick-hi-file-card-classic .brick-hi-file-card-list-btn { transform: translateY(-50%); width: 0; height: 0; margin: 4px 8px 0 -8px; border-top: 5px solid #2C8FFF; border-right: 5px solid transparent; border-left: 5px solid transparent; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-drop-menu, .brick-drop-menu * { box-sizing: border-box; } .brick-drop-menu.brick-popper-with-arrow .brick-popper-inner { padding: 0; } .brick-menu { *zoom: 1; list-style: none; margin: 0; padding: 0; background-color: white; } .brick-menu, .brick-menu * { box-sizing: border-box; } .brick-menu::before, .brick-menu::after { display: table; content: " "; } .brick-menu::after { clear: both; } .brick-menu-item-prefix, .brick-menu-item-suffix { display: inline-block; } .brick-menu-item-suffix-arrow { position: absolute; display: inline-block; right: 12px; padding: 8px; margin: -8px; } .brick-menu-item-content { position: relative; margin: 4px 0; padding: 0 12px; white-space: nowrap; background: none; cursor: pointer; transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease, padding 0.15s ease; } .brick-menu-item-content, .brick-menu-item-content-inner a, .brick-menu-item-content .brick-menu-item-prefix { color: #1C1D1F; } .brick-menu-item-content:active { background-color: #5A90FA; } .brick-menu-item-content:active, .brick-menu-item-content:active a, .brick-menu-item-content:active .brick-menu-item-prefix { color: #fff; } .brick-menu-item-content-in-cursor { background-color: #5A90FA; outline: none; } .brick-menu-item-content-in-cursor, .brick-menu-item-content-in-cursor a, .brick-menu-item-content-in-cursor .brick-menu-item-prefix { color: #fff; } .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-item-content-inner { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .brick-menu-item-content-inner > .brick-menu-item-prefix { margin-right: 8px; } .brick-menu-item-content-inner > a, .brick-menu-item-content-inner > a:hover, .brick-menu-item-content-inner > a:active { text-decoration: none; } .brick-menu-item-content-inner > a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background-color: transparent; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-prefix { color: #5A90FA; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active { background-color: #5A90FA; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active a, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-prefix { color: #fff; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor a, .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-prefix { color: #fff; } .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-item-disabled .brick-menu-item-content:active { background: none; cursor: not-allowed; } .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-item-disabled .brick-menu-item-content:hover a, .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix, .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-item-disabled .brick-menu-item-content:focus a, .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix, .brick-menu-item-disabled .brick-menu-item-content:active, .brick-menu-item-disabled .brick-menu-item-content:active a, .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix { color: #C8C9CC; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background: none; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a { color: #5A90FA; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { color: #fff; background-color: #5A90FA; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { box-shadow: none; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-content-inner > .brick-checkbox .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-content-inner > .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-content-inner > .brick-checkbox-checked .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-indeterminate .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-checked .brick-checkbox-mark, .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-content-inner > .brick-checkbox-checked .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-menu-submenu { margin: 0; padding: 0; } .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-submenu-type-group > .brick-menu-item-content:active, .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-prefix { color: #999999; } .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-submenu-type-group > .brick-menu-item-content:active { cursor: default; background: none; } .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content, .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content a { color: #5A90FA; } .brick-menu-layout-vertical { border-right: 1px solid #eeeeee; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 45px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 45px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 57px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-sm.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 69px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 24px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-layout-vertical:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 46px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 46px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 58px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-layout-vertical.brick-menu-size-md.brick-menu-layout-vertical.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 70px; } .brick-menu-layout-vertical .brick-menu { border-right: none; } .brick-menu-layout-horizontal { border-bottom: 1px solid #eeeeee; } .brick-menu-layout-horizontal > li { display: inline-block; vertical-align: top; text-align: center; } .brick-menu-layout-horizontal .brick-menu-item-content { margin: 0; } .brick-menu-layout-horizontal .brick-menu-item-content .brick-menu-item-suffix { color: #1C1D1F; } .brick-menu-layout-horizontal .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: inherit; } .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background: none; } .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix .brick-icon, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: #5A90FA; } .brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content-in-cursor, .brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-type-nav, .brick-menu-type-nav .brick-menu { font-size: 16px; } .brick-menu-type-nav .brick-menu-item-content { height: 36px; line-height: 36px; } .brick-menu-type-nav .brick-menu-item-with-suffix { padding-right: 48px; } .brick-menu-type-nav .brick-menu-item-suffix-arrow { right: 18px; transform: scale(1); top: calc(50% - 6px); font-size: 12px; } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-content::after, .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content::after { content: ""; position: absolute; opacity: 0; transition: transform 0.15s ease, opacity 0.15s ease; } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-disabled .brick-menu-item-content::after, .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-disabled .brick-menu-item-content::after { content: none; } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-content::after { top: 0; left: 0; bottom: 0; border-left: 2px solid #4c84ff; transform: scaleY(0); } .brick-menu-type-nav.brick-menu-layout-vertical .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content::after { transform: scaleY(1); opacity: 1; } .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content { height: 48px; line-height: 48px; } .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content::after { top: initial; left: 12px; right: 12px; bottom: 2px; border-bottom: 2px solid #4c84ff; transform: scaleX(0); } .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content::after, .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content::after { transform: scaleX(1); opacity: 1; } .brick-menu-reverse-color.brick-menu, .brick-menu-reverse-color.brick-menu .brick-menu { background-color: #4c84ff; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-vertical { border-right: none; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal { border-bottom: none; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background: none; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content .brick-menu-item-suffix .brick-icon, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: #fff; } .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content-in-cursor, .brick-menu-reverse-color.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #709bff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-content a, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-icon, .brick-menu-reverse-color.brick-menu .brick-menu-item-content a .brick-icon, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-prefix .brick-icon, .brick-menu-reverse-color.brick-menu .brick-menu-item-content .brick-menu-item-suffix .brick-icon { color: inherit; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active a, .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-content:active .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor { background-color: #709bff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor, .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor a, .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-content-in-cursor .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-content::after { border-color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active a, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content:active .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #366cd9; } .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor a, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor .brick-menu-item-suffix { color: #fff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active { background: #4c84ff; } .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active a, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix { color: #C8C9CC; } .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:active, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-suffix { color: #b8cbff; } .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:active { cursor: default; background: #4c84ff; } .brick-menu-popper-loading, .brick-menu-popper-empty-hint { padding: 12px 0; color: #999999; text-align: center; } .brick-menu-popper-loading .brick-icon-spin, .brick-menu-popper-empty-hint .brick-icon-spin { font-size: 14px; } .brick-menu-popper .brick-popper-inner { padding: 0; } .brick-menu-popper .brick-popper-inner > .brick-menu { padding: 4px 0 8px; overflow: auto; z-index: 1; position: relative; } .brick-menu-popper .brick-menu-item-select-all + li, .brick-menu-popper li + .brick-menu-submenu-type-group { margin-top: 4px; border-top: 1px solid #eeeeee; } .brick-menu-popper .brick-menu { border-right: none; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 12px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 36px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content, .brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content { padding-left: 48px; } .brick-menu-popper .brick-menu-item-content { padding: 0 12px; } .brick-menu-popper .brick-menu-item .brick-menu-item-content { width: auto; } .brick-menu-popper .brick-menu-item .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-popper .brick-menu-item .brick-menu-item-content:active { background-color: #5A90FA; } .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active { background: none; cursor: not-allowed; } .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active a, .brick-menu-popper .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix { color: #C8C9CC; } .brick-menu-popper .brick-menu-submenu-type-popper > .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-popper .brick-menu-multiple-item-type-checkbox.brick-menu-multiple .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content-in-cursor { background-color: #5A90FA; } .brick-menu-size-sm { font-size: 13px; } .brick-menu-size-sm .brick-menu-item-content { height: 28px; line-height: 28px; } .brick-menu-size-sm .brick-menu-item-content-with-suffix { padding-right: 38px; } .brick-menu-size-sm .brick-menu-item-suffix-arrow { top: calc(50% - 6px); font-size: 12px; transform: scale(0.83333333); } .brick-menu-size-sm.brick-menu-type-nav, .brick-menu-size-sm.brick-menu-type-nav .brick-menu { font-size: 14px; } .brick-menu-size-sm.brick-menu-type-nav .brick-menu-item-content { height: 32px; line-height: 32px; } .brick-menu-size-sm.brick-menu-type-nav .brick-menu-item-content-with-suffix { padding-right: 48px; } .brick-menu-size-sm.brick-menu-type-nav .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 12px; transform: scale(1); font-size: 12px; } .brick-menu-size-sm.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content { height: 44px; line-height: 44px; } .brick-menu-size-sm.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content-with-suffix { padding-right: 32px; } .brick-menu-size-md { font-size: 14px; } .brick-menu-size-md .brick-menu-item-content { height: 32px; line-height: 32px; } .brick-menu-size-md .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-size-md .brick-menu-item-suffix-arrow { top: calc(50% - 6px); font-size: 12px; } .brick-menu-size-md.brick-menu-type-nav, .brick-menu-size-md.brick-menu-type-nav .brick-menu { font-size: 16px; } .brick-menu-size-md.brick-menu-type-nav .brick-menu-item-content { height: 36px; line-height: 36px; } .brick-menu-size-md.brick-menu-type-nav .brick-menu-item-content-with-suffix { padding-right: 48px; } .brick-menu-size-md.brick-menu-type-nav .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 12px; transform: scale(1); font-size: 12px; } .brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content { height: 48px; line-height: 48px; } .brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content-with-suffix { padding-right: 32px; } .brick-menu-popper-size-xs { font-size: 12px; } .brick-menu-popper-size-xs .brick-menu-item-select-all + li, .brick-menu-popper-size-xs li + .brick-menu-submenu-type-group { padding-top: 3px; } .brick-menu-popper-size-xs .brick-menu { font-size: 12px; max-height: 212px; } .brick-menu-popper-size-xs .brick-menu .brick-menu-item-content { margin: 0; height: 24px; line-height: 24px; } .brick-menu-popper-size-xs .brick-menu-item-content-with-suffix { padding-right: 38px; } .brick-menu-popper-size-xs .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 9px; transform: scale(1); font-size: 12px; transform: scale(0.83333333); } .brick-menu-popper-size-sm { font-size: 12px; } .brick-menu-popper-size-sm .brick-menu-item-select-all + li, .brick-menu-popper-size-sm li + .brick-menu-submenu-type-group { padding-top: 5px; } .brick-menu-popper-size-sm .brick-menu { font-size: 12px; max-height: 246px; } .brick-menu-popper-size-sm .brick-menu .brick-menu-item-content { margin: 0; height: 28px; line-height: 28px; } .brick-menu-popper-size-sm .brick-menu-item-content-with-suffix { padding-right: 38px; } .brick-menu-popper-size-sm .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 9px; transform: scale(1); font-size: 12px; transform: scale(0.83333333); } .brick-menu-popper-size-md { font-size: 13px; } .brick-menu-popper-size-md .brick-menu-item-select-all + li, .brick-menu-popper-size-md li + .brick-menu-submenu-type-group { padding-top: 6.5px; } .brick-menu-popper-size-md .brick-menu { font-size: 13px; max-height: 280px; } .brick-menu-popper-size-md .brick-menu .brick-menu-item-content { margin: 0; height: 32px; line-height: 32px; } .brick-menu-popper-size-md .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-popper-size-md .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 11px; transform: scale(1); font-size: 12px; } .brick-menu-popper-size-lg { font-size: 16px; } .brick-menu-popper-size-lg .brick-menu-item-select-all + li, .brick-menu-popper-size-lg li + .brick-menu-submenu-type-group { padding-top: 6px; } .brick-menu-popper-size-lg .brick-menu { font-size: 16px; max-height: 314px; } .brick-menu-popper-size-lg .brick-menu .brick-menu-item-content { margin: 0; height: 36px; line-height: 36px; } .brick-menu-popper-size-lg .brick-menu-item-content-with-suffix { padding-right: 40px; } .brick-menu-popper-size-lg .brick-menu-item-suffix-arrow { top: calc(50% - 6px); right: 11px; transform: scale(1); font-size: 12px; } .brick-popper, .brick-popper * { box-sizing: border-box; } .brick-popper-wrap { position: absolute; z-index: 1030; } .brick-popper-inner { background: white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 3px; overflow: hidden; } .brick-popper-with-arrow .brick-popper-inner { padding: 7px 12px; } .brick-popper-ref-hidden .brick-popper-wrap { display: none; } .brick-popper-arrow { position: absolute; width: 0; height: 0; display: none; } .brick-popper-arrow::after, .brick-popper-arrow::before { display: inline-block; position: absolute; content: ""; background: white; width: 10px; height: 10px; } .brick-popper-arrow::after { transform: translateX(-50%); width: 20px; top: -5px; } .brick-popper-arrow::before { transform: translateX(-50%) rotate(45deg); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .brick-popper-arrow.direction-down, .brick-popper-arrow.direction-up, .brick-popper-arrow.direction-right, .brick-popper-arrow.direction-left { display: inline-block; } .brick-popper-arrow.direction-down, .brick-popper-arrow.direction-up { margin: 0 10px; } .brick-popper-arrow.direction-right, .brick-popper-arrow.direction-left { margin: 10px 0; } .brick-popper-arrow.direction-down { transform: rotate(0deg); bottom: 15px; } .brick-popper-arrow.direction-up { transform: rotate(180deg); top: 15px; } .brick-popper-arrow.direction-right { transform: rotate(-90deg); right: 15px; } .brick-popper-arrow.direction-left { transform: rotate(90deg); left: 15px; } .brick-popper-placement-top .brick-popper-arrow, .brick-popper-placement-bottom .brick-popper-arrow { left: calc(50% - 10px); } .brick-popper-placement-left .brick-popper-arrow, .brick-popper-placement-right .brick-popper-arrow { top: calc(50% - 10px); } .brick-popper-placement-top-start .brick-popper-arrow, .brick-popper-placement-bottom-start .brick-popper-arrow { left: 10px; } .brick-popper-placement-top-end .brick-popper-arrow, .brick-popper-placement-bottom-end .brick-popper-arrow { right: 10px; } .brick-popper-placement-left-start .brick-popper-arrow, .brick-popper-placement-right-start .brick-popper-arrow { top: 10px; } .brick-popper-placement-left-end .brick-popper-arrow, .brick-popper-placement-right-end .brick-popper-arrow { bottom: 10px; } .brick-popper[class*=brick-popper-placement-top] .brick-popper-wrap { padding-bottom: 2px; } .brick-popper[class*=brick-popper-placement-bottom] .brick-popper-wrap { padding-top: 2px; } .brick-popper[class*=brick-popper-placement-left] .brick-popper-wrap { padding-right: 2px; } .brick-popper[class*=brick-popper-placement-right] .brick-popper-wrap { padding-left: 2px; } .brick-popper-with-arrow[class*=brick-popper-placement-top] .brick-popper-wrap { padding-bottom: 10px; } .brick-popper-with-arrow[class*=brick-popper-placement-bottom] .brick-popper-wrap { padding-top: 10px; } .brick-popper-with-arrow[class*=brick-popper-placement-left] .brick-popper-wrap { padding-right: 10px; } .brick-popper-with-arrow[class*=brick-popper-placement-right] .brick-popper-wrap { padding-left: 10px; } .brick-popup, .brick-popup * { box-sizing: border-box; } .brick-popup-visible { display: block; } .brick-popup-hidden { display: none; } .brick-checkbox { display: inline-block; cursor: pointer; } .brick-checkbox, .brick-checkbox * { box-sizing: border-box; } .brick-checkbox-wrap { position: relative; display: inline-block; vertical-align: sub; } .brick-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .brick-checkbox-mark { position: relative; border: 1px solid #C8C9CC; background-color: #fff; border-radius: 2px; } .brick-checkbox-mark-inner { visibility: hidden; position: absolute; top: 50%; left: 50%; line-height: 1; text-align: center; transform: translate(-50%, -50%) scale(0); } .brick-checkbox-mark, .brick-checkbox-mark-inner { transition: all 0.2s; } .brick-checkbox-mark, .brick-checkbox-mark .brick-icon { color: white; } .brick-checkbox-label { padding-left: 8px; padding-right: 16px; } .brick-checkbox:hover .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-checkbox:active .brick-checkbox-mark, .brick-checkbox:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #C8C9CC; background-color: #fff; } .brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { border-color: #4c84ff; box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.2); outline: none; background-color: #fff; } .brick-checkbox-input[disabled] + .brick-checkbox-mark, .brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-readonly .brick-checkbox-mark { border-color: #e8e9eb; background-color: #fafafa; } .brick-checkbox-indeterminate .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-indeterminate .brick-checkbox-mark-inner, .brick-checkbox-checked .brick-checkbox-mark-inner { visibility: visible; transform: translate(-50%, -50%) scale(1.1); } .brick-checkbox-indeterminate:hover .brick-checkbox-mark, .brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-indeterminate:active .brick-checkbox-mark, .brick-checkbox-indeterminate:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-mark, .brick-checkbox-checked:active .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-indeterminate .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { background-color: #5A90FA; } .brick-checkbox-indeterminate.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-indeterminate.brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-disabled .brick-checkbox-mark { background-color: #dcdde0; border-color: #dcdde0; } .brick-checkbox-disabled, .brick-checkbox-readonly { cursor: not-allowed; } .brick-checkbox-size-sm { font-size: 12px; } .brick-checkbox-size-sm .brick-checkbox-mark { height: 14px; width: 14px; } .brick-checkbox-size-sm.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-sm.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 12px; } .brick-checkbox-size-md { font-size: 14px; } .brick-checkbox-size-md .brick-checkbox-mark { height: 16px; width: 16px; } .brick-checkbox-size-md.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-md.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-size-lg { font-size: 16px; } .brick-checkbox-size-lg .brick-checkbox-mark { height: 18px; width: 18px; } .brick-checkbox-size-lg.brick-checkbox-type-intensive { min-width: auto; text-align: center; } .brick-checkbox-size-lg.brick-checkbox-type-intensive .brick-checkbox-label { padding: 0 16px; } .brick-checkbox-type-intensive.brick-checkbox { position: relative; } .brick-checkbox-type-intensive.brick-checkbox + .brick-checkbox-type-intensive.brick-checkbox { margin-left: -1px; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark, .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { border-color: #C8C9CC; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox:first-child .brick-checkbox-mark { border-radius: 3px 0 0 3px; } .brick-checkbox-type-intensive.brick-checkbox:last-child .brick-checkbox-mark { border-radius: 0 3px 3px 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-wrap { position: static; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark { width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #C8C9CC; border-radius: 0; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner { width: 12px; height: 12px; font-size: 12px; visibility: visible; right: 1px; top: 0; left: auto; transform: none; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner .brick-icon { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-mark { background-color: #fff; } .brick-checkbox-type-intensive.brick-checkbox:active .brick-checkbox-mark { background-color: #fff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:focus:not([disabled]) + .brick-checkbox-mark { z-index: 5; box-shadow: 0 0 0 2px #dbe4ff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #eeeeee; background-color: #fafafa; } .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-label { color: #cccccc; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked { color: #fff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-wrap { background-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark { border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-mark .brick-icon { color: #fff; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked .brick-checkbox-input[disabled] + .brick-checkbox-mark { border-color: #dcdde0; background-color: #dcdde0; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:hover .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:active .brick-checkbox-mark { background-color: #5A90FA; border-color: #5A90FA; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked) .brick-checkbox-mark { border-left: none; } .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked:before { content: ""; position: absolute; width: 1px; left: 0; top: 0; bottom: 0; z-index: 4; background-color: #b8cbff; } .brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-label { width: 100%; position: relative; z-index: 8; display: inline-block; } .brick-checkbox-group { display: inline-block; } .brick-checkbox-group-layout-vertical .brick-checkbox { display: block; } .brick-checkbox-group .brick-checkbox-size-sm { line-height: 28px; } .brick-checkbox-group .brick-checkbox-size-md { line-height: 32px; } .brick-checkbox-group .brick-checkbox-size-lg { line-height: 36px; } @keyframes spinning { 0% { transform-origin: 50% 50%; transform: rotate(0deg); } 100% { transform-origin: 50% 50%; transform: rotate(360deg); } } .brick-icon { display: inline-block; color: #1C1D1F; font-style: normal; line-height: 0; text-align: center; vertical-align: -0.15em; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brick-icon, .brick-icon * { box-sizing: border-box; } .brick-icon-spin { animation: spinning 1s infinite linear; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ [data-brick-theme=hi] .brick-button { border: none; } [data-brick-theme=hi] .brick-button:hover, [data-brick-theme=hi] .brick-button:focus, [data-brick-theme=hi] .brick-button:active { border: none; box-shadow: none; } [data-brick-theme=hi] .brick-button.brick-button-color-secondary:not(.brick-button-disabled) { color: #77787A; } [data-brick-theme=hi] .brick-button.brick-button-color-secondary:not(.brick-button-disabled) .brick-icon { color: #77787A; } [data-brick-theme=hi] .brick-button.brick-button-block { display: block; width: 100%; margin: 0; } [data-brick-theme=hi] .brick-button.brick-button-type-normal:not(.brick-button-disabled):active { color: rgba(28, 29, 31, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-type-normal:not(.brick-button-disabled):active .brick-icon { color: rgba(28, 29, 31, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } [data-brick-theme=hi] .brick-button.brick-button-size-xs.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 48px; } [data-brick-theme=hi] .brick-button.brick-button-size-xs.brick-button-shape-circle { border-radius: 10px; } [data-brick-theme=hi] .brick-button.brick-button-size-sm.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 70px; } [data-brick-theme=hi] .brick-button.brick-button-size-sm.brick-button-shape-circle { border-radius: 12px; } [data-brick-theme=hi] .brick-button.brick-button-size-md.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 80px; } [data-brick-theme=hi] .brick-button.brick-button-size-md.brick-button-shape-circle { border-radius: 14px; } [data-brick-theme=hi] .brick-button.brick-button-size-lg.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 100px; } [data-brick-theme=hi] .brick-button.brick-button-size-lg.brick-button-shape-circle { border-radius: 16px; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-button { display: inline-block; border-radius: 3px; border: none; background-color: #f2f3f5; cursor: pointer; outline: none; white-space: nowrap; } .brick-button, .brick-button * { box-sizing: border-box; } .brick-button-inner { position: relative; } .brick-button, .brick-button .brick-icon { color: #1C1D1F; } .brick-button.brick-button-color-secondary:not(.brick-button-disabled) { color: #77787A; } .brick-button.brick-button-color-secondary:not(.brick-button-disabled) .brick-icon { color: #77787A; } .brick-button.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button:focus, .brick-button:hover { background-color: #e8e9eb; } .brick-button:active { background-color: #e8e9eb; } .brick-button:focus:not([tabindex^="-"]) { box-shadow: none; border-color: #5A90FA; } .brick-button:not(.brick-button-loading-type-icon-only) .brick-button-loading-icon + .brick-button-content, .brick-button .brick-icon + .brick-button-content { margin-left: 4px; } .brick-button-disabled, .brick-button-disabled:hover, .brick-button-disabled:active, .brick-button-disabled:focus { background-color: #f2f3f5; } .brick-button-disabled, .brick-button-disabled .brick-icon, .brick-button-disabled:hover, .brick-button-disabled:hover .brick-icon, .brick-button-disabled:active, .brick-button-disabled:active .brick-icon, .brick-button-disabled:focus, .brick-button-disabled:focus .brick-icon { cursor: not-allowed; color: #C8C9CC; } .brick-button.brick-button-type-normal:not(.brick-button-disabled):active { color: rgba(28, 29, 31, 0.7); } .brick-button.brick-button-type-normal:not(.brick-button-disabled):active .brick-icon { color: rgba(28, 29, 31, 0.7); } .brick-button-loading.brick-button-type-normal .brick-common-loading-icon, .brick-button-loading.brick-button-type-plain.brick-button-icon-only .brick-common-loading-icon { color: #5A90FA; } .brick-button-loading.brick-button-content-icon-only:not(.brick-button-loading-type-icon-only) .brick-button-content { display: none; } .brick-button + .brick-button { margin-left: 8px; } .brick-button.brick-button-size-xs.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 48px; } .brick-button.brick-button-size-xs.brick-button-shape-circle { border-radius: 10px; } .brick-button.brick-button-size-xs.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-xs { height: 20px; padding: 0 8px; font-size: 12px; } .brick-button-size-xs.brick-button-shape-capsule { border-radius: 10px; } .brick-button-size-xs.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-xs.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-xs:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 48px; } .brick-button-size-xs.brick-button-content-icon-only, .brick-button-size-xs.brick-button-icon-only { padding: 0; width: 20px; } .brick-button-size-xs.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-xs.brick-button-icon-only.brick-button-type-plain { height: 16px; width: 16px; } .brick-button-size-xs + .brick-button-size-xs { margin-left: 8px; } .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs.brick-button-type-plain.brick-button-icon-only, .brick-button-size-xs + .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs { margin-left: 4px; } .brick-button-size-xs + .brick-button-type-plain.brick-button-icon-only { margin-left: 8px; } .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 0px; } .brick-button.brick-button-size-sm.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 70px; } .brick-button.brick-button-size-sm.brick-button-shape-circle { border-radius: 12px; } .brick-button.brick-button-size-sm.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-sm { height: 24px; padding: 0 12px; font-size: 12px; } .brick-button-size-sm.brick-button-shape-capsule { border-radius: 12px; } .brick-button-size-sm.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-sm.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-sm:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 70px; } .brick-button-size-sm.brick-button-content-icon-only, .brick-button-size-sm.brick-button-icon-only { padding: 0; width: 24px; } .brick-button-size-sm.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-sm.brick-button-icon-only.brick-button-type-plain { height: 16px; width: 16px; } .brick-button-size-sm + .brick-button-size-sm { margin-left: 12px; } .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm.brick-button-type-plain.brick-button-icon-only, .brick-button-size-sm + .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm { margin-left: 8px; } .brick-button-size-sm + .brick-button-type-plain.brick-button-icon-only { margin-left: 12px; } .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 4px; } .brick-button.brick-button-size-md.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 80px; } .brick-button.brick-button-size-md.brick-button-shape-circle { border-radius: 14px; } .brick-button.brick-button-size-md.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-md { height: 28px; padding: 0 16px; font-size: 14px; } .brick-button-size-md.brick-button-shape-capsule { border-radius: 14px; } .brick-button-size-md.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-md.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-md:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 80px; } .brick-button-size-md.brick-button-content-icon-only, .brick-button-size-md.brick-button-icon-only { padding: 0; width: 28px; } .brick-button-size-md.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-md.brick-button-icon-only.brick-button-type-plain { height: 18px; width: 18px; } .brick-button-size-md + .brick-button-size-md { margin-left: 12px; } .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md.brick-button-type-plain.brick-button-icon-only, .brick-button-size-md + .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md { margin-left: 12px; } .brick-button-size-md + .brick-button-type-plain.brick-button-icon-only { margin-left: 16px; } .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 8px; } .brick-button.brick-button-size-lg.brick-button-icon-only:not(.brick-button-shape-circle):not(.brick-button-type-plain) { min-width: 100px; } .brick-button.brick-button-size-lg.brick-button-shape-circle { border-radius: 16px; } .brick-button.brick-button-size-lg.brick-button-block { display: block; width: 100%; margin: 0; } .brick-button-size-lg { height: 32px; padding: 0 20px; font-size: 14px; } .brick-button-size-lg.brick-button-shape-capsule { border-radius: 16px; } .brick-button-size-lg.brick-button-shape-capsule.brick-button-type-plain.brick-button-icon-only, .brick-button-size-lg.brick-button-shape-capsule.brick-button-type-plain .brick-button-content-icon-only { border-radius: 3px; } .brick-button-size-lg:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) { min-width: 100px; } .brick-button-size-lg.brick-button-content-icon-only, .brick-button-size-lg.brick-button-icon-only { padding: 0; width: 32px; } .brick-button-size-lg.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-lg.brick-button-icon-only.brick-button-type-plain { height: 18px; width: 18px; } .brick-button-size-lg + .brick-button-size-lg { margin-left: 12px; } .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg.brick-button-type-plain.brick-button-icon-only, .brick-button-size-lg + .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg { margin-left: 16px; } .brick-button-size-lg + .brick-button-type-plain.brick-button-icon-only { margin-left: 20px; } .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) { margin-left: 12px; } .brick-button-type-intensive { background-color: white; } .brick-button-type-important, .brick-button-type-translucent { border-color: transparent; } .brick-button-type-ghost, .brick-button-type-ghost:hover, .brick-button-type-ghost:focus, .brick-button-type-ghost.brick-button-disabled, .brick-button-type-ghost.brick-button-disabled:hover, .brick-button-type-ghost.brick-button-disabled:focus { border-color: #fff; background: none; } .brick-button-type-ghost, .brick-button-type-ghost .brick-icon, .brick-button-type-ghost:hover, .brick-button-type-ghost:hover .brick-icon, .brick-button-type-ghost:focus, .brick-button-type-ghost:focus .brick-icon, .brick-button-type-ghost.brick-button-disabled, .brick-button-type-ghost.brick-button-disabled .brick-icon, .brick-button-type-ghost.brick-button-disabled:hover, .brick-button-type-ghost.brick-button-disabled:hover .brick-icon, .brick-button-type-ghost.brick-button-disabled:focus, .brick-button-type-ghost.brick-button-disabled:focus .brick-icon { color: #fff; } .brick-button-type-ghost.brick-button-disabled { opacity: 0.4; } .brick-button-type-plain { padding: 0 4px; height: auto; border-color: transparent; } .brick-button-type-plain, .brick-button-type-plain:hover, .brick-button-type-plain:focus, .brick-button-type-plain:active, .brick-button-type-plain .brick-button-disabled { background: none; } .brick-button-type-plain, .brick-button-type-plain .brick-icon { color: #1C1D1F; } .brick-button-type-plain:focus, .brick-button-type-plain:focus .brick-icon, .brick-button-type-plain:hover, .brick-button-type-plain:hover .brick-icon { color: #4a7bdb; } .brick-button-type-plain:active, .brick-button-type-plain:active .brick-icon { color: #4a7bdb; } .brick-button-type-plain.brick-button-disabled, .brick-button-type-plain.brick-button-disabled .brick-icon { color: #cccccc; } .brick-button-type-plain.brick-button-icon-only { width: auto; height: auto; line-height: 1; background: none; } .brick-button-type-plain.brick-button-icon-only .brick-icon { color: #1C1D1F; } .brick-button-type-plain.brick-button-icon-only:focus .brick-icon, .brick-button-type-plain.brick-button-icon-only:hover .brick-icon { color: #5A90FA; } .brick-button-type-plain.brick-button-icon-only:active .brick-icon { color: #4a7bdb; } .brick-button-type-plain.brick-button-icon-only.brick-button-disabled .brick-icon { color: #cccccc; } .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .brick-button.brick-button-color-primary.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } .brick-button-color-primary.brick-button-type-important, .brick-button-color-primary.brick-button-type-important .brick-icon, .brick-button-color-primary.brick-button-type-important.brick-button-disabled, .brick-button-color-primary.brick-button-type-important.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-primary.brick-button-type-translucent, .brick-button-color-primary.brick-button-type-translucent .brick-icon, .brick-button-color-primary.brick-button-type-translucent.brick-button-disabled, .brick-button-color-primary.brick-button-type-translucent.brick-button-disabled .brick-icon { color: #fff; } .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .brick-button.brick-button-color-success.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } .brick-button-color-success.brick-button-type-important, .brick-button-color-success.brick-button-type-important .brick-icon, .brick-button-color-success.brick-button-type-important.brick-button-disabled, .brick-button-color-success.brick-button-type-important.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-success.brick-button-type-translucent, .brick-button-color-success.brick-button-type-translucent .brick-icon, .brick-button-color-success.brick-button-type-translucent.brick-button-disabled, .brick-button-color-success.brick-button-type-translucent.brick-button-disabled .brick-icon { color: #fff; } .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active { color: rgba(255, 255, 255, 0.7); } .brick-button.brick-button-color-error.brick-button-type-important:not(.brick-button-disabled):active .brick-icon { color: rgba(255, 255, 255, 0.7); } .brick-button-color-error.brick-button-type-important, .brick-button-color-error.brick-button-type-important .brick-icon, .brick-button-color-error.brick-button-type-important.brick-button-disabled, .brick-button-color-error.brick-button-type-important.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-error.brick-button-type-translucent, .brick-button-color-error.brick-button-type-translucent .brick-icon, .brick-button-color-error.brick-button-type-translucent.brick-button-disabled, .brick-button-color-error.brick-button-type-translucent.brick-button-disabled .brick-icon { color: #fff; } .brick-button-color-primary:focus { box-shadow: 0 0 0 2px rgba(110, 157, 250, 0.2); border-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-intensive { border-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-intensive, .brick-button-color-primary.brick-button-type-intensive .brick-icon { color: #6E9DFA; } .brick-button-color-primary.brick-button-type-intensive:focus, .brick-button-color-primary.brick-button-type-intensive:hover { background-color: #f2f5ff; } .brick-button-color-primary.brick-button-type-intensive:active { background-color: #dbe4ff; } .brick-button-color-primary.brick-button-type-intensive.brick-button-disabled { background-color: #f2f5ff; border-color: #dbe4ff; } .brick-button-color-primary.brick-button-type-intensive.brick-button-disabled, .brick-button-color-primary.brick-button-type-intensive.brick-button-disabled .brick-icon { color: #b8cbff; } .brick-button-color-primary.brick-button-type-important { background-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-important:focus, .brick-button-color-primary.brick-button-type-important:hover { background-color: #5A90FA; } .brick-button-color-primary.brick-button-type-important:active { background-color: #5A90FA; } .brick-button-color-primary.brick-button-type-important.brick-button-disabled { background-color: #bacffa; } .brick-button-color-primary.brick-button-type-translucent { background-color: rgba(110, 157, 250, 0.6); } .brick-button-color-primary.brick-button-type-translucent:focus, .brick-button-color-primary.brick-button-type-translucent:hover { background-color: rgba(110, 157, 250, 0.5); } .brick-button-color-primary.brick-button-type-translucent:active { background-color: rgba(110, 157, 250, 0.7); } .brick-button-color-primary.brick-button-type-translucent.brick-button-disabled { background-color: rgba(110, 157, 250, 0.2); } .brick-button-color-primary.brick-button-type-plain { background: none; } .brick-button-color-primary.brick-button-type-plain, .brick-button-color-primary.brick-button-type-plain .brick-icon { color: #5A90FA; } .brick-button-color-primary.brick-button-type-plain:focus, .brick-button-color-primary.brick-button-type-plain:focus .brick-icon, .brick-button-color-primary.brick-button-type-plain:hover, .brick-button-color-primary.brick-button-type-plain:hover .brick-icon { color: #4a7bdb; } .brick-button-color-primary.brick-button-type-plain:active, .brick-button-color-primary.brick-button-type-plain:active .brick-icon { color: #4a7bdb; } .brick-button-color-primary.brick-button-type-plain.brick-button-disabled { background: none; } .brick-button-color-primary.brick-button-type-plain.brick-button-disabled, .brick-button-color-primary.brick-button-type-plain.brick-button-disabled .brick-icon { color: #b8cbff; } .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):focus { border-color: #6E9DFA; } .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):hover .brick-icon, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):focus, .brick-button-color-primary.brick-button-type-ghost:not(.brick-button-disabled):focus .brick-icon { color: #6E9DFA; } .brick-button-color-success:focus { box-shadow: 0 0 0 2px rgba(71, 204, 116, 0.2); border-color: #47cc74; } .brick-button-color-success.brick-button-type-intensive { border-color: #47cc74; } .brick-button-color-success.brick-button-type-intensive, .brick-button-color-success.brick-button-type-intensive .brick-icon { color: #47cc74; } .brick-button-color-success.brick-button-type-intensive:focus, .brick-button-color-success.brick-button-type-intensive:hover { background-color: #f2fff4; } .brick-button-color-success.brick-button-type-intensive:active { background-color: #d0f2d5; } .brick-button-color-success.brick-button-type-intensive.brick-button-disabled { background-color: #f2fff4; border-color: #d0f2d5; } .brick-button-color-success.brick-button-type-intensive.brick-button-disabled, .brick-button-color-success.brick-button-type-intensive.brick-button-disabled .brick-icon { color: #a5e6ae; } .brick-button-color-success.brick-button-type-important { background-color: #47cc74; } .brick-button-color-success.brick-button-type-important:focus, .brick-button-color-success.brick-button-type-important:hover { background-color: #32A85A; } .brick-button-color-success.brick-button-type-important:active { background-color: #32A85A; } .brick-button-color-success.brick-button-type-important.brick-button-disabled { background-color: #B4EDC7; } .brick-button-color-success.brick-button-type-translucent { background-color: rgba(71, 204, 116, 0.6); } .brick-button-color-success.brick-button-type-translucent:focus, .brick-button-color-success.brick-button-type-translucent:hover { background-color: rgba(71, 204, 116, 0.5); } .brick-button-color-success.brick-button-type-translucent:active { background-color: rgba(71, 204, 116, 0.7); } .brick-button-color-success.brick-button-type-translucent.brick-button-disabled { background-color: rgba(71, 204, 116, 0.2); } .brick-button-color-success.brick-button-type-plain { background: none; } .brick-button-color-success.brick-button-type-plain, .brick-button-color-success.brick-button-type-plain .brick-icon { color: #47cc74; } .brick-button-color-success.brick-button-type-plain:focus, .brick-button-color-success.brick-button-type-plain:focus .brick-icon, .brick-button-color-success.brick-button-type-plain:hover, .brick-button-color-success.brick-button-type-plain:hover .brick-icon { color: #32A85A; } .brick-button-color-success.brick-button-type-plain:active, .brick-button-color-success.brick-button-type-plain:active .brick-icon { color: #32A85A; } .brick-button-color-success.brick-button-type-plain.brick-button-disabled { background: none; } .brick-button-color-success.brick-button-type-plain.brick-button-disabled, .brick-button-color-success.brick-button-type-plain.brick-button-disabled .brick-icon { color: #a5e6ae; } .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):focus { border-color: #47cc74; } .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):hover .brick-icon, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):focus, .brick-button-color-success.brick-button-type-ghost:not(.brick-button-disabled):focus .brick-icon { color: #47cc74; } .brick-button-color-error:focus { box-shadow: 0 0 0 2px rgba(249, 99, 85, 0.2); border-color: #f96355; } .brick-button-color-error.brick-button-type-intensive { border-color: #f96355; } .brick-button-color-error.brick-button-type-intensive, .brick-button-color-error.brick-button-type-intensive .brick-icon { color: #f96355; } .brick-button-color-error.brick-button-type-intensive:focus, .brick-button-color-error.brick-button-type-intensive:hover { background-color: #fff2f2; } .brick-button-color-error.brick-button-type-intensive:active { background-color: #ffdbdc; } .brick-button-color-error.brick-button-type-intensive.brick-button-disabled { background-color: #fff2f2; border-color: #ffdbdc; } .brick-button-color-error.brick-button-type-intensive.brick-button-disabled, .brick-button-color-error.brick-button-type-intensive.brick-button-disabled .brick-icon { color: #ffb8ba; } .brick-button-color-error.brick-button-type-important { background-color: #f96355; } .brick-button-color-error.brick-button-type-important:focus, .brick-button-color-error.brick-button-type-important:hover { background-color: #D45448; } .brick-button-color-error.brick-button-type-important:active { background-color: #D45448; } .brick-button-color-error.brick-button-type-important.brick-button-disabled { background-color: #FFC7C2; } .brick-button-color-error.brick-button-type-translucent { background-color: rgba(249, 99, 85, 0.6); } .brick-button-color-error.brick-button-type-translucent:focus, .brick-button-color-error.brick-button-type-translucent:hover { background-color: rgba(249, 99, 85, 0.5); } .brick-button-color-error.brick-button-type-translucent:active { background-color: rgba(249, 99, 85, 0.7); } .brick-button-color-error.brick-button-type-translucent.brick-button-disabled { background-color: rgba(249, 99, 85, 0.2); } .brick-button-color-error.brick-button-type-plain { background: none; } .brick-button-color-error.brick-button-type-plain, .brick-button-color-error.brick-button-type-plain .brick-icon { color: #f96355; } .brick-button-color-error.brick-button-type-plain:focus, .brick-button-color-error.brick-button-type-plain:focus .brick-icon, .brick-button-color-error.brick-button-type-plain:hover, .brick-button-color-error.brick-button-type-plain:hover .brick-icon { color: #D45448; } .brick-button-color-error.brick-button-type-plain:active, .brick-button-color-error.brick-button-type-plain:active .brick-icon { color: #D45448; } .brick-button-color-error.brick-button-type-plain.brick-button-disabled { background: none; } .brick-button-color-error.brick-button-type-plain.brick-button-disabled, .brick-button-color-error.brick-button-type-plain.brick-button-disabled .brick-icon { color: #ffb8ba; } .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):focus { border-color: #f96355; } .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):hover, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):hover .brick-icon, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):focus, .brick-button-color-error.brick-button-type-ghost:not(.brick-button-disabled):focus .brick-icon { color: #f96355; } .brick-button-loading-type-icon-only .brick-button-loading-icon { position: absolute; left: 50%; transform: translateX(-50%); } .brick-button-loading-type-icon-only.brick-button-loading .brick-button-inner > *:not(.brick-button-loading-icon) { visibility: hidden; } .brick-grouped-buttons { display: inline-block; } .brick-grouped-buttons .brick-button + .brick-button { margin-left: 8px; } .brick-grouped-buttons + .brick-grouped-buttons { margin-left: 36px; } a:not(.brick-button-type-plain).brick-button { text-align: center; text-decoration: none; } a:not(.brick-button-type-plain).brick-button-size-xs { line-height: 18px; } a:not(.brick-button-type-plain).brick-button-size-sm { line-height: 22px; } a:not(.brick-button-type-plain).brick-button-size-md { line-height: 26px; } a:not(.brick-button-type-plain).brick-button-size-lg { line-height: 30px; } a:not(.brick-button-type-plain).brick-button-disabled { pointer-events: none; } /** * ======== Button ========= */ /** * ============== 头像 Avatar ================== */ /** * ============== Menu ================== */ /** * =============== Form =============== */ .brick-mobile-graphic { width: 100%; border-radius: 6px; border: 1px solid #F1F2F6; } .brick-mobile-graphic, .brick-mobile-graphic * { box-sizing: border-box; } .brick-mobile-graphic-single-graphic, .brick-mobile-graphic-multiple-graphic { width: 100%; } .brick-mobile-graphic-single-graphic-text { background: #FDFDFE; font-size: 14px; padding: 12px 12px 12px 12px; color: #1C1D1F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brick-mobile-graphic-single-graphic-img, .brick-mobile-graphic-multiple-graphic-img { width: 100%; height: 188px; } .brick-mobile-graphic-single-graphic-summary { font-size: 14px; color: #9A9C9E; letter-spacing: 0; line-height: 22px; width: 100%; height: 110px; padding: 0 12px 12px 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all; } .brick-mobile-graphic-single-graphic-summary:active { background: #F6F6F6; } .brick-mobile-graphic-multiple-graphic-img { position: relative; } .brick-mobile-graphic-multiple-graphic-img img { width: 100%; height: 188px; } .brick-mobile-graphic-multiple-graphic-text { color: #fff; font-size: 14px; line-height: 22px; background: rgba(0, 0, 0, 0.6); width: 100%; padding: 7px 12px 6px 12px; position: absolute; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brick-mobile-graphic-multiple-graphic-card, .brick-mobile-graphic-multiple-graphic-card-after { position: relative; width: 100%; height: 76px; overflow: hidden; display: flex; font-size: 14px; } .brick-mobile-graphic-multiple-graphic-card div, .brick-mobile-graphic-multiple-graphic-card-after div { color: #1C1D1F; width: 243px; height: 43px; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 16px; position: relative; } .brick-mobile-graphic-multiple-graphic-card img, .brick-mobile-graphic-multiple-graphic-card-after img { width: 52px; height: 52px; margin: 12px 16px 12px 0; } .brick-mobile-graphic-multiple-graphic-card-after::after { content: ""; position: absolute; left: 16px; bottom: 0; right: 0; width: 236px; height: 1PX; background-color: #e8e8e9; } .brick-mobile-graphic-multiple-graphic-card:active， .brick-mobile-graphic-multiple-graphic-card-after { background: #F6F6F6; } .brick-mobile-bubble { overflow: hidden; word-break: break-word; border-radius: 6px; margin: 10px; padding: 10px; background: #e0efff; line-height: 30px; float: left; clear: both; min-width: 36px; min-height: 32px; } .brick-mobile-bubble::after { content: " "; display: inline-block; border: 3px solid #fff; border-left: none; border-right: solid 6px #eaf4ff; position: absolute; left: -6px; top: 7px; } .brick-mobile-bubble img { width: 24px; height: 24px; } .brick-mobile-audio { font-size: 14px; /*firefox去input range 的outline*/ /*chrome、safari下拖动块的样式*/ /*firefox下拖动块的样式*/ /*ie下拖动块的样式*/ } .brick-mobile-audio, .brick-mobile-audio * { box-sizing: border-box; } .brick-mobile-audio-media-player { display: none; } .brick-mobile-audio-media-controls { display: flex; align-items: center; } .brick-mobile-audio-slanting { margin: 0 3px; } .brick-mobile-audio-control-button { width: 20px; height: 20px; border: none; background: none; outline: none; } .brick-mobile-audio-control-button img.control-img { width: 10px; height: 10px; margin-top: -4px; } .brick-mobile-audio input[type=range].range { margin: 0 6px; outline: none; /*清除系统默认样式*/ -webkit-appearance: none; width: 90px; /*横条的高度*/ height: 3px; background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; /*设置左右宽度比例*/ background-size: 30% 100%; } .brick-mobile-audio input[type=range].range:focus { border: none; } .brick-mobile-audio input[type=range].range::-moz-focus-outer { border: 0; } .brick-mobile-audio input[type=range].range::-webkit-slider-thumb { /*清除系统默认样式*/ -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .brick-mobile-audio input[type=range].range::-webkit-slider-thumb:hover { width: 10px; height: 10px; } .brick-mobile-audio input[type=range].range::-moz-range-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .brick-mobile-audio input[type=range].range::-moz-range-thumb:hover { width: 10px; height: 10px; } .brick-mobile-audio input[type=range].range::-ms-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 1px solid #54A1FF; } .brick-mobile-audio input[type=range].range::-ms-thumb:hover { width: 10px; height: 10px; } .brick-mobile-audio input[type=range].range::-moz-range-progress { background: linear-gradient(#54A1FF, #54A1FF) no-repeat, #e0e0e0; } .new-fc-one-modal-mask { background-color: rgba(0, 0, 0, 0.2); } .new-fc-one-table .new-fc-one-table-thead > tr > .withdraw-totals { position: absolute; right: -12px; } .list-message { padding: 0 40px; } .list-message-date { margin-bottom: 21px; } .list-message-table { min-height: 433px; } .list-message-table .new-fc-one-table-tbody > tr > td { padding: 10px 16px; height: 54px; } .list-message-columns-popover { padding: 16px; font-size: 14px; } .list-message-diglog-times { margin-top: 10px; } .list-message-diglog-times button, .list-message-diglog-times input { width: 160px; } .list-message-diglog-times .new-fc-one-date-picker { display: inline-block; } .list-message-diglog-times .new-fc-one-time-picker { margin-left: 15px; } .list-message-diglog-text { margin-top: 20px; } .list-message-diglog-text span { color: #999; } .list-message-row-action .new-fc-one-dropdown-button-textLink:hover { color: #2C8FFF; } .list-message-row-action .new-fc-one-dropdown-button { color: #2C8FFF; font-size: 14px; } .list-message-drop-btn .new-fc-one-dropdown-menu-item:hover { color: #2C8FFF; } .list-message-drawer li { padding: 3px 0; } .list-message-drawer .drawer-content { background: #f5f5f5; border-radius: 3px 3px 0 0; height: 100%; margin-top: 10px; padding: 12px; } .list-message-table-msgs { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .list-message .sender { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .brick-hi-file-card-simple { width: 100%; } .new-fc-one-popover-inner-content { max-width: 625px; } .am-pull-to-refresh-content-wrapper { padding: 15px; } .brick-mobile-bubble { background: #FDFDFE; float: none; padding: 13px; margin: 0; } .comps-ellipsis .comps-content { font-size: 13px; color: #1C1D1F; } .brick-mobile-graphic-multiple-graphic { background: #FDFDFE; border-radius: 8px; } .brick-mobile-graphic-multiple-graphic-card div, .brick-mobile-graphic-multiple-graphic-card-after div { height: 36px; } .comps-ellipsis .comps-ellipsis-expand, .comps-ellipsis .comps-ellipsis-collapse { margin-top: 0; } .brick-mobile-graphic-single-graphic-summary { background: #FDFDFE; height: 47px; -webkit-line-clamp: 2; margin-bottom: 13px; word-break: break-all; } .brick-mobile-graphic-single-graphic-text { padding: 10px !important; font-size: 13px; color: #1C1D1F; } .brick-mobile-graphic-single-graphic, .brick-mobile-graphic-multiple-graphic { overflow: hidden; background: #FDFDFE; cursor: pointer; } .brick-mobile-graphic-multiple-graphic-card, .brick-mobile-graphic-multiple-graphic-card-after { font-size: 13px; color: #1C1D1F; } .brick-mobile-graphic-multiple-graphic-text { font-size: 13px; } .brick-mobile-file-card-simple .brick-mobile-file-card-title { font-size: 13px; width: 200px; margin-left: 15px; } .brick-mobile-audio input[type=range].range { width: 65%; border-radius: 5px; padding: 1px 0; } .brick-mobile-bubble::after { border: 0; border-left: none; border-right: none; } .am-pull-to-refresh-up .am-pull-to-refresh-indicator { margin-top: 15px; } .comps-ellipsis .comps-ellipsis-expand, .comps-ellipsis .comps-ellipsis-collapse { font-size: 13px; } list-message { display: flex; flex-direction: column; padding-bottom: 30px; } list-message .search-wrap { height: 50px; margin-top: 15px; } list-message .search-wrap .search-input { width: 350px; display: inline-block; } list-message .search-wrapper { width: 200px; position: relative; float: right; margin-top: 10px; } list-message .search-wrapper span.search-icon { position: absolute; margin: 0 8px 0 10px; left: 0; top: 0; width: 20px; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjdBMkRCODM0RkU4MTFFN0FFOThGRTUzMkVGQjQwNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjdBMkRCODQ0RkU4MTFFN0FFOThGRTUzMkVGQjQwNDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCN0EyREI4MTRGRTgxMUU3QUU5OEZFNTMyRUZCNDA0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCN0EyREI4MjRGRTgxMUU3QUU5OEZFNTMyRUZCNDA0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgtqaYcAAAKuSURBVHjavJddaE9xGMfPf0SbEBsZk/dCcePCSxIzQuaCUJaXlLSmeam5kBLRrkWKkExeLqQkLhaLtJW8thuWKQspNOQ1L/N96nvq5+mcnef3W/s/9bl4fud/fuf7/53n7eQ63ryPUqwAlIO1YA4YBwrBZ9AGmsAF8CgKtNGlxVEuRcB8cBhMN+xzA+ygKG8BBWotBw6BW8aHiy3lKVSFnEJf5R8HWwL2KQINYAA44XOjewI7Ex7eBS6DlYyBIWAy2AzuJpzeMbDQR0AcA7LpE9DPudYO1oOWbu6XAD3Ffx7bKzAFfPGJgXr18OdgbsbDxS4xU745a2Vgu88rmAhWOGt/wBrw1rjHPVCr1moT4itVwCoVCyG5fRo8dvzhTGWTgHlq7WhAFnQxFnQtMQmY4PjyLu8HFrYm5U+1Chjh+K8ZAyHWrvxhVgFuCv2Iwu13RpFLFdDp+KU9EFCm/I9WAW4TKQGTAgXMUn6bVUCzWtsUKGCd8putAq6otW3WAHJsNlju+N/Zpk0CWlThGQTOWIOIYhvYjGI7x8HF3A33qvVl7IIDM+6XGnJb1RLJpIO+7fg6OK+uSX94BqrBYHVtFNgPWtn5XNsDOnzbcTxUyCQ0MyXHpUjJj4vB2JT95Og3gDFM708+I5mU4SXgTsrkJJvO6ObhJ5lBI0Ejg7vIZyKKi0cFOOBRFeVUNnKaGsrolxa/AFxUc0amALFfYB8LUj2HE21/wQOwi6PaWa7XgWnO7yqZUX0sMZCVauOZFR/Ai5T3258BXZ4w7Fazbf8XA9Zcf0ey7Cez56YK5q2sC7str6Cn9pXfCq1qvY4p2usCIqbg4oT4kY+emnwIiDjUVnBMd+0Ix/1eFyD2EixS8ZOjsLwIEHvKAhdnzVV+WeVNgNhDtutrYLU7d/4TYADUdo5yRVgoWwAAAABJRU5ErkJggg==) no-repeat center; background-size: 100%; } list-message .search-wrapper a.search-btn { position: absolute; top: 0; right: 0; height: 100%; line-height: 28px; padding: 0 10px; cursor: pointer; } list-message .search-wrapper input { outline: none; width: 100%; height: 28px; padding: 0; padding-left: 38px; padding-right: 48px; border-radius: 14px; border: 1px solid #e2e6ec; } list-message .date-select .date { margin: 0 8px; cursor: pointer; } list-message .date-select .select { color: #509ee2; } list-message .date-select .date-input { display: inline-block; width: 90px; } list-message .message-detail { position: fixed; right: -350px; top: 0; width: 350px; height: 100%; background: #ffffff; border: solid 1px #cccccc; overflow: hidden; z-index: 999; transition: right 0.2s; } list-message .message-detail.show-detail { right: 0px; transition: right 0.2s; } list-message .message-detail .detail-title { height: 60px; color: #3d424c; font-size: 17px; font-weight: bold; line-height: 60px; border-bottom: solid 1px #cccccc; /* padding: 10px; */ text-align: center; position: absolute; width: 100%; z-index: 999; background: #fff; } list-message .message-detail .detail-title .close { cursor: pointer; width: 14px; height: 14px; position: absolute; left: 14px; top: 24px; outline: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkAAABLig+1AAAAH3RSTlMAz8gSIdq6zhMg4MPQFN8V0dIf1N4WHtPVF9YYxrSo9HCyxQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABxSURBVAjXTczbFoIgEIXhDZ2wkBERtbL2+79lkyjLuZn1Xewfxp6w3flyheXNFTV3PuAMjdvkW6BV62vCKrWnl7+kjNRdYCd7UiIPQh/IVNkPjJEpF40DJ5GJ87NK92m1qszUrzdSjeSZCz5L3pPZfn/ssghSTbshtwAAAABJRU5ErkJggg==) no-repeat; } list-message .content-wrap { min-height: 433px; flex: 1; } list-message .content-wrap div.table-userMsg { height: 100%; border: 1px solid #ccc; } list-message .content-wrap div.table-userMsg span.td { line-height: 48px; text-align: center; color: #97a0b5; display: inline-block; white-space: nowrap; overflow: hidden; font-size: 14px; text-overflow: ellipsis; } list-message .content-wrap div.table-userMsg span.td.send-num { overflow: visible; white-space: normal; } list-message .content-wrap div.table-userMsg span.name { padding: 0; width: 14%; } list-message .content-wrap div.table-userMsg span.msg { width: 56%; } list-message .content-wrap div.table-userMsg span.time { width: 14%; } list-message .content-wrap div.table-userMsg span.operation { width: 14%; color: #378eef; cursor: pointer; } list-message .content-wrap div.table-userMsg div.tr-content-first { background-color: #eff4f8; border-bottom: solid 1px #cccccc; font-weight: bold; padding-right: 7px; height: 49px; display: flex; } list-message .content-wrap div.table-userMsg div.tr-content-first span.operation { color: #97a0b5; cursor: default; } list-message .content-wrap div.table-userMsg div.tr-content { border-bottom: solid 1px #cccccc; height: 49px; } list-message .content-wrap div.table-userMsg div.tr-content span.td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 47px; border: none; background: transparent; } list-message .content-wrap div.table-userMsg div.tr-content span.msg-content .text-wrap span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } list-message .content-wrap div.table-userMsg div.tr-content span.msg-content .text-wrap img { width: 19px; height: 19px; } list-message .content-wrap div.table-userMsg .table-list { /*height: 382px;*/ height: calc(100% - 49px); overflow-y: auto; border: none; } list-message .content-wrap div.table-userMsg .table-list.table-list-with-paginate { height: calc(100% - 100px); } list-message .content-wrap div.table-appMsg { height: 100%; border: 1px solid #ccc; } list-message .content-wrap div.table-appMsg span.td { height: 48px; line-height: 48px; text-align: center; color: #97a0b5; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } list-message .content-wrap div.table-appMsg div.tr-content-first { background-color: #eff4f8; border-bottom: solid 1px #cccccc; font-weight: bold; display: flex; padding-right: 7px; height: 49px; } list-message .content-wrap div.table-appMsg div.tr-content-first span { color: #97a0b5; flex: 1; } list-message .content-wrap div.table-appMsg div.tr-content-first span.count { flex: 0.3; } list-message .content-wrap div.table-appMsg div.tr-content { border-bottom: solid 1px #cccccc; display: flex; height: 49px; } list-message .content-wrap div.table-appMsg div.tr-content span.td { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 47px; border: none; background: transparent; } list-message .content-wrap div.table-appMsg div.tr-content span.count { position: relative; cursor: pointer; color: #378eef; } list-message .content-wrap div.table-appMsg div.tr-content span.msg-content .text-wrap span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } list-message .content-wrap div.table-appMsg div.tr-content span.msg-content .text-wrap img { width: 19px; height: 19px; } list-message .content-wrap div.table-appMsg div.tr-content span.operation { cursor: pointer; color: #378eef; display: flex; flex-flow: row nowrap; justify-content: center; } list-message .content-wrap div.table-appMsg div.tr-content span.operation > span { flex: 0.3; } list-message .content-wrap div.table-appMsg .table-list { /*height: 382px;*/ height: calc(100% - 49px); overflow-y: auto; border: none; } list-message .content-wrap div.table-appMsg .table-list.table-list-with-paginate { height: calc(100% - 100px); } list-message .list-message-paginate { height: 50px; line-height: 50px; background: #fff; } list-message .list-message-paginate paginate { right: 40px; } list-message .table-tit { width: 90%; margin: 0 auto; position: relative; top: 30px; left: 0; min-height: 48px; } list-message .table-tit div { background: #eff4f8; color: #97a0b5; min-height: 48px; border: 1px solid #ccc; margin-right: 7px; } list-message .table-tit div span { line-height: 48px; text-align: center; display: inline-block; color: #97a0b5; } list-message #timed-message .modal-container { overflow: inherit; } list-message #timed-message > div { margin-top: 30px; } list-message #timed-message .time-wrapper { display: flex; flex-direction: row; align-items: center; } list-message #timed-message .time-wrapper > div { margin-right: 15px; position: relative; } list-message #timed-message .time-wrapper > div span.caret-down { position: absolute; right: 8px; top: 12px; display: block; border-style: solid; border-width: 7px; border-color: #ccc transparent transparent transparent; } list-message #timed-message .time-wrapper > div > span:first-child { display: block; width: 180px; height: 30px; border: 1px solid #ccc; border-radius: 4px; position: relative; outline: none; } list-message #timed-message .time-wrapper > div > span:first-child input { border-radius: 4px; border: none; height: 28px; outline: none; } list-message #timed-message .time-wrapper > div > span:first-child ul { background: #fff; position: absolute; top: 30px; width: 100%; z-index: 9999; border: 1px solid #ccc; border-radius: 4px; height: 300px; overflow-y: auto; padding-top: 0px; cursor: not-allowed; } list-message #timed-message .time-wrapper > div > span:first-child ul li { padding: 10px 30px; text-align: center; cursor: pointer; position: relative; } list-message #timed-message .time-wrapper > div > span:first-child ul li span.icon-select { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat 10px center; position: absolute; width: 30px; height: 20px; left: 0; background-size: 57%; display: none; } list-message #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select { display: block; } list-message #timed-message .time-wrapper > div > span:first-child ul li.disable { cursor: not-allowed; pointer-events: none; } list-message #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select { display: none; } list-message #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2) { color: #ccc; } list-message #timed-message .time-wrapper > div > span:first-child #inp-sTime { padding-left: 24px; } list-message #timed-message .time-wrapper > div > span:first-child #inp-sHours, list-message #timed-message .time-wrapper > div > span:first-child #inp-sMinutes { padding-right: 30px; padding-left: 20px; width: 100%; text-align: center; cursor: pointer; background: #fff; } list-message #timed-message .time-wrapper .hours-wrapper { margin-right: 10px; } list-message #timed-message .time-wrapper .hours-wrapper > span:first-child { width: 100px; } list-message #timed-message .time-wrapper .min-wrapper { margin-left: 10px; } list-message #timed-message .time-wrapper .min-wrapper > span:first-child { width: 100px; } list-message #timed-message .send-time { margin-top: 40px; text-align: center; color: #999; } list-message #timed-message .send-time > span:nth-of-type(2) { color: #000; } list-message #cancel-timedmsg .text-center { height: 100%; display: flex; justify-content: center; align-items: center; } .list-message-table { cursor: pointer; } .list-message-table :global(thead th:not(.new-fc-one-table-cell-has-icon)) { cursor: default; } user-message { display: block; width: 380px; height: 100%; padding: 60px 0; overflow: auto; } user-message .talk-content { padding: 0 30px 40px 0; } user-message .talk-content:after { content: ' '; clear: both; display: block; } user-message .talk-content .pic-asset { width: 100%; } user-message .audio-wrap { cursor: pointer; } user-message .audio-wrap em { display: inline-block; height: 20px; width: 20px; margin-right: 10px; background: url(data:image/png;base64,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) no-repeat; background-size: 16px 246px; background-position: 0 -130px; } user-message .audio-wrap .rotate { transform: rotateY(180deg); } user-message .audio-wrap em.playing { background: url(data:image/gif;base64,R0lGODlhJwAnAIABAFLJJAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNDUzMGFhNy1hMTUyLTRjYTEtOWNmNC1mMGJiMTIwNDZjMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM2REQwMDgzMjAxMTFFNkExQTJEMjVBNzJCREI5MzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM2REQwMDczMjAxMTFFNkExQTJEMjVBNzJCREI5MzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOWViYjRhMS02MGUxLTQzOTctYTNkNi1lOWZkZWMzMGEwMWIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZTQ1ZTNjNi03ODgzLTExNzktYjBhNC1mNDBlNjA3OGI2NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgABACwAAAAAJwAnAAACJoyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3nOloAACH5BAUKAAEALAcADQAGAA4AAAISTAB2aOj9VnRJVgoZTXhntRgFACH5BAUKAAEALA4ABwAIABoAAAIjDBCZd2qMFHQwLuZek5hvb2nhBFLd9YnmR6Lj2Val+4ZLVgAAIfkEBQoAAQAsFAAAAAsAJgAAAjhMYKnAmgzdgc1RJK+c0dKtZZ1XkeUyoueTqpgJtsYnrrPMvW5s57XO6tFcQN/vBwwRTclhUGgrAAA7) no-repeat; background-size: 15px 15px; background-position: 0 6px; } user-message .file-wrap em { width: 22px; height: 23px; display: inline-block; background: url(data:image/png;base64,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) no-repeat; background-size: 22px 324px; background-position: 0 -301px; margin: 0 5px; top: 5px; } user-message .message-content { padding: 30px 0 0 20px; float: left; } user-message .message-content .avater { float: left; } user-message .message-content .message-text { border-radius: 4px; margin: 10px; padding: 5px; background: #eaf4ff; float: left; position: relative; max-width: 260px; min-width: 100px; word-break: break-all; margin-bottom: 0; } user-message .message-content .message-text:after { content: ' '; display: inline-block; border: solid 3px #ffffff; border-left: none; border-right: solid 6px #eaf4ff; position: absolute; left: -6px; top: 7px; } user-message .message-content-url { color: #378fff; cursor: pointer; } user-message .message-content-get { padding: 30px 20px 0 0; float: right; width: 100%; } user-message .message-content-get .avater { float: right; } user-message .message-content-get .message-text { float: right; border-radius: 4px; margin: 10px; padding: 5px; background: #eaf4ff; position: relative; max-width: 260px; word-break: break-all; margin-bottom: 0; } user-message .message-content-get .message-text:after { content: ' '; display: inline-block; border: solid 3px #ffffff; border-right: none; border-left: solid 6px #eaf4ff; position: absolute; right: -6px; top: 7px; } user-message .avater { float: left; border-radius: 50%; overflow: hidden; } user-message .detail-bottom { position: absolute; bottom: 0; width: 100%; height: 40px; background: #fff; border: 1px solid #cccccc; padding: 7px; } user-message .detail-bottom .btn { float: right; /* margin-top: 2px; */ } user-message .chat { background: #fff; display: inline-block; /* width: 275px; */ height: 28px; border: solid 1px #cccccc; border-radius: 3px; overflow: hidden; } user-message .chat .chat-input { float: right; width: 200px; height: 28px; outline: none; border: none; padding-left: 0; box-shadow: none; } user-message .chat #emoteBtn { margin: 2px 6px; display: inline-block; } app-message { display: block; width: 380px; height: 100%; padding: 60px 0 0 0; overflow: auto; } app-message .detail-bottom { position: absolute; bottom: 0; width: 100%; height: 40px; background: #fff; border-top: 1px solid #cccccc; display: flex; align-items: center; } app-message .detail-bottom .btn { margin: auto; display: block; width: 80px; } app-message .detail-wrap { margin: 5px; padding: 5px; /* background: #eeeeee; */ width: 338px; } app-message .detail-wrap .detail-info { padding-top: 8px; color: #97a0b5; font-size: 13px; } app-message .picText { cursor: pointer; } app-message .detail-content { background: #ffffff; width: 328px; border: solid 1px #cccccc; padding: 8px; margin-top: 10px; } app-message .detail-content div .text-msg { word-break: break-all; } app-message .item-list { background: #fff; display: inline-block; padding: 15px; width: 120px; } app-message .item-list:hover .icon-wrap { bottom: 0; transition: bottom 0.1s; } app-message .item-list.be-selected .img-wrap { position: relative; } app-message .item-list.be-selected .img-wrap:after { content: ' '; position: absolute; z-index: 555; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; } app-message .item-list.be-selected .img-wrap:before { content: ' '; position: absolute; z-index: 999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAjCAYAAADfXvn1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAADoklEQVRYw9WZXYiVRRjHf+csmWh+kGu4RK3KmCgsoVgDGWmrqfgRNiuEimAf5IXajTdr4OWm1Y0gJF0oqSiV7oBfJOqmuRUMiXnRB8qE7kZYZKaGq2SlFzNH1sOe87znnPfsep6rl5n/8/D+5nlnnnlnoMbNOPWucWpDfntmoF+sAqAM8AGwLja9D7Ra7e/ULFiE2gKszuv6EFhjtb9Tc2ARaiuwqoBkF/Ba3UC/aIlQdcA24M0isqcBVTMZi1A7gWWC9BbQUhNgxqlBwG5giSDtARZb7Y898GAR6lNgsSC9ASyy2p+APlbFmPKM1f7fBwBqMNAOzBek14EFVvuvcg3ZPkZnL7AvPg8k1BDgQAKoq8Cc3lDQK2MxUDswLzYdBV6x2vcMANRQ4DAwQ5BeAV6y2p/J78jEQMOAQ8ALef2dwEKr/fV+hBoeoZ4XpH8QMnW2r86McepR4HPg2QIBTgNzrfZX+gFqJHAE0IL0N2CW1f7HQoIssKcIFMA04KRxakyVoUYBHQmgfgVmFoPKga0FuoVgTRHuySpBjY5QUwVpNzDDan9OipmbY43AMWCCoO8ifAI/pwg1JkJNFqQXgGar/cUkcbMAVvsuwgr0g6BvBDqNU5NSgnocOJkA6jwhU4mg7oFFuEsR7ozg0wCcMk5Jn40E1QicAiYK0p8Ic+qXUuLfV6Ct9n8CzcDXgl890GGceq5MqHGETI0XpN8DL8ZBL8my+Q1W+2vAXOC44DsSOGqcai4R6ingS2CsIP0uQv1ezuBl+2q02t8AFgEHBf+hwGHj1MKEUJMImXpCkH5LWKQulwNVECzC3QJaCDvrYjYYaDdOvSpANUWoBiHeN4Rt0l/lQhUFi3C3geXAdiHOIGC3cWplAagpwBfAY0KcTmBenA4VWVYSWO3/I/yKbxGkdcB249R9ByzGqWcIdape8O+IUH9XCgUlnlIZpzYCrQmk6632m4xT0wkb2hGC/ghgrPY304AqGSzCvQO0JZB+TPiVf0TQHQJarPb/pAVVFliEexvYXK5/L7PA0rShygaLcG8AHxHmVjn2CbCiWkcQFY24cWopsAN4qETXncDrcWGqilV8SmWcehn4DHg4ocs24C2r/f/VgkoFLMLNBvYDQwTpVmB17uKgmibWsSRmtT9O2F8WK6yb+wsKUr5tMU5NI9SkUXld71ntk9S/1CyVjOXMan8amEk4bMlZW39DQZXux4xTEwhn7fut9kmKeep2F919I6W8s4JkAAAAAElFTkSuQmCC) no-repeat center center; left: 0; top: 0; width: 100%; height: 100%; } app-message .img-wrap { height: 100px; width: 100px; margin: 0 auto; } app-message .item-name { margin-top: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } app-message .title-icon { display: block; width: 100%; height: 100%; border: solid 1px #cccccc; } app-message .title-icon.audio { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABACAMAAABWbGUSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABa1BMVEUAAADFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9kAAADQOeSTAAAAd3RSTlMAAT6JxOj5igJi2yHKQOtGqVkgBgwoqkcn8q4krfMD/HZjqz8cG6Sjw1RTwh8HDSbiI/imbFzLdQ/2PGvMO5y+rJ0r/VhJBSyh7h7tF9EK0Bi/3F3Ji8XIveVDUOcL/qgJ+6c2+tqQLxQxMl7YTK/3TYW21+ZK5JerpnwAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAACT0lEQVRIx+2W61sSQRTGBxBclIyLkGWsKxYVWWnirUgsxZCK1NSsoPJueVds//3OOyvuZWZRn6cPfeB82DnnnR+zM+dhzxnGHObx+lr8gYC/pdXrYY1NCbbpF9YWVBqx7SHdZqF2d/ZGh+6wDq8bezOA+UA4Eo11xiMJI7olZ7tuY/ZOdz3uvos42SVjVey3R7NKWg/2rUrgINbR7JoGrVdkPchZyqmmkEEx3304zT2neh+n7BNgH6lp8YUPSPYJ6kNSH4lwhuTHguontV+E+0n2Cyo290SEYziKoCJJkoTK9SbchJvwP4fxwT4VWfkHi1LwTITlpeBaRab1KuVrgKJB5loYn58XxkEaB9gQPbPsvOQmnHACJRc9K0vOEBum5wj0XiRp1M6OXhRztIVhNjZOwwsK1RG0iayVfYk2kUObeEXO+BhjEzTmMRVPYp1JswGleAOKw8+T95rGN1PkTEMpGM0snYnOzEQzaSMqYGaavKm38IrkzZY4nXQ2zSRnS+/ILfLXvZ8l90OZ7yRnZ3N8D+WPWG7O2BwSos9zWgkumOiC0ejL8wg+1Y+CM+qLxk8V79IyrhDLS17jTjD3GbMT5l9rBfGXr0xi3yqYW4mZShWp0b8XS0609INvKN9pFX+Gubi6tm5V19dWuRwu25fwaBvGqTa3Its7qrqzHdnaNJQNTezHvxZ1qYV+y46i7O6J6N6u2z1J3T84tJKHB/sNr1TVo+OTU4CnJ8dHVXYFcysL/ytcqNVzUStcCtfMzNWuA1cuhc8qdfbPmXPuLxbsSdkrJ9+mAAAAAElFTkSuQmCC) no-repeat center center; background-size: 36px 44px; } app-message .title-icon.file { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAADFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9kAAACJghn9AAAAH3RSTlMAKo7W+AaU/ZgJu72VK/zaUg6P2BDX+Qzz1JAsDfr0OITgcgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADzSURBVFjD7ZfZDoIwFETL7sJSaEFZtP//l96KqUQoXtoHDek8Tu4cE5mHDiEgzw9CMVEY+B7BK4oTMVNyOKLzJ7Goc4QEpEKjGJfPcrgtaDn1SlqAmWcoQAWnjH+6nIFdoQA1XNK5TcGuUYAGLsu5fQG7QQHk36Xz16S6YgpQXbEAjF2xAsiu6ADfpLpiClBdMQe8umIBGLtiARizOwHYaC+A338FB3AAB3AAB3AAB/gngGZwYCQfmlfd5MFIPnXb5+iquUmey9/uSC9nH6PD1vhA5WM971eGJ0Yp0U9fjMZ5vDi+MXoP9Kxjt63pe9v1MvsAPSSISNqT7QIAAAAASUVORK5CYII=) no-repeat center center; background-size: 44px 44px; cursor: pointer; } app-message .audio-wrap { cursor: pointer; width: 100px; } app-message .audio-wrap em { display: inline-block; height: 20px; width: 20px; margin-right: 10px; background: url(data:image/png;base64,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) no-repeat; background-size: 16px 246px; background-position: 0px -130px; } app-message .audio-wrap em.playing { background: url(data:image/gif;base64,R0lGODlhJwAnAIABAFLJJAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNDUzMGFhNy1hMTUyLTRjYTEtOWNmNC1mMGJiMTIwNDZjMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM2REQwMDgzMjAxMTFFNkExQTJEMjVBNzJCREI5MzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM2REQwMDczMjAxMTFFNkExQTJEMjVBNzJCREI5MzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOWViYjRhMS02MGUxLTQzOTctYTNkNi1lOWZkZWMzMGEwMWIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZTQ1ZTNjNi03ODgzLTExNzktYjBhNC1mNDBlNjA3OGI2NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgABACwAAAAAJwAnAAACJoyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3nOloAACH5BAUKAAEALAcADQAGAA4AAAISTAB2aOj9VnRJVgoZTXhntRgFACH5BAUKAAEALA4ABwAIABoAAAIjDBCZd2qMFHQwLuZek5hvb2nhBFLd9YnmR6Lj2Val+4ZLVgAAIfkEBQoAAQAsFAAAAAsAJgAAAjhMYKnAmgzdgc1RJK+c0dKtZZ1XkeUyoueTqpgJtsYnrrPMvW5s57XO6tFcQN/vBwwRTclhUGgrAAA7) no-repeat; background-size: 15px 15px; background-position: 0 6px; } app-message .audio-wrap .text { display: inline-block; position: relative; top: -3px; } app-message .pt-wrap { text-align: left; border-bottom: solid 1px #ccc; position: relative; } app-message .pt-wrap:last-child { border-bottom: none; } app-message .pt-wrap .close { text-align: left; z-index: 999; position: absolute; top: -10px; right: -10px; cursor: pointer; display: none; height: 24px; width: 24px; background: url(data:image/png;base64,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) no-repeat; background-size: 22px 325px; background-position: 0 -115px; } app-message .pt-wrap:hover .close { display: block; } app-message .pt-wrap.choosed { box-shadow: 0 0 10px #999; z-index: 99; overflow: hidden; text-overflow: ellipsis; } app-message .multiple-pt-fisrt { position: relative; height: 155px; } app-message .multiple-pt-fisrt img { width: 100%; height: 100%; } app-message .multiple-pt-fisrt .i-title { word-wrap: break-word; background: rgba(0, 0, 0, 0.5); padding-left: 3px; position: absolute; bottom: 0px; color: #fff; height: 50px; width: 100%; } app-message .multiple-pt { height: 40px; } app-message .multiple-pt img { float: right; } app-message .multiple-pt .i-title { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } material-lib-edit.lib-edit { padding: 0; display: flex; flex-direction: column; width: 100%; flex: 1; } material-lib-edit.lib-edit .preview-title { display: none; } material-lib-edit.lib-edit #material { border-top: none; padding-left: 40px; display: flex; flex-direction: column; padding-bottom: 32px; } material-lib-edit.lib-edit #material.exclude-text { height: auto; } material-lib-edit.lib-edit #material.text material-text { min-height: calc(100vh - 422px); } material-lib-edit.lib-edit #material p { margin-top: 0; } material-lib-edit.lib-edit .preview .preview-content { border: none; } material-lib-edit.lib-edit #post { border-top: solid 1px #ccc; background: #fff; width: 100%; height: 84px; position: absolute; left: 0; bottom: 0; z-index: 100; display: flex; justify-content: center; align-items: center; padding: 24px 0; } material-lib-edit.lib-edit #post #send, material-lib-edit.lib-edit #post #cancel { float: none; } material-lib-edit.lib-edit #editor-pic-text .fr-input-line { overflow: hidden; } material-lib-edit.lib-edit #editor-pic-text .fr-wrapper ul { /*-webkit-padding-start: 40px;*/ padding-left: 40px; } material-lib-edit.lib-edit #editor-pic-text .fr-wrapper ul > li { list-style-type: disc; } material-lib-edit.lib-edit #editor-pic-text .fr-wrapper ol { /*-webkit-padding-start: 40px;*/ padding-left: 40px; } material-lib-edit.lib-edit #editor-pic-text .fr-wrapper ol > li { list-style-type: decimal; } material-lib { display: flex; flex-direction: column; flex: 1; min-height: calc(100vh - 260px); /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ } material-lib .list-wrap { padding-top: 20px; } material-lib .select-class, material-lib .class-option { outline: none; display: inline-block; cursor: pointer; } material-lib .select-class { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; min-width: 100px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #ccc; outline: none; padding: 3px 18px 3px 5px; cursor: pointer; margin-top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat 95% center; } material-lib .select-class.disabled { border: none; background: none; } material-lib .select-class::-ms-expand { display: none; } material-lib .edit-wrap { display: flex; flex-direction: column; flex: 1; } material-lib .lib-nav { border: solid 1px #eff4f8; border-left: none; border-right: none; height: 48px; flex-basis: 48px; background: #f9fbfd; } material-lib .lib-nav em { margin-right: 20px; display: inline-block; position: relative; top: 5px; left: 0px; } material-lib .lib-nav #text em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTdGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFNEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgsri2UAAAB+SURBVHja7NixCYAwEIXhl+ASjuQcupNVwCV0IzFb6EUUxPqKK/6DF1KFL7zu0rysg6Ri6RVrDsuYg+L0mEpW7EkNOFlqQNzeKu7s2JwqPv+/91BGrxggQIAAAQIECBAgQIAAAQIECBAgQIAAXeb43GtE4LvrvnfLXo9eAgwAEYgOupEPiDkAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } material-lib .lib-nav #text.active em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTJGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFMEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFMUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PufX7L0AAACASURBVHja7NixCYAwEIXhF3EJJ3EG59B53CBruJEknSPoRRTE+oor/oMXUoUvvO7SuB6TpGwZFGuKZe6C4vSYcqfYkxpwsdSAuL1V3NuxOVV8/n/voYxeMUCAAAECBAgQIECAAAECBAgQIECAAAG6TPnca0Tgu+u+d8tej14CDACQRA6CRreNlAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } material-lib .lib-nav #picText em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRUFGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MkNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFOEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFOUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpM1xbsAAAHBSURBVHja7FmxSgNBEL0Lll5IaT4g2lnqD0RBxUY/QQtBGy39AK0tRIUI/oB2BpH4AVprIYJgYbRMjCIoGt+QOViPNWxuF24PZ+AV2Z3de+8y9wZ2w72j026Q4ygEOQ8RkHUMacZCzzl3pYREQAYCKsAx0OYa7Ic251b+2GsGaBrs0+RcawGjwBWwABQN8oucS2vGNPOHQNlgnzLnWgvYBkop/l1as2VZIaELAVULAlOasWXg2WDtI7CUpg/oSmKQt6L6dKSZrxuWkLiQCBABIqAXLxqX6Qc1Xn3oxA2LF3TuQyfeBFopyLd4bead+BaYAE6AjkF+h3MneW3mnZjiDlh09N1JJxYBeRMwa+jbrvHEz7YWUHP50Q0QI/zsXJeQkz5g6tuuw1kfqGdUQuJCIkD6gPQB6QPSB/6HC30kxooe8x1OnnqQgPvEYNVjAdOJ3w8k4CwxSGf6JQ/J6+4bGgU+e/lSBulWJb6RiTwgHjGXy+D3jQ9xrpELXQP7wKoyGd+J+RwHxD12oQ3gIkfmQ6eF66qNkhPNs6pvj4kTt11gLnZPtQ+8AyvAOLAT9E7VPj0g/QbcMCfitqZa/48AAwAOAa86jMKd1AAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } material-lib .lib-nav #picText.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNTA5MkZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MzBGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkyREYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkyRUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptm5McMAAAHSSURBVHjaYjHve/+fYQgDJoYhDkY9MNCABYsY4yB38//RJDTqgQHwgCoQrwXij9A0iA9/hKpVxWGWJxA/I8KcZ1C1eAEjlooMPROrAfFJIBYgMXA+ALEFEN9EEwc5TJJIM54DsRSlmbidDMczQPW0UZhCGKmRhFwocIArFrEUIH5BhN6nQJxMTj2ADvhIDBXkKObFIr+NhCQ0WgqNemDUA6MeYGD4hKWUwYeRwRda18TEeGAPBQG0C4vYXCKLUUmoWoo9UAVtFpAKPkD1DnhNDGrLmAHxOiD+TIT6z1C15ljaQQNSE4PAbSAOplK+G62JRz0w1DzgRWS5TW38HGo3xR6YQ81MRwKQgNo9pJMQVeoBYsttagOq1QPbBigJjZZCox4YrQdG64HRemC0HhgZpdAvNDG+QexeHvRRD5AH7qEJugxiD7ih8R+CPLADTRA0pi8wCB2Pbb5hDxN07OUvkqA6EJ8C4iAG7MPj9Aa8ULechLoNBkBungMqha4A8QwgzkaShM2JDWYwE+R2WClUBMR7h1DhAxotLEQuRkElkS/UV/8GscNBbpsKxN6w0hO5HvgOxBlArAfEExkgo2q/B4GjvwLxVaibQG7LQS76AQIMAOCbs6qhL0S0AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } material-lib .lib-nav #pic em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODRGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODVGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDlERjlGRkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RDlERkEwMEYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps8WjaYAAASYSURBVHja1FpbbBVFGN5um9JEtIXwgvBiU9PSoj6gDUGfGrRFJVyEBxKDBrGVCiGEBCIYH+RiExUwilhaDWD6QLioEA0hQgIkxhpjGtQmDaXa0CcuSYEC9mjV7yfflmHOnN05l23nfMn3sLO7c+bbmf/aFuzZ962noRpcCTaA5eAEzy0Mg33gCbAd7FZvFiiCisEd4CrQ9/ID/4Jt4DrwjgwUKWJE2VwvvyAfvgl8FJwHJoKd2JmHYlTU8XTdVVhDlSougC+BpXIsHWMp13ZBW/MboqWIDqBQudEDzgYHHd2NG+BR8DT4I1jJcdGw0qc3U7HJYTEqBrlWFQ0+XbOK7/PIdk5q1+U+PZy+pSZU0/DE7/9FdnOsepwEDWnXxRKH/tMGC/SHLOJTUjwYQ9y3/qKIh23jU1I8GM/AFIZ049NoPHBRUFR8Co0HLgoyxadaxoAbSjyo5T1PjQcuCrKNT8Z44KKgdOLTyYh3nXEKmcJJL9enXYd5u+e0634XBZ3QrreBZYbnynjPifQpTNDn4IhyXcXsdjH4ILmYY1XKcyMsjccFYZnCb2Ar2KyMSap+JGLOVr7rpFNYl+bxOc13PFcFibd6AdzNBDSsWSE782IMHs5nOrU52yOniloN7gFf9+61t2T8T+5ge0zHrAQ8AC7l9S1wV9gLNuXDeGEy+A34jFYqNLFUMZYPrvbfHgF/0MQEH/szcPlYZAoPM1l9J8t5nqSYypA1fwEuydSGbIy2EWxhSbEI/AfcnsFcz4MHwYkRz0lG38E2QE53aAZ4hg6jVMsqNqY5VyNtRhfzN8v/rYZq+lCudqiYJcNbhiZLgBbu1IcRc4ldbEnhlq/yaJ3h9QNanCvJhSAx1L3cnSh8wFRoV8iHaUth5OfBheAfyth6imrMhVMo5dE6aykmgATFtYbxh9iAMYn5CnxaExO4aCnx92crSJLQbk6WKk5dAhfQWPUjJc2WN5Wx6eA5Q0kiC36XvYqhkLbVayb7sTly05j2LIhIez4B3wZvsuyYyg6QKupj2pS45O8oSoVkAa+Chy0+sBzjl2lD820yBZ+78R6PRiqcZzr0k+F4yg48Zvi6twyerJ/20pWBcxqOOnI1XMzuEDF36OFmGcQIrjOmDBg+li7mHDtHXRk4qISNDf0CzgmZ5BS/fOCWU2GAoq6HPLOXdnQ5zvIhVVy5Br4CPgtetJz/VzqURArjPpbrcsPWy31JV31Az24ti74VhvcK6BFrxlKQdH7qGSuuZPE7HV5yMzJwHl+DU+IWJLbxPjjTS24iZooWBmYdFUxIi+MS9DP4FLjBy/3fetbQbnTURVWi2QianaELtYEExGVgp+HeKi2byJmgkZir0duM7r2Gex9pGUZGghKGpDFuiIOZZ3A0hUx9Kizn0YP0kO+l18POJXq5U7e18Ungca1gTIWknrrv2few40AnbUo/5lX0fIUh7xp76iIoqocdN47R++moZ4GoI7SnHvx7mSSizV5+41PxkoGXS7eH7RpGe+q+kobb9LBdQ1JP3ddqC+lhP8540MMWkmuQAvF3rvEJFqKjGc3/AgwAgisR+/1MkqcAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } material-lib .lib-nav #pic.active em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODhGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODlGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4NkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4N0YyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqDZa1wAAASTSURBVHja1FpZjA1ZGK5b3ekhjGbixfJCiNbNzIM1eBK7EfvDJIJY2jpBJiGWeLB2YqaHYGasCeJB7ISIIEEyQUTE0onYRnjCxNa2pvH9yVftOPfUcu+t6j79JV/Sdarq3PPVOf+aTvUof+ZoKAangIPAtuB3jl14D94DT4BbwQr1pqv8XQBuAK+D88COFopxuKaOXKOs9R+woXczXxFzDOzn1C/IhkwD24ODwSpvh/6sh2JU9AXLPYUlVKniNjgaLARTlrGQa7utrXm6aMmnA8hTbtwCe4LPLd2Nl+AB8Ax4AezAcdEwxaU3U7HIYjEqnnOtKga5dM0qTtUj2zmpXbd16eH0LTWhmIYnfv8dWcGx4joSVKldF7gRXvKLT4HxoK6QH0FMlPiUFg/qMjAFIdP4VBMPbBQUFp8C44GNgkzxqTtjwEslHnTnPUeNBzYKihqfjPHARkGZxKeTIe9a4xSyhZVe7p52HeTtBmjXD2wUdEK7Xgk2NTzXlPesSJ+CBG0Dq5XrIma3o8DvyVEcK1Keq2ZpbF2mcAPcBM5UxiRV3x8y5ya+a6VTmJfh8TnDdxxbBYm3GgpuBD8FPPeJO/NzAh7OZTq1OI7k1BM1G/wbnOp8bW/J+H/cwa0JHbMG4E5wLK9fg2tzFeThJji3Fk/PD+BhsI8yVk5RW2o7sOaKNuC/mhiHTRKpu8bXhqCWTFaX5jhPV4rpELDm7eCYXI9c0EcpBctYUowEP4KrsphrCLgHbBzynGT0u9kGiHWHpAQ/S4dRqGUVCzKcq5Q2o4v5AM4AVxiq6b1x7VABS4aFhiaLhzLu1B8hc4ldLPdxy095tM7yupEW5xrEIUgMdTN3Jwy/MxVaG/BhtvgY+TVwBHhfGfuNokrjcAqFPFrnIopRXe0cw3gTNmBMYg6CvTUxgs8s8XfkKkiS0ApOlvJ55iE4nMaqHylptsxSxlqD5w0liSx4GXsVlT6/I89MNtlPlCPXimnP8JC0R/p2S8BXLDtasAOkilpPmxKXfJyiVEjAnAjui/CB5RiPow0N++br9Sh/9tnwRV3uxmoeDT9cYzp0yXA8ZQc6G77ua4Mne0B7uZqFc3ofduRKuJiNAWLe0sN1MYgRvGBMeWT4WLqY8+wcXc3CQVVFsaErYK+ASU7zy3tu2Q+PKOpFwDObaUePkywf/OLK/+AEsD94N+L81+lQqnyM+0jc5UZUL7eLrnonF5IJpOibZHgvRY9YUpuCpPMzkLHiSQ6/s9tJb0Z6zuMQ2DxpQWIba8BOTnoTMVuUMTDraMeEtCApQZfBbuB8erM48SvtRkffsEo0F0E9s3ShUSAB8RfwouHeDC2biE1QdcLV6BtG9zuGe+u0DCMrQVWGpDFpiIMZbHA0eUx92kWcRw/Sla6TWQ87TtzhTr3RxpuBR7WC0Q9pPXXXid7DTgIXaVP6MS+i58sLeNfYUxdBYT3spHGE3k/HQBaIOgJ76in+v5wkojOd+o2/xEt6Xi7THrZtqOmpu0oaHqWHbRvSeuquVltID/tHxoNbbCHZBikQb3KNP7EQrclovggwAN4qCT5QQmuBAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } material-lib .lib-nav #audio em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFOENGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFOERGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4QUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4QkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pin3fjsAAARJSURBVHja7JlXaBRRFIbH7KqxETVGbNiNPthboon1QWNFsIsdCyLEQgTRPFkDFlQsiaIG9cFeNlgC+qAPGhFNFKOxRewoWELEBDWu/2HPws1hZnfn7iSC7IEPvXdmZ/6595xz7z2psS/7ohGG9QFjQQJoD5py/yfwAuQBesE93Re4NX5TA0wB6aCrxT2NQGcwGqwD+WATOAO8dl4WZVNcO3ADHA8gzsx6gVPgGmhdVQKH8VQlh+EStp8RqsDh4DJoKPp/gwtgDugLWoBY0APMBx5QIX5D13PBIKd8sCM4C2qL/hywgoNB2hfwABwG8WAnSFGu1+UPo6l/Fc4I0vWjIEbpIydPA+MtxEl7ysGSLgKEAukIB522wNkgUfSRuG02fY+EbQRrRf9gMFVXIH3ZGtF3DmwPI0gywCXRt0ZXIDlxJ6X9Eyw3wjMayVQOLr91A/11BI4Vbcpjr43w7QVHt2rjdAQONJlep+ysaA/QERgv2nccFHhftLvoCIwV7bcOCvwg2jE6AuW1Pw4K/Cza9Z3aLFS7RQRGBEYE/s8CvVX43nqi/UNHoEymLR0U2FS0S3QEFot2bwcF9hXtZzoCb4v2eAcFymfl6QiUJYfpIM4BcXTymyT6LukIvAreCMfOcEDgFhCttJ9zMcC2wAp+mGp01p0ZhrjFYIaJYK9uHswEhaLvIFioIW4e2CP6Cvh5AfPgEz5o+1HTyS8wC5QrfbXAfnDAZFNrZnF8gD8EXEr/NzBZVB46CC0PSGARH6L9jBQvyOfzsSxhLAAvwW4wAjRXBMRyJSGL75lr4j6T2P9USxFaCqn0cUWE/Uz+WnmiIz85JkogDcBSxv9i2nnXDDCiZWCa4at0SZP+mUsjeF6cU4eCniY/Pg2SeMStzBVE3EM+LXpMriWKkySdw3Oi+ADjERUFq9LGXa5crTA5+AQySlfLuFhUYFHF2Cr6TtJy64/iDSLUh7MIM6Mv2wHasGtk8jGyTCz+5Lt7wRjDV/jcJWZKlj+ShI9upv+4lUA4yI6v5qevINvioRThOYzfairXQrVFYL1Jensk82CaiCoXB8tOk+2REUB0qOIa8AhnGZVLcJR3V5sl6hKejo/CN1I5V9IHNHZgqWsCVvEOZom49h5MAN/9HbLC+pSj2CMqWy15yskvqMZ8nQOGikmvOKmWi2fV4VzW1vAVzmmLNYQDxWUivIgLVpWKom6LG/tzIMwWw+/ma1blsnK+v7aNEfWy/68EpaGuxd84+ydzIg+17BFtQ1wFB1gCr+2lZjcFK6LfBKN4imhNngi6W0xRqKKouH7C8NW+3wf7Qah/aSJf28hQJYrqef3YTynHteeNqGrveB0u5uxwi3fppXa+SOdPYSU87VeCnAJbRQ7uEYFVLJA2to+V3a80fz8l/2G6L3GHIZA2Ec0CXG+k/EvrbXx1j6Cdj4v+F1OcyitOMPscYG8Z1P4KMACJZOiJWDuVQwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } material-lib .lib-nav #audio.active em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzUzRkZGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDBGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4RUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTNGRUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph+/3VQAAAQzSURBVHja7JlZbE1RFIZP3VsqSFEaU8waD+apNasHY4nELFVDDBFJDSGR8mZqgkYFMaQIHsxDG1PCAw9UzI2aVWqokBiaCg2q/pW7ruyu7HvvOfuekshdydd27zP9Z++11tl7NSox65MVhvUEKSARtAXx3P8ePAf54Ay4bfqAKAOBUWASWAU62bzmDlgHjoNKJw+r4VBcG3AFHHIgjqw7OAougZbVJTCZp2pAGC7h+B52BQ4F50B90f8TnAYzQC/QDMSBrmA2yAUV4ho6fgEMdMsH24ObIFb054ElHAzBLAFkgxGi/xNPfXE4I0jHDwhx5OTLwFgb4siegFEcVGqANAD7OeiMBaaBJNFH4jY59D0SthasFP2DwGRTgfRmGaLvJMgKI0gywVnRl2EqkJy4g9L+DhZb4RmNZDoHl986gz4mAlNEm/LYSyt8e87RrdoYE4H9NNPrlp0Q7b4mAhNE+4aLAu+JdkcTgXGi/dpFgW9FO9ZEoDz2y0WBH0S7rluLhb9uEYERgRGB/7PAymp8bh3R/moiUCbT5i4KjBftUhOBRaLdw0WBvUT7qYnA66I91kWB8l75JgLPiPZU0NgFcbTzmyD6zpoIvAheCcfOdEHgBhCjtJ9xMcCxwAq+mWq0100NQ9x8ME0juNI0D+4AhaIvB8w1EDcLbBN9d/l+QfPgY/BRQU0nP8B0UK701QS7wG7NolZn5Ld7wR7gUfo/g4mi8tBOaCkggY94E+1nuHjAHd4fyxLGHPACbAXDQFNFQBxXEnbyOTM17jOB/U+1EUJLoRc/zouwT+W3lTs68pODoJbSXw8sZPwPppV3dJAR/QamWL5KlzTpnxdoBE+JfeoQ0E1z8THQn0c8kHlCiLvPu8VczbEksZOkfXheDd7A5IqKQqDSxi2uXC3RbHyCGaWrRVwsuhugirFR9B2hz60/iteIUB/KInRGb7YZtGLX2MHbyG/i40++ux2MtnyFzy1ipmT5o7/w0fX0h1cJhBx2fDU/UYlsX4CbUoTnMX6LVo7ZtXlgtSa9PZB5cJmIKg8HS7ZmeWQFEW1XXD0e4Z1W1RIc5d0VukRdytPxTvhGOudKeoGGLnzqGoHlvIJZII6VgHHgyx8BmgprRw6aDpqbkw9RjfkyBwwVk4o5qZaLc2tzLmtt+QrntMQazIHi0dz7EResqhRFvQFO7MOBkCaG38vHApXLyvn8Wg5GtJL9fykos/st/szZfwAncrtljxgH4io4wBL5216mO8kb4iZXwUieIvomjwddAkyRXVEF4LDlq32XhLrA5D9NVImiel5v9lPKcW15IaraG/4OF3F2uMar9DInD/MajEIpT/v5ELvAFpGNe0RgNQukhe1DZfUrzd9P/2lKNn2INwyBtIhoEuR4A+U3fW8T/vYIOnm5mH8xxen8xQllH4KsLUPabwEGAAuK6P0x99EHAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } material-lib .lib-nav #file em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDNGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDRGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwMUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwMkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5di/kAAAHcSURBVHja7JnPSkJBFMbHFCPI9BmEKAtq5wOEhFGreoWgiDZt27c1gqICg16gVgUS0tp9FoQg9AYiRv/I2zd4bgzj9YJp00ycAz9wzp0Zvm/u3DngRI7Pr4UWM2Ad5EEajIrgeAN1UAJF8CD+IEaU33FwCO7ADsiEiBf0LEN95ZgTMGbaQEwRL19FboCF2ACTYAm8m34D+wOIV2MBFExvoVlaPTVqYA0kQaQHSepT08Zu0pzGDMgPNqrkHkEWXIJmyNgm9cnSGD+iNKcxA3kttwsafczRoDFq5E0aSGu58g/mudHaaZMG4gFbo99oaW05pzckXqnGFKhG9awDtkZovXHBQFC9ufJ3jmsGuurNMA1EfonQeuPCGwitNy5tocB649o30FVvYgGdPIcMxV09hZwqZP/bQKzHeW5zeLyF2AAbYANsgA2wATbABtgAG2ADbIANDMmAfqM4YbHeca3dkgbqWjJnsYFFrf0kDZS05B5IWSg+RdrUKEsDZ+BTSU6DClgFCQuEJ0hLhbT5ITUX5f9CVXAKtpSHU+DC8u9Xaq76p5C8fyoLd+KWNH8fo/IkWgZHoG2x8Dat/Ip/eqp1QCa2wRw4EJ3bkA8LRD+De9I0LzpXSy/+wy8BBgBIL2OhdJKruAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } material-lib .lib-nav #file.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDdGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDhGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwNUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwNkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFpbfwAAAHaSURBVHja7JnPSkJBFMbHFCPI9BmEKAtqZ/uQMGpVrxAU0aZt+7ZGUFBgj1CrAglp7T4LQhB6gkSM/pG3b/DcGMbrBdOmmTgHfuCcOzN839y5c8CJLBSehBYzYAPkQRqMiuB4A3VQAkVwL/4gRpTfcXAEbsEuyISIF/QsQ33lmBMwZtpATBF/BXIDLMQmmATL4N30GzgYQLwai6BgegvN0uqpUQPrIAkiPUhSn5o2dovmNGZAfrBRJfcAsuACNEPGNqlPlsb4EaU5jRnIa7k90OhjjgaNUSNv0kBay5V/MM+11k6bNBAP2Br9Rktryzm9IfFKNaZANapnHbA1QuuNCwaC6s2lv3NcM9BVb4ZpIPJLhNYbF95AaL1xaQsF1hvXvoGuehML6OQ5ZCju6inkVCH73wZiPc5zm8PjLcQG2AAbYANsgA2wATbABtgAG2ADbGBIBvQbxQmL9Y5r7ZY0UNeSOYsNLGntR2mgpCX3QcpC8SnSpkZZGjgDn0pyGlTAGkhYIDxBWiqkzQ+puSj/F6qCU7CtPJwC55Z/v1Jz1T+F5P1TWbgTN6T5+xiVJ9EKOAZti4W3aeVX/dNTrQMysQPmwKHo3IZ8WCD6GdyRpnnRuVp68R9+CTAAXQ1jaakee6IAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } material-lib .nav-span { display: inline-block; width: 160px; height: 47px; padding: 0 30px; line-height: 47px; cursor: pointer; border-right: 1px solid #eff4f8; text-align: center; color: #97a0b5; float: left; } material-lib .nav-span.active { /* border-bottom: solid 2px #16a0dd; */ background: #ffffff; color: #378eef; } material-lib .nav-newadd { float: right; margin: 12px 30px 0; } material-lib .lib-child { height: 100%; display: block; } material-lib .icon-wrap { position: absolute; display: inline-block; } material-lib .icon-wrap em { display: inline-block; cursor: pointer; } material-lib .icon-wrap .m-edit { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAC1UlEQVRYw83YvWtTURjH8W+lVKho8VEHxbpYqCD4hlI79k0oolhQXNTBQf0D3BzcxUEnRRAHdehU0a3pyyAK7VC7lWInFTtYfzWCldZWHXJTjif3JjfJSeoz5T7n3JNPnufk9KZQx5DUIumxpB1p5m+qJwwYAa4CmTTAhjrDjjvpd0CfmX1Nuq9elfsFZL3cUUpUsKY4Sa2S7prZEnAWGC0HWLO2SmoFZoAtwDMzuyypGXgJ9HjTY1tcE5wHy0fZwOBtjTb/sAcDuCTpejktDoqLYBngQMKUB5KupQUGa6sDO+EN/faK8Ae4YWaPSrU4SOWKwF4D54FlJ9cAPCxRwWagqWpcCVi/mQ0BAwnA+w5wJBqbBbrMbL6qtqaA/XDm9gNDwGZv7lMzuxK1+B5w28zm85+g5rC0QH9+RW2tBBbFKDAVk78oaVvVuEphkpqAQaDTG1oBOszsu39PWW1NeLooB3bOG1oGTprZdNx9qStXA9gs0JYES42TtBcYCwzrNrNPxd63ZFsT/oiHgH0u9d5FcRsJK4qL9tgcsNMbWgTazexLBbCu/AGbJmL3nKR2YDwGBrAdeB6d6DWDJeKAm8CRIvf1AS9cYGgYJLRV0nugzUnNkPuRcsibmokwq6FhsbjoS/DBSa0Bu8k9h2ViKjoKLAFnQsIAGmNyXd71m/zml9QXA+yJWaNqGMTvuW7vejz/wswWyO236SJrBoEl4fzKjbkXEfA0hT+SAb6FgoHXVkn7gX1O6icw4YxvBU4Bd4AWb62VkLACHIUtXQSOSeol185O4vdp/rFnOhQsDtfrXe8B3pZYYw64EBoGzlESHajZhMokxQQwELKVbjQ6sLEUsGw0bxgYMbO5WqDWcRHsFdARM74GTEaYYWDSzFZrCfIr94TCL8ICcAsYNLNs2asGigZJh8md+rui3BS5//Zoo1DrOAAH+PF/gf0Tkg5Kso12uPEXWex95x0rLgkAAAAASUVORK5CYII=) no-repeat; background-size: 18px 18px; } material-lib .icon-wrap .m-move { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0MyOUYwQzg5NzBGMTFFODk5Rjk4QzA0MDA5NDE1N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0MyOUYwQzk5NzBGMTFFODk5Rjk4QzA0MDA5NDE1N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NzRBNUVGRjk3MEMxMUU4OTlGOThDMDQwMDk0MTU3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NzRBNUYwMDk3MEMxMUU4OTlGOThDMDQwMDk0MTU3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkJAejMAAAICSURBVHja7JgxTwIxFMc5QnBREyaJicEvoJMDEheDg3E2fAONi7P6DdwdEImDo8RZGRxMTDAxLjq6iAwILgy46IL/Ju+S54XrnW3fTbzkF3ptD/68tv+71huNRqlgDAYDflkAh2AL5EEPXINj8O53yuVyKZfhRQjbBA0wM+beIaiApoSwtKZtEVyGiEpRfYP6OQ+dsCMwS+U3UCYxZbr2xR1ICNMNZQcsUNU6uGNd1sA9lVW/QpJDOcfKT4G2R1bOS2Qso2nrs4wVwS1rK7FyL2JVx4pgxnUZu2Hlc7ABpunzgrU1I35T2U2VrOWbPqtUbzTH1Gp70axK3zKWQZv/Yxd2o8tYm24cakRVqJ9zu0lHDIP6N0ugFqivUX1Tym68GI8kP3hHTzd5XdjNWGEhQv8I0/kW9VcTPcsy88W6ZKldxQ+Y+s8cs40+KxcDbVq7kRZmZTdWQxlhpMZ2I50xK7uRFKbiGbwGVvZnHLvJCIpaBVdgnq4fwDbo2j7EbWIHnCgboOs62GcWEfk6bjyUIRNf+dMpOCNRyqP2wG5QlFTGwpZyi3nUBw1dy/WLokmU2HxaMRUltSrr9Gzs2nyJ6VB6wjZjvipdbz6SNlixnbjR+1hSGfM3Ex3ypU6czcTk7GJydjE5uxAQZrWZkBTm6uzC+Ryz2kxIZsz27MIqfgUYABTf0X2l4wugAAAAAElFTkSuQmCC) no-repeat; background-size: 18px 18px; } material-lib .icon-wrap .m-delete { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAYAAACSN4jeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAfElEQVRYw+2YQQrAMAgEa+kL/P8b/UJzL4VoUbqHmbMkE1FMYkeCiLgzcVnc3XYxZ+eGnSAG01h3x3UhW2OIwTSvM+vZqZnZViGzvmyNXRMn7si4bMYQQwwxNRBDDDE1EENsmk832N2NtOONIJsxxKqkauyPHyHZjCFWZQFVRRxMMYXZdAAAAABJRU5ErkJggg==) no-repeat; background-size: 18px 18px; } material-lib #lib-content { overflow: hidden; flex: 1; } material-lib .no-data { width: 95px; height: 60px; margin: 120px auto; position: relative; } material-lib .no-data .no-desc { position: absolute; bottom: -25px; text-align: center; width: 100%; color: #999; } material-lib .no-data .no-icon { width: 100%; height: 100%; } material-lib material-lib-text .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNTA5MzNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MzRGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkzMUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkzMkYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsVymC4AAAFKSURBVHja7NdBSsNAAIXhNnQtXkK8QtciHkAvI2RfPE0OULoVBC8Q8RKhca9vYJZSl5nI98PrIll1Ptq029f3j026yV6y++xqoyU7Z6fsOfvc5eU2e8uunU0TlQ/IY3aX7bu8HOA0WTE5dPVrTW320DmDtuvqA0ltdixAfTY5i+YqJn0BGsuvhWzIZueyeHO1KCbjrl4sf4aeVvqGvv+4v137M0iABAiQAAkQIAECJEACBEiAADkCQAIESIAECJAAARIgAQIkQAIESIAACZAAARIgQAIkQIAESIAACRAgARIgQAIESIAECJAACRAgAQIkQAIESIAACZAAARIgAQIkQIAESIAACRAgARIgQAIkQIAECJAACRAgAQIkQAIESID0L4HOF+59AVq+04V7R0DL12fTL9eneg/Qwo3ZPhuyuW6o18a1v7kfAQYALv8iOtkjZ9EAAAAASUVORK5CYII=) no-repeat center center; background-size: 50px 50px; } material-lib material-lib-pic-text .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RjRGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RjVGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVGMkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUI3NTVGM0YyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq28yh8AAARsSURBVHja7J27TxRBHMcXFYhRCK2VrxAjWljiozEqMYqNiX+BiBhp1ELF3mgBlY+o2GqlhVoQhVhpjDYGI0oCqJUkNLyUyxnF3y83JpcLx+55x83MzueTfBMeCzs782F2Zpm5q3n1bnQxgmBZRRUgACAAIAAgACAAIACExJoEx9RQTV6zSA8ACAAIAAgACAAIAAgACAAIACsiQIukTzIiyUS5J1EuJWPK1mfKGjQ1CZaEJX0UvFbSK+mUrPbk+n9LbksuSLIpbeNl23dNhU5SJ3kiOehZ5aio3ZJtkvYUS7Dit4BeDxs/n0PmlsAY4D/YITmTgrroMteShGbJI8mMhTHMjDl3sysCdHh0z4+7HXQkOE5vF28lxyWNFsrZaM791pTFugCHU9QjJrmWq5ImB8raZMpifRag06r6lAiQTXAtM5b+8pdiXtJgexZQX6ZALk2L6hgEQhyDDpXlOQJUnyuSaQfKMW3KggBV5rOkVfJYMmfh/HPm3K2mLNYHgZV6lOzCGMDF8q7o9dIDBA4CIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOSTmn0BLAgpvby6Fv9NZH9puC4J01VBo+VcLz1A6aRqXwAClI5LeyDbyv0FldgXoJsp6srocl1inkFg6UykqD6+JTiGfQEFDKRIgCSNy76AAu5HuVfa8B29hv4Ex7EvYAluSM56LsCtFFyDtWngecmQ513/uRCnNJUSQGcCxyR3JH88un4t603J0SjA1weq5C0gH32ZlVNR7sUWtkhqHbvmH5Kv5q/+nuRjytt4sdoCQIBjAAh8DAAIAAgACAAIAAgACAAIAAgACAAIAAgA6RbA5k6Z0OLcziBXdsqEhjM7g67S+FZwZmfQQdrCGm0uCMCKocAHgYNUozVeuCBAT+TGTpkQB4E9Lghge6dMaDi5MwjchVXBgACAAIAAgACAAIAAgACAAIAACEAVIAAgACBAebAqmFXBLAytMqwKDhxWBQOrgsEBAVgVbA9WBQc+CGRVcICwKhhKglXBgACAAIAAgACAAIAAgACAAJATIO798uqoJm9ZH/P9rAowG3PQFurRWzbGfH9WBRiPOegw9egtcYt1xlWA4ZiDTkpWU5feoW3WEXPMsAoQ96bPOyVd1Kd3nDZttxxD+u/gBvngu2TdcoMFyZHI73cID4lDkmcxA3h9D+UN2gPoAoMHCWYCT01PwNTR7Vldd4LGVx5q22sPoJ9slXyKkr3T94jkrmRAMiH5Rb1bRXvuTWbA1ylpSfAz2mbbdRD4TwDlmuQi9RkE1yWX9IN8AdZKXkt2UT+p5r1kj2QhKrif6xdOSKaoo9QyZdp4IX/QkM+Y5IBkkrpKHZNmnDBWOGos5INkr+kqID3d/r5oiYd+xaZ0OrrfbQaGWerPW7JmwKdtOV5s3liMjOSymS70mwcH4Ac/TZu1mNF+ptiB+bOAOPRfi+2S/WamsDnKbVGupb6tonN63Sb2xXT1L6Pcg6D5JD/8V4ABAAxdBwzlQ0R/AAAAAElFTkSuQmCC) no-repeat center center; background-size: 48px 48px; } material-lib material-lib-pic .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFCOEZGRjVGMjk2MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFCOEZGRjZGMjk2MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVGNkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MUI4RkZGNEYyOTYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtISNBkAAAr8SURBVHja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) no-repeat center center; background-size: 50px 50px; } material-lib material-lib-audio .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAACACAYAAACP+K52AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RUNGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RURGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkzNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkzNkYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PltM030AAAluSURBVHja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) no-repeat center center; background-size: 36px 44px; } material-lib material-lib-file .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RjBGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RjFGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVFRUYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUI3NTVFRkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtMs5KsAAAQwSURBVHja7Jw7TBRRFIZnURCziDZq6bPygWhDQ4NaGKWz0VoSTLSRQrSS0thgY6IBa0i0VIOJSCOxIDGGRIwBtJXY+ARZgvjfcDbRFfZeWGFnZr8v+QvZu5kzc76589gbM8Mj76JA6pQzSovSqOxRtiqborVlVvmifFBeK0PKY+V7BCWzMWDMXuW6cl7JlqFGJ9gOS5PSrvxQ+pSbyiRtXD1VRT6rtQP8VmkrU/OXI2s1jVmNtbTy/wqwT3mpdCo1Ma6/xmp0te6nnf9HgGPKsF3nk4Kr9YVylJaWJoA7iwaUnQncF1fzU2aC1QuwWXmgbE/w/rjaH9q+wAoFuJGwaX85jihdtHZlAribvo7A74zZ2AN2951Z49Tatjps2yFcsX2CQAGuKdWesTnlsnJY6bbHw9l1qHHWttVt276ozHi+U23vLiBAgC3R4kseX/PdW8A7yq8y1uu2fU9ptZqKcc72DTwCnI78L3nclPosRnU/D7hkZW3fwCPACc+YN3bWxY27VlsxTtBivwANnjG9ynwMa5+32orRQIv9AvjulgdiXL+vNp4EAgSo94x5H+P6fbXV0+LiuJ+DfT/25GJcv682t28LKe9hSeslqjgHEk9+vUR+rUS/8lHpCbkEIkA6CV4vgQDpxrteAgEqg2XXSyBA5bDkegkEqCz+WS+BAJXHX+sl0iBApsJT0noJZoDkU9J6CQRIFyteL4EA6SR4vQQCpJeg9RIIkF6C1ksgQLrxrpdAgHTjXS+BAOnGu14CASocBEAAQABAAEAAQACoNEL+m7gFDhMzACAAIAAgACAAIAAgAFTMe4AMhynRLDADAAIAAgACAAIAAgACAAIAAgACIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAKyLADnPmBoOU2Kp83yecwJ89Qzay3FMLLs8n391Akx6Bp3iOCaWk57PJ50Ao55BF5QNHMvE4XrW5hkz6gQY9Aw6pLRzPBNHu/WuGINOgCfKD8/A7oDpBOLDcetZMaZd750A35T+gCeBx8olHh1j/1TnzvxHAU9vfa73meGRd+4f+5UxpTpgI2+UHmVAea/McdzLSlbZbTN0W8C0H1nPDirjG+0PEzZlXA34svvibY57onH9G48KpvOugCcCSD6j1uuoUIAZ5azyiWOUWj5Zj6eXEiB/KXAvfqY4Vqljyno7UXjXWMgrpZnLQeqm/WbrbeQTID8TNCm3uMtPNHPWw6bCM98ngOOn0ml3/b1/Xjcg9rj7ufvWu07r5ZLk3wOE4H5abFValEZlj7It8N0BrO1Z/ln5oLxWhqLFF0HfQ778W4ABADiTrMMp5sJIAAAAAElFTkSuQmCC) no-repeat center center; background-size: 44px 44px; } material-lib .class-wrap { padding: 0 0 20px 30px; } material-lib .class-wrap select { outline: none; min-width: 90px; /*width: 120px;*/ } material-lib .checkbox-label { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0); cursor: pointer; } material-lib .checkbox-label .check-box { position: absolute; top: 10px; right: 10px; } material-lib .checked-tip { margin-left: 20px; } material-lib .delete-tip { text-align: center; } material-lib .list-wrapper { overflow-x: hidden; overflow-y: auto; } material-lib-text { display: block; width: 100%; height: 100%; padding-bottom: 40px; } material-lib-text paginate { bottom: 10px; } material-lib-text .text-list { height: 40px; border-bottom: solid 1px #cccccc; line-height: 40px; padding-left: 45px; position: relative; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } material-lib-text .text-list label { display: block; height: 40px; cursor: pointer; } material-lib-text .text-list .check-box { position: absolute; top: 14px; left: 25px; cursor: pointer; } material-lib-text .text-list .text-title { max-width: 800px; overflow: hidden; text-overflow: ellipsis; display: inline-block; word-break: break-all; white-space: nowrap; } material-lib-text .text-list:hover .icon-wrap { display: block; } material-lib-text .text-list .icon-wrap { right: 30px; display: none; top: 3px; } material-lib-text .text-list .icon-wrap span { padding-right: 15px; } material-lib-text .text-list .icon-wrap em { width: 15px; height: 15px; margin-right: 10px; } material-lib-text .text-list .icon-wrap .m-edit { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAC7klEQVRYw83Yu2sUURTA4d9qiBDR4BMcjE0CEQRfR4kp8xKCKAYUGxWxUP8ASWNvISJYKTYWahFBItpl8yhEIYET04XgVipuYTSuYCQxUYu9q9e7Mzu7mzsbT7VzX/Nxzp3XpqhhiEgjcAvoV9VPcePX1Bg2DFwE0iKyJW5OqsawQ1bza6CnVAZrlbkfQM5pO0BMBhPFiUiTiNxU1XngBDBSCTCxsopIEzANrAcequo5EWkAngFdzvDQEieCc2CFqBjovaxm8w85MICzInK5khJ7xRlYGtgdMeSOiFwqF+itrBbssNP100nCL+CKqt6LK7GXzJWAvQBOAQtWWwq4G5PBBqB+xbgYWK+qDgJ9EcDbFnDY9M0AHaqaXZsw7BtANpvNBEGgJot1FrAtCIJmVX0cBMETYDtwQVWzhQGJwpw5vcAgsM7peqCq593xVZW1GpiJEWAypP2MiGxcMa5amIjUAwNAu9O1CLSp6ld3TkVljXi7qAR20ulaAI6o6lTYvLIzlwBsBmiJgpWNE5GdwKhnWKeqvi913tiyRjzEfcA+xJ27JG41YSVxZo9lgK1O1xzQqqofq4B1FG6w5UTonhORVmAsBAawCXhkHtqJwSJxwFVgf4l5PcBTG+gbBhFlFZE3QIvVNE3+I2WvMzRtMEu+YaE4cxG8tZqWgR3k38PSIRkdAeaB4z5h8PcNwY4O5/hlYfOLSE8IsCtkjRXDIHzPdTrHY4UfqjpLfr9NlVjTCywK52Zu1D4wwGMUfyQDfPEFA6esItIM7LKavgPjVv8G4ChwA2h01lr0CSvCUVzSOeCgiHSTL2c74fu08Noz5QsWhut2jgPgVcwaGeC0bxhYtxJzQ81FZCYqxoE+n6W0o86CjZYBy5lxQ8CwqmaSQP3BGdhzoC2kfxmYMJghYEJVl5IEuZm7T/GFMAtcAwZUNVfxqh5x18nf27aZtkny//Z8Xi1UIVIAIrKP/GPp3f8C+ydEZI+IbF5thx2/ATuBZqd9IJHjAAAAAElFTkSuQmCC) no-repeat; background-size: 15px 15px; } material-lib-text .text-list .icon-wrap .m-move { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAPBJREFUKBV9kssNwjAMhknKAAxQdminQEzAjSNdIxtwRZwREseemIADh6odggUYoAr+UWy5TdJKkZ+f7aQ2q/DVdb333l9hGmNOfd8/OZaTaw4EsCmKwozjiCJbjuUKC4xEgAxomSssMEYNHf9jaxh6qrDlpHDHkuwycd+GCt/oXNCEGYHZMZfOOUvAkfwbki9deBEG2Lbtne58IPBrrT3r4lk4Ae66rntrePK6VVV5HYQeOkYgYtnOAXzQqEkQcflVMPgbhmEyEfvnUjpjiyj4wQn6PDeypXNuiyJCOaQzfKktUrmRKp3pVRfXMyLJ8QN4D2m6N+/VZQAAAABJRU5ErkJggg==) no-repeat; background-size: 15px 15px; } material-lib-text .text-list .icon-wrap .m-delete { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAYAAACSN4jeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAfElEQVRYw+2YQQrAMAgEa+mP/P8TfFNzL4VoUbqHmbMkE1FMYkcCd78zcVkiwnYxZ+eGnSAG01h3x3UhW2OIwTSvM+vZqZnZViGzvmyNXRMn7si4bMYQQwwxNRBDDDE1EENsmk832N2NtOONIJsxxKqkauyPHyHZjCFWZQFsehxM5uChhQAAAABJRU5ErkJggg==) no-repeat; background-size: 15px 15px; } material-lib-text .text-list .icon-wrap.update-time { display: block; } material-lib-pic, material-lib-audio, material-lib-file { display: block; width: 100%; height: 100%; padding-bottom: 40px; padding-right: 30px; } material-lib-pic paginate, material-lib-audio paginate, material-lib-file paginate { bottom: 10px; } material-lib-pic .item-list, material-lib-audio .item-list, material-lib-file .item-list { display: inline-block; padding: 30px 10px 0 20px; width: 130px; float: left; } material-lib-pic .item-list:hover .icon-wrap, material-lib-audio .item-list:hover .icon-wrap, material-lib-file .item-list:hover .icon-wrap { bottom: 0; transition: bottom 0.1s; } material-lib-pic .item-name, material-lib-audio .item-name, material-lib-file .item-name { margin-top: 5px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } material-lib-pic .pos-wrapper, material-lib-audio .pos-wrapper, material-lib-file .pos-wrapper { position: relative; } material-lib-pic .pos-wrapper .checkbox-label .check-box, material-lib-audio .pos-wrapper .checkbox-label .check-box, material-lib-file .pos-wrapper .checkbox-label .check-box { top: -6px; right: -6px; } material-lib-pic .img-wrap, material-lib-audio .img-wrap, material-lib-file .img-wrap { position: relative; height: 100px; width: 100px; overflow: hidden; } material-lib-pic .icon-wrap, material-lib-audio .icon-wrap, material-lib-file .icon-wrap { bottom: -25px; width: 100%; height: 25px; background: rgba(0, 0, 0, 0.5); padding: 4px 0 0 4px; position: absolute; left: 0; text-align: center; } material-lib-pic .icon-wrap em, material-lib-audio .icon-wrap em, material-lib-file .icon-wrap em { display: inline-block; width: 18px; height: 18px; margin-right: 9px; } material-lib-pic .title-icon, material-lib-audio .title-icon, material-lib-file .title-icon { display: block; width: 100%; height: 100%; border: solid 1px #ccc; } material-lib-pic .title-icon.audio, material-lib-audio .title-icon.audio, material-lib-file .title-icon.audio { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABACAMAAABWbGUSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABa1BMVEUAAADFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9kAAADQOeSTAAAAd3RSTlMAAT6JxOj5igJi2yHKQOtGqVkgBgwoqkcn8q4krfMD/HZjqz8cG6Sjw1RTwh8HDSbiI/imbFzLdQ/2PGvMO5y+rJ0r/VhJBSyh7h7tF9EK0Bi/3F3Ji8XIveVDUOcL/qgJ+6c2+tqQLxQxMl7YTK/3TYW21+ZK5JerpnwAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAACT0lEQVRIx+2W61sSQRTGBxBclIyLkGWsKxYVWWnirUgsxZCK1NSsoPJueVds//3OOyvuZWZRn6cPfeB82DnnnR+zM+dhzxnGHObx+lr8gYC/pdXrYY1NCbbpF9YWVBqx7SHdZqF2d/ZGh+6wDq8bezOA+UA4Eo11xiMJI7olZ7tuY/ZOdz3uvos42SVjVey3R7NKWg/2rUrgINbR7JoGrVdkPchZyqmmkEEx3304zT2neh+n7BNgH6lp8YUPSPYJ6kNSH4lwhuTHguontV+E+0n2Cyo290SEYziKoCJJkoTK9SbchJvwP4fxwT4VWfkHi1LwTITlpeBaRab1KuVrgKJB5loYn58XxkEaB9gQPbPsvOQmnHACJRc9K0vOEBum5wj0XiRp1M6OXhRztIVhNjZOwwsK1RG0iayVfYk2kUObeEXO+BhjEzTmMRVPYp1JswGleAOKw8+T95rGN1PkTEMpGM0snYnOzEQzaSMqYGaavKm38IrkzZY4nXQ2zSRnS+/ILfLXvZ8l90OZ7yRnZ3N8D+WPWG7O2BwSos9zWgkumOiC0ejL8wg+1Y+CM+qLxk8V79IyrhDLS17jTjD3GbMT5l9rBfGXr0xi3yqYW4mZShWp0b8XS0609INvKN9pFX+Gubi6tm5V19dWuRwu25fwaBvGqTa3Its7qrqzHdnaNJQNTezHvxZ1qYV+y46i7O6J6N6u2z1J3T84tJKHB/sNr1TVo+OTU4CnJ8dHVXYFcysL/ytcqNVzUStcCtfMzNWuA1cuhc8qdfbPmXPuLxbsSdkrJ9+mAAAAAElFTkSuQmCC) no-repeat center center; background-size: 36px 44px; } material-lib-pic .title-icon.file, material-lib-audio .title-icon.file, material-lib-file .title-icon.file { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAADFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9nFy9kAAACJghn9AAAAH3RSTlMAKo7W+AaU/ZgJu72VK/zaUg6P2BDX+Qzz1JAsDfr0OITgcgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADzSURBVFjD7ZfZDoIwFETL7sJSaEFZtP//l96KqUQoXtoHDek8Tu4cE5mHDiEgzw9CMVEY+B7BK4oTMVNyOKLzJ7Goc4QEpEKjGJfPcrgtaDn1SlqAmWcoQAWnjH+6nIFdoQA1XNK5TcGuUYAGLsu5fQG7QQHk36Xz16S6YgpQXbEAjF2xAsiu6ADfpLpiClBdMQe8umIBGLtiARizOwHYaC+A338FB3AAB3AAB3AAB/gngGZwYCQfmlfd5MFIPnXb5+iquUmey9/uSC9nH6PD1vhA5WM971eGJ0Yp0U9fjMZ5vDi+MXoP9Kxjt63pe9v1MvsAPSSISNqT7QIAAAAASUVORK5CYII=) no-repeat center center; background-size: 44px 44px; } material-lib-pic .img-wrap { border: 1px solid #c5cbd9; display: table-cell; vertical-align: middle; text-align: center; } material-lib-pic-text { width: 100%; height: 100%; padding-bottom: 40px; display: block; } material-lib-pic-text footer paginate .paginate { padding: 0; } material-lib-pic-text .tuwen-wrap { width: 290px; text-align: left; position: relative; border: solid 1px #ccc; border-radius: 4px; float: left; margin: 0 5px 10px 5px; overflow: hidden; } material-lib-pic-text .tuwen-wrap a { color: inherit; } material-lib-pic-text .tuwen-wrap:hover .icon-wrap { bottom: 0; transition: bottom 0.1s; } material-lib-pic-text .tuwen-wrap .icon-wrap { bottom: -25px; width: 100%; height: 25px; background: rgba(0, 0, 0, 0.5); padding: 4px 0 0 110px; } material-lib-pic-text .tuwen-wrap .icon-wrap em { width: 18px; height: 18px; margin-right: 20px; } material-lib-pic-text .tuwen-wrap.be-selected { position: relative; } material-lib-pic-text .tuwen-wrap.be-selected:after { content: ' '; position: absolute; z-index: 555; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; } material-lib-pic-text .tuwen-wrap.be-selected:before { content: ' '; position: absolute; z-index: 999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAjCAYAAADfXvn1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAADoklEQVRYw9WZXYiVRRjHf+csmWh+kGu4RK3KmCgsoVgDGWmrqfgRNiuEimAf5IXajTdr4OWm1Y0gJF0oqSiV7oBfJOqmuRUMiXnRB8qE7kZYZKaGq2SlFzNH1sOe87znnPfsep6rl5n/8/D+5nlnnnlnoMbNOPWucWpDfntmoF+sAqAM8AGwLja9D7Ra7e/ULFiE2gKszuv6EFhjtb9Tc2ARaiuwqoBkF/Ba3UC/aIlQdcA24M0isqcBVTMZi1A7gWWC9BbQUhNgxqlBwG5giSDtARZb7Y898GAR6lNgsSC9ASyy2p+APlbFmPKM1f7fBwBqMNAOzBek14EFVvuvcg3ZPkZnL7AvPg8k1BDgQAKoq8Cc3lDQK2MxUDswLzYdBV6x2vcMANRQ4DAwQ5BeAV6y2p/J78jEQMOAQ8ALef2dwEKr/fV+hBoeoZ4XpH8QMnW2r86McepR4HPg2QIBTgNzrfZX+gFqJHAE0IL0N2CW1f7HQoIssKcIFMA04KRxakyVoUYBHQmgfgVmFoPKga0FuoVgTRHuySpBjY5QUwVpNzDDan9OipmbY43AMWCCoO8ifAI/pwg1JkJNFqQXgGar/cUkcbMAVvsuwgr0g6BvBDqNU5NSgnocOJkA6jwhU4mg7oFFuEsR7ozg0wCcMk5Jn40E1QicAiYK0p8Ic+qXUuLfV6Ct9n8CzcDXgl890GGceq5MqHGETI0XpN8DL8ZBL8my+Q1W+2vAXOC44DsSOGqcai4R6ingS2CsIP0uQv1ezuBl+2q02t8AFgEHBf+hwGHj1MKEUJMImXpCkH5LWKQulwNVECzC3QJaCDvrYjYYaDdOvSpANUWoBiHeN4Rt0l/lQhUFi3C3geXAdiHOIGC3cWplAagpwBfAY0KcTmBenA4VWVYSWO3/I/yKbxGkdcB249R9ByzGqWcIdape8O+IUH9XCgUlnlIZpzYCrQmk6632m4xT0wkb2hGC/ghgrPY304AqGSzCvQO0JZB+TPiVf0TQHQJarPb/pAVVFliEexvYXK5/L7PA0rShygaLcG8AHxHmVjn2CbCiWkcQFY24cWopsAN4qETXncDrcWGqilV8SmWcehn4DHg4ocs24C2r/f/VgkoFLMLNBvYDQwTpVmB17uKgmibWsSRmtT9O2F8WK6yb+wsKUr5tMU5NI9SkUXld71ntk9S/1CyVjOXMan8amEk4bMlZW39DQZXux4xTEwhn7fut9kmKeep2F919I6W8s4JkAAAAAElFTkSuQmCC) no-repeat center center; left: 0; top: 0; width: 100%; height: 100%; } material-lib-pic-text .pt-wrap { border-top: solid 1px #ccc; width: 298px; padding: 3px 9px; position: relative; text-align: left; } material-lib-pic-text .pt-wrap:first-child { border-top: none; } material-lib-pic-text .multiple-pt-fisrt { width: 298px; position: relative; height: 155px; } material-lib-pic-text .multiple-pt-fisrt .i-title { background: rgba(0, 0, 0, 0.5); padding-left: 3px; position: absolute; bottom: 0px; color: #fff; height: 50px; width: 279px; } material-lib-pic-text .multiple-pt { height: 40px; } material-lib-pic-text .multiple-pt img { float: right; } material-lib-pic-text .multiple-pt .i-title { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } material-lib-pic-text .pic-text-paginate { /*top: 95%;*/ right: 2%; bottom: 10px; } reader-statistics { height: 700px !important; display: block; left: 0; margin-top: -70px; width: 100%; background: #fff; } reader-statistics .graph { margin-top: -20px; } reader-statistics .rers-title { padding: 16px 20px; text-align: center; border-bottom: 1px solid #eff4f8; } reader-statistics .rers-title button { position: absolute; top: 16px; left: 20px; } reader-statistics .rers-title h1 { margin: 0; font-size: 16px !important; line-height: 27px; color: #444; font-weight: normal; } reader-statistics .rers-basinfo { width: 100%; padding: 10px 0; background-color: #f9fbfd; border-bottom: 1px solid #eff4f8; } reader-statistics .rers-basinfo > div { width: 600px; margin: 0 auto; } reader-statistics .rers-basinfo > div > p { width: 100%; color: #222; margin: 5px 0; } reader-statistics .rers-basinfo > div > p > span { display: inline-block; text-align: right; width: 120px; } reader-statistics data-chart-graph ul { padding-top: 15px; } app-management .wrapper { padding-bottom: 70px; min-height: 500px; } app-management .management-wrapper { width: 710px; margin: 0 auto; } app-management .management-wrapper .header { height: 50px; } app-management .management-wrapper .header .create-btn { display: inline-block; padding: 4px 15px; line-height: 24px; background-color: #378eef; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; margin-right: 20px; cursor: pointer; } app-management .management-wrapper .header .download-btn { padding-left: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAALBJREFUKBVjYKA20On//x+fmUz4JPHJjQSNLLAA0J303/7/P4a1jEwMwZfzGA8SEmeEKQDRyJr//2U4wMjM4IDNMJBaJuT4AtkEshGkGCSJTRNMPUZ0gDSzsjAYMzIybAPRyM4GGQYHuhP+vzee+F8OLoCHAVIHUg9SwgRMWId//WeI+///P4p/0fWD5CHqGA6D5Bj1p/xX+/eHYRPQAHV0xeh8oPNvMrEw+F3MYbwFANJZVcLcIjynAAAAAElFTkSuQmCC) no-repeat 2px 9px; background-size: 14px; line-height: 32px; } app-management .management-wrapper .header .download-btn:hover { color: #4e9ae1; } app-management .management-wrapper .header .check-doc { padding-left: 20px; background-size: 14px; line-height: 32px; color: #378eef; } app-management .management-wrapper .app-list { padding: 0; } app-management .management-wrapper .app-list li { cursor: auto; margin-bottom: 0; } app-management .management-wrapper .sortList { border: 1px solid #e5e5e5; } app-management .management-wrapper .sortList ul { width: 100%; display: flex; flex-direction: row; } app-management .management-wrapper .sortList ul li { line-height: 60px; text-align: left; position: relative; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } app-management .management-wrapper .sortList ul li select { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat scroll 72px 21px transparent; outline: none; cursor: pointer; border: none; } app-management .management-wrapper .sortList ul li span { position: absolute; left: 10px; top: 18px; color: #97a0b5; font-size: 13px; } app-management .management-wrapper .sortList ul li img { width: 31px; height: 31px; border-radius: 50%; margin-right: 10px; } app-management .management-wrapper .sortList ul li:nth-of-type(1) { /*text-align: left;*/ flex: 2; } app-management .management-wrapper .sortList ul li:nth-of-type(2) { flex: 2; /*text-align: left;*/ } app-management .management-wrapper .sortList ul li:nth-of-type(3) { flex: 2; /*text-align: left;*/ position: relative; } app-management .management-wrapper .sortList ul li:nth-of-type(4) { flex: 1; } app-management .management-wrapper .sortList ul li.center { text-align: center; } app-management .management-wrapper .sortList .list-head { width: 100%; height: 50px; line-height: 50px; background: #E9F2FC; border-bottom: 1px solid #e5e5e5; /*li:nth-of-type(1){ text-align: left; }*/ } app-management .management-wrapper .sortList .list-head li { height: 50px; line-height: 50px; } app-management .management-wrapper .sortList .list-content { width: 100%; /*max-height: 540px;*/ max-height: 480px; overflow-y: auto; } app-management .management-wrapper .sortList .list-content ul { /*padding: 15px 0;*/ } app-management .management-wrapper .sortList .list-content ul li:nth-of-type(4) { cursor: pointer; } app-management .management-wrapper .sortList .list-content ul:nth-of-type(even) { background: #F6F8FB; } app-management .management-wrapper .sortList .list-content .i-icon { font-style: normal; display: inline-block; border: 1px solid orange; height: 18px; width: 18px; line-height: 16px; text-align: center; color: #ffa500; font-size: 12px; border-radius: 2px; cursor: pointer; position: relative; } app-management .management-wrapper .sortList .list-content .i-icon.review-reject-icon { color: #f00; border-color: #f00; } app-management .management-wrapper .sortList .list-content .i-icon .reason { position: absolute; top: 20px; left: 10px; width: 220px; padding: 5px 10px; word-break: break-all; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); z-index: 999; display: none; text-align: left; } app-management .management-wrapper .sortList .list-content .i-icon:hover .reason { display: block; } app-management .management-wrapper .sortList .noData { width: 100%; height: 100%; line-height: 80px; text-align: center; font-size: 16px; color: #a4a4a4; } app-management .management-wrapper .none-header { text-align: center; margin-top: 40px; margin-bottom: 30px; } app-management .management-wrapper .doc-wrapper { width: 450px; height: 140px; padding: 10px 40px; margin: 0 auto 20px; border: 1px solid #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } app-management .management-wrapper .doc-wrapper .doc-left .doc-text { /*margin: 28px 0;*/ } app-management .management-wrapper .doc-wrapper .doc-left .doc-icon { /*margin-top: 20px;*/ height: 36px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAnRJREFUaAXtWjsvBFEUPjNm7YrHVoIovRKFiOg0oqPTbKJQ+hkU1BK9UiGRiI4KlU7QkHjViMZi7S52hzNyuMWccec+rE1mk83M3r3n8Z3vfGcms+uA5mvj1G/M50trj0V/ulCupjTdBeZd2YarubGmPhlfrsymqD2Y/M1DJWcqeYx1k6/0rh4UL6Pi0ncOnagel3dfXjH5mdEM9LY3qLr5tju7rcDmcSn4LMOENgNUeRPJY9aDnT9FkGFCG8B36SycuI7zazv9awDTw2n4DYRjY4oMdHiQG0krc7K0Uwhs5yebATWxdVKGqu9DmCZcG1Pk/O4dNo7KygBEQ9REFBOOzSmiysTKfhGeSlUQJxvHhLO4/ewjYqTL1ItaAP2pgNi7eIOD69fIdKidrIoYBajSTuN9KRjraYTWDJ8ejVgvEqbml9i7KMAvECAtbPfz8jrRnwreYSnQxQ5B8BDDLGOuiQJUYYILJ17srALABGyBIHBWAFDvXt1Xgjg2QVjRwFC3F0yR9cOvmzKqFh3jaoLswo5WGJCZIqY0YYUB2SmCIADUbzmQESsMhFEtrolTRFxXOa8JAJVEOZsEAFeZv1pPGPirSnNx2DEq3hJzxnHWTd6ui3HrvoVYBmxVTKyeifO6ZyABYKINdHzUPQOsiJMxqtMXMWxZBpIxGqOKOlvrXsQJAB36TdgmDJioYlwf9MCsOe2+sWM0rlPV/ToXzLYmZ6vmAFSAY+Ux+Ww2M1tzAAtTLVq/VSciVmkBkzYu9hM6JGWbdM75olgUm9sns+6hGAplyHGPwmWcqO7B2Kq2ZOehkgFKYPLvMuScO4pThNsju/4BCE8SdugrX3sAAAAASUVORK5CYII=) no-repeat center; background-size: 36px; } app-management .management-wrapper .doc-wrapper .doc-left .app-icon { height: 36px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAv1JREFUaAXtWs1qFEEQrll3kw0SvSjx5xg1oCIiEQ9eQm6CFy9CEHwFn8CTL+AzCCII4kXwFr14EEVFVIgmR39CvGiQTLJ/7tdLJ+3YPama7tkeZQua9NZWd9XXX09VJZOk15duj+jppxa9/dym9bRLZcvMVJ2unhsP4iYBgMWPLXq2shVkQ+4moUAoALefbKiTX5ht0rGDe7gxFLL78K1DD16nam0IEDXspK9N2cHD18lDOwe0tNqm+682oS4sCkDh1Z4La0lCviCiArhydpx8QUQFgOvkCyIqANxAXxDRAfiCiAJgsjlwu7zW2U4DRZmob+8wxMmZo3VVOO+9HNQDm+tBdqJdK3YUBuaON+ji9BhpJmwAoOOk2CgM1BKi+RMNNVzB64oNEETuvikKA66gTb1ZsU19ds5mYOV7hx6926KfG/Zudd9EjS6fHqPpAzutgna2ut6lxaWW+jg/06CpyXDnxt4pL3hEBmCwycqXH1268zyl5bW2GphDF0rYDOiTv3lpr9X3rce//mIHgd59kVLa6tGpwwNX77+2le7a+SYd2c8+P6tPKP13cGyNa2MGj5YBA0AACN/BxldKA4A7r08egfcTjxomCP1c+IAoDYBPUJK1pQFAtmk2EsKdf/hmk/q/dquBOXT4Dja+wn6IpY6QKvGg4q4jYC06eHwXIp2yASDPIxMh27gENqYgy2RB4ORDZSD4+tOj6T0zR5HKBmia6EJm6jAHiOsX8MeCuhqYh0if2g+bAVTYG3MTep3oJ67Kwqy7nxFtljFmM5BZV5mPbAakvZDU3nYirqpv2rIZkPZCUnszKMmczYC0F5LaS4I2bdkMmIuqNB8BiM1GpRlA1c+r/Di8SgPgsMvOQtJeSGrPCdZmw2ZA2gtJ7W3BcXRsBqS9kNSeE6zNhs2AbXEVdGwGygp2tywDv3k2IwZ8mcnrOPXJ59n88wyMAPheId/1/wcD+k2J+c7K92SGtV7VAc47q2EElJdtXP4VALyzggzr321cwRTR/wZMHlzS1CKHFgAAAABJRU5ErkJggg==) no-repeat center; background-size: 36px; } app-management .management-wrapper .doc-wrapper .doc-right .tip-text { margin: 20px 0 23px; } app-management .management-wrapper .doc-wrapper .doc-right .text-center { text-align: center; } app-management .management-wrapper .doc-wrapper .doc-right .download-doc { padding: 0 10px; display: inline-block; height: 28px; line-height: 28px; } app-provider { height: 100%; display: block; overflow-y: auto; overflow-x: hidden; position: relative; display: flex; } app-provider .setting-content { flex: 1; padding-top: 30px; } app-provider .app-message-nav { width: 100%; /*margin: auto;*/ padding: 20px; /*position: absolute; top: 6px; left: 50%;*/ /*transform:translateX(-50%);*/ text-align: center; } app-provider .app-message-nav .message-nav { /* padding: 5px; */ /*width: 75px;*/ width: 146px; height: 44px; line-height: 44px; display: inline-block; border: solid 1px #cccccc; text-align: center; border-right: none; cursor: pointer; background-color: #eff4f8; } app-provider .app-message-nav .message-nav:last-child { border-right: solid 1px #cccccc; } app-provider .app-message-nav .message-nav.active { /* background: #cccccc; color: #ffffff; */ background: #ffffff; color: #378eef; } app-provider .app-message-nav .message-nav-first { border-radius: 4px 0px 0px 4px; } app-provider .app-message-nav .message-nav-last { border-radius: 0px 4px 4px 0px; } apply-publish, apply-online { display: block; width: 100%; overflow-x: hidden; overflow-y: auto; background-color: #fff; } apply-publish .head-wrapper, apply-online .head-wrapper { width: 100%; margin: 0 auto; padding: 30px; /*height: 30px;*/ /*line-height: 105px;*/ text-align: center; position: relative; font-size: 17px; color: #3d424c; } apply-publish .head-wrapper .header-title, apply-online .head-wrapper .header-title { font-size: 24px; } apply-publish .head-wrapper .backBtn, apply-online .head-wrapper .backBtn { font-size: 14px; position: absolute; top: 34px; left: 60px; } apply-publish .head-wrapper .ft-size, apply-online .head-wrapper .ft-size { font-size: 15px; /*margin-top: 4px;*/ position: absolute; top: 33px; right: 60px; /*margin-right: 30px;*/ } apply-publish submit-apply, apply-online submit-apply { text-align: center; } apply-publish .btn-wrapper, apply-online .btn-wrapper { text-align: center; margin: 30px 0; } apply-publish .btn-wrapper .btn, apply-online .btn-wrapper .btn { padding: 0 5px; } apply-publish .btn-wrapper.submit-btn, apply-online .btn-wrapper.submit-btn { margin-top: 60px; } apply-publish .btn-wrapper.submit-btn .btn, apply-online .btn-wrapper.submit-btn .btn { margin: 0 auto; } apply-publish .upload-file, apply-online .upload-file { display: inline-block; padding-top: 60px; text-align: center; overflow: hidden; } apply-publish .upload-file .title-tip, apply-online .upload-file .title-tip { display: inline-block; height: 100%; color: #97a0b5; margin-right: 10px; } apply-publish .upload-file .add-file, apply-online .upload-file .add-file { position: relative; overflow: hidden; border: 1px dashed #c5cbd9; display: inline-block; width: 120px; height: 120px; text-align: center; } apply-publish .upload-file .add-file .upload-input, apply-online .upload-file .add-file .upload-input { width: 100%; height: 100%; max-height: unset; } apply-publish .upload-file .add-file .image-icon, apply-online .upload-file .add-file .image-icon, apply-publish .upload-file .add-file .waiting-icon, apply-online .upload-file .add-file .waiting-icon { display: block; width: 40px; height: 40px; margin: 30px auto 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTc2NEE4RUZGNzM4MTFFNjk3RjhGREJGMzVDRTYxMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTc2NEE4RjBGNzM4MTFFNjk3RjhGREJGMzVDRTYxMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzY0QThFREY3MzgxMUU2OTdGOEZEQkYzNUNFNjEwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzY0QThFRUY3MzgxMUU2OTdGOEZEQkYzNUNFNjEwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgJ+NzUAAAFlSURBVHja7NvBSQNBFIDhXfEokiaCJZizLCnATnITcg+etBItIKQAS4hYhInxHmd0FjTEHY1CBv1+eGCYy/qxZBXe1uv1uiqlwfWi/bEf5jJMkz7PwlyEeYgf7ka9Yq75sCqvk2gU5r3SeZizaBzmvqSLPSgQcLKB19ZLZxXA7pqOsyHAfMcdZ0cA/1gAAQIECFAAAQIEKIAAAQIUQIAAAQogQIAABRAgQIACCBAgQG2tPr16LO2acjvHdYl3YNxJvgmzTL/APucrwPucZbLqt3fgtp1k5Ysb8YN4B07g7dTrznYEbFjs3NBT+BceIjMMOzeNgOP0hajvP0TGEXBevb0BdBtmxSXbKllFs7k/pH/6n0iBLxtmAUt62dBTGCBAgAAFECBAgAIIECBAAQQIEKAAAgQIUAABAgQogAABAhTA/wL41HH2DDBf1872FGC+z3a2F+kMYKbNne0PO8mlXeyLAAMAIFR4jRjBjecAAAAASUVORK5CYII=) no-repeat center; background-size: 100%; } apply-publish .upload-file .add-file .waiting-icon, apply-online .upload-file .add-file .waiting-icon { background: url(data:image/png;base64,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) no-repeat center; background-size: 100%; animation: rotate 1.5s linear infinite; } apply-publish .upload-file .add-file span, apply-online .upload-file .add-file span { display: inline-block; color: #aaa; } apply-publish .upload-file .add-file span.importing, apply-online .upload-file .add-file span.importing { width: 60px; } apply-publish .upload-file .add-file span.importing::after, apply-online .upload-file .add-file span.importing::after { display: block; content: '导入中'; animation: importing 1.5s linear infinite; } apply-publish .upload-file .info-file, apply-online .upload-file .info-file { display: inline-block; width: 120px; height: 120px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAAC1RNWpAAAAH3RSTlMAKo7W+AaU/ZgJu72VK/zaUg6P2BDX+Qzz1JAsDfr0OITgcgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADzSURBVFjD7ZfZDoIwFETL7sJSaEFZtP//l96KqUQoXtoHDek8Tu4cE5mHDiEgzw9CMVEY+B7BK4oTMVNyOKLzJ7Goc4QEpEKjGJfPcrgtaDn1SlqAmWcoQAWnjH+6nIFdoQA1XNK5TcGuUYAGLsu5fQG7QQHk36Xz16S6YgpQXbEAjF2xAsiu6ADfpLpiClBdMQe8umIBGLtiARizOwHYaC+A338FB3AAB3AAB3AAB/gngGZwYCQfmlfd5MFIPnXb5+iquUmey9/uSC9nH6PD1vhA5WM971eGJ0Yp0U9fjMZ5vDi+MXoP9Kxjt63pe9v1MvsAPSSISNqT7QIAAAAASUVORK5CYII=) no-repeat center; border: 1px solid #ccc; } apply-publish .upload-file .info, apply-online .upload-file .info { width: 365px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-left: 10px; margin-top: 80px; } apply-publish .upload-file .info .tip, apply-online .upload-file .info .tip { color: #97a0b5; } apply-publish .upload-file .info .txt-align, apply-online .upload-file .info .txt-align { text-align: left; } apply-publish .upload-file .info a, apply-online .upload-file .info a { margin-left: 10px; } apply-publish .upload-file .info span:last-child, apply-online .upload-file .info span:last-child { margin-left: 20px; } .nav-wrapper { display: flex; height: 46px; /*margin-top: 46px;*/ width: 312px; margin: 0 auto 30px; border: 1px solid #c5cbd9; /*.white-triangle { position: absolute; z-index: 1; top: 8px; right: -21px; width: 42px; height: 42px; transform: rotate(45deg); border-top: 1px solid #cbcbd9; border-right: 1px solid #cbcbd9; background-color: #fff; }*/ } .nav-wrapper .blue-triangle { position: absolute; z-index: 1; top: 0; right: -30px; width: 0; height: 0; border-width: 22px 0 22px 30px; border-style: solid; border-color: transparent transparent transparent #4c8be4; } .nav-wrapper .white-triangle { position: absolute; z-index: 1; top: 0; right: -30px; width: 0; height: 0; border-width: 23px 0 23px 30px; border-style: solid; border-color: transparent transparent transparent #fff; } .nav-wrapper .nav-components { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 155px; height: 46px; } .nav-wrapper .nav-components:first-child .nav-content { position: relative; left: 0; width: 155px; } .nav-wrapper .nav-current { background-color: #4c8be4; } .nav-wrapper .nav-current .nav-num { color: #4c8be4; background: #fff; } .nav-wrapper .nav-current .nav-title { color: #fff; } .nav-wrapper .nav-num { font-size: 12px; position: relative; top: 1px; display: inline-flex; justify-content: center; align-items: center; width: 12px; height: 12px; color: #fff; border-radius: 50%; background-color: #000; } .nav-wrapper .nav-title { font-size: 14px; display: inline-block; margin-left: 12px; color: #3d424c; } .nav-wrapper .nav-content { position: relative; z-index: 9; left: 15px; display: flex; justify-content: center; align-items: center; width: 125px; height: 100%; } create-trd-app .config-wrapper { padding-top: 40px; } create-trd-app #appName { width: 360px; } create-trd-app #categoryId { width: 120px; outline: none; } create-trd-app .config-name { margin-bottom: 40px !important; } create-trd-app .config-name .check-wrapper { margin-bottom: 10px; } create-trd-app .config-name .check-wrapper .check-label { display: inline-block; width: 85px; cursor: pointer; } create-trd-app .config-name .check-wrapper .scan { color: #378eef; cursor: pointer; } create-trd-app .config-name .mask-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 1000; } create-trd-app .config-name .mask-wrapper .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } create-trd-app .config-name .mask-wrapper .img-wrapper { width: 800px; height: 500px; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -250px; padding: 10px; background-color: #fff; } create-trd-app .config-name .mask-wrapper .img-wrapper > div { margin-left: 40px; } create-trd-app .config-name .mask-wrapper .img-wrapper > div span { display: block; width: 100%; text-align: center; color: #3d424c; font-size: 17px; font-weight: bold; margin: 30px auto; } create-trd-app .config-name .mask-wrapper .img-wrapper img { border: 1px solid #ccc; } create-trd-app .config-name .mask-wrapper .img-wrapper img.bigPic { width: 448px; height: 334px; } create-trd-app .config-name .mask-wrapper .img-wrapper img.smallPic { width: 188px; height: 334px; } create-trd-app .config-name .mask-wrapper .close-mark { position: absolute; right: -50px; top: -50px; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABMElEQVRYw83ZbWrDMAyAYbErNKMX2Oh2oCUtO393h47Aux91IAt14w9Zsn7KwjxgC4MsIiLAEbgAn9JJAB/BdFwSB+CHe/wCYwfIMVgItoMAX/yP2RMbkPPGNArwBtx6wEaQN+B9KTg/KDDFRpAzMG0L3bDJSE9sNtIDW4y0xFYjLbBqyJZYdWQLbDOkJrY5UgNrhqzBmiNLsG7IHKw7MgXbDTIB2w9yB9sXcoWdIlg15IuWtXDNLiKNk/0oeCBjzeSDjdzLOeSnLrDPkAk1NtgUpDs2B+mGLUGaY2uQZlgNZHOsJrIZtgVSHftko3MtUg1rgazGWiKLsR7IbKwnMhlLfDRuhtzB3kfjPP5sMEfuYEcBBuC60rshN9jllK/AsCwMwDdw8kausKdgehUR+QN/8sykW52BfwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; cursor: pointer; } .apply-con .info-nav h4, trd-config-info .info-nav h4, backend-config .info-nav h4, trd-group-config-info .info-nav h4, provider-info .info-nav h4, trd-app-info .info-nav h4, callback-config .info-nav h4, dev-info .info-nav h4, size-config .info-nav h4, online-manage .info-nav h4, publish-manage .info-nav h4, slash-cmd .info-nav h4 { width: 788px; margin: 0 auto; font-size: 16px; } .apply-con .info-nav h4 a:focus, trd-config-info .info-nav h4 a:focus, backend-config .info-nav h4 a:focus, trd-group-config-info .info-nav h4 a:focus, provider-info .info-nav h4 a:focus, trd-app-info .info-nav h4 a:focus, callback-config .info-nav h4 a:focus, dev-info .info-nav h4 a:focus, size-config .info-nav h4 a:focus, online-manage .info-nav h4 a:focus, publish-manage .info-nav h4 a:focus, slash-cmd .info-nav h4 a:focus { outline: none; } .apply-con .info-nav .modify.unabled, trd-config-info .info-nav .modify.unabled, backend-config .info-nav .modify.unabled, trd-group-config-info .info-nav .modify.unabled, provider-info .info-nav .modify.unabled, trd-app-info .info-nav .modify.unabled, callback-config .info-nav .modify.unabled, dev-info .info-nav .modify.unabled, size-config .info-nav .modify.unabled, online-manage .info-nav .modify.unabled, publish-manage .info-nav .modify.unabled, slash-cmd .info-nav .modify.unabled, .apply-con .info-nav .save.unabled, trd-config-info .info-nav .save.unabled, backend-config .info-nav .save.unabled, trd-group-config-info .info-nav .save.unabled, provider-info .info-nav .save.unabled, trd-app-info .info-nav .save.unabled, callback-config .info-nav .save.unabled, dev-info .info-nav .save.unabled, size-config .info-nav .save.unabled, online-manage .info-nav .save.unabled, publish-manage .info-nav .save.unabled, slash-cmd .info-nav .save.unabled { color: #97a0b5; cursor: default; } .apply-con ul.mode-wrapper, trd-config-info ul.mode-wrapper, backend-config ul.mode-wrapper, trd-group-config-info ul.mode-wrapper, provider-info ul.mode-wrapper, trd-app-info ul.mode-wrapper, callback-config ul.mode-wrapper, dev-info ul.mode-wrapper, size-config ul.mode-wrapper, online-manage ul.mode-wrapper, publish-manage ul.mode-wrapper, slash-cmd ul.mode-wrapper { padding: 40px 0; width: 600px; margin: 0 auto; } .apply-con ul.mode-wrapper > li, trd-config-info ul.mode-wrapper > li, backend-config ul.mode-wrapper > li, trd-group-config-info ul.mode-wrapper > li, provider-info ul.mode-wrapper > li, trd-app-info ul.mode-wrapper > li, callback-config ul.mode-wrapper > li, dev-info ul.mode-wrapper > li, size-config ul.mode-wrapper > li, online-manage ul.mode-wrapper > li, publish-manage ul.mode-wrapper > li, slash-cmd ul.mode-wrapper > li { margin-bottom: 20px; } .apply-con ul.mode-wrapper > li div.col-name, trd-config-info ul.mode-wrapper > li div.col-name, backend-config ul.mode-wrapper > li div.col-name, trd-group-config-info ul.mode-wrapper > li div.col-name, provider-info ul.mode-wrapper > li div.col-name, trd-app-info ul.mode-wrapper > li div.col-name, callback-config ul.mode-wrapper > li div.col-name, dev-info ul.mode-wrapper > li div.col-name, size-config ul.mode-wrapper > li div.col-name, online-manage ul.mode-wrapper > li div.col-name, publish-manage ul.mode-wrapper > li div.col-name, slash-cmd ul.mode-wrapper > li div.col-name { position: relative; width: 150px; height: 20px; } .apply-con ul.mode-wrapper > li div.col-name b.red, trd-config-info ul.mode-wrapper > li div.col-name b.red, backend-config ul.mode-wrapper > li div.col-name b.red, trd-group-config-info ul.mode-wrapper > li div.col-name b.red, provider-info ul.mode-wrapper > li div.col-name b.red, trd-app-info ul.mode-wrapper > li div.col-name b.red, callback-config ul.mode-wrapper > li div.col-name b.red, dev-info ul.mode-wrapper > li div.col-name b.red, size-config ul.mode-wrapper > li div.col-name b.red, online-manage ul.mode-wrapper > li div.col-name b.red, publish-manage ul.mode-wrapper > li div.col-name b.red, slash-cmd ul.mode-wrapper > li div.col-name b.red { font-weight: normal; color: red; margin-right: 5px; } .apply-con ul.mode-wrapper > li div.col-name span, trd-config-info ul.mode-wrapper > li div.col-name span, backend-config ul.mode-wrapper > li div.col-name span, trd-group-config-info ul.mode-wrapper > li div.col-name span, provider-info ul.mode-wrapper > li div.col-name span, trd-app-info ul.mode-wrapper > li div.col-name span, callback-config ul.mode-wrapper > li div.col-name span, dev-info ul.mode-wrapper > li div.col-name span, size-config ul.mode-wrapper > li div.col-name span, online-manage ul.mode-wrapper > li div.col-name span, publish-manage ul.mode-wrapper > li div.col-name span, slash-cmd ul.mode-wrapper > li div.col-name span { position: absolute; left: 0; right: 0; text-align: right; height: 20px; line-height: 20px; font-size: 13px; color: #97a0b5; } .apply-con ul.mode-wrapper > li div.col-content, trd-config-info ul.mode-wrapper > li div.col-content, backend-config ul.mode-wrapper > li div.col-content, trd-group-config-info ul.mode-wrapper > li div.col-content, provider-info ul.mode-wrapper > li div.col-content, trd-app-info ul.mode-wrapper > li div.col-content, callback-config ul.mode-wrapper > li div.col-content, dev-info ul.mode-wrapper > li div.col-content, size-config ul.mode-wrapper > li div.col-content, online-manage ul.mode-wrapper > li div.col-content, publish-manage ul.mode-wrapper > li div.col-content, slash-cmd ul.mode-wrapper > li div.col-content { margin-left: 20px; width: 400px; word-break: break-all; } .apply-con ul.mode-wrapper > li div.col-content textarea, trd-config-info ul.mode-wrapper > li div.col-content textarea, backend-config ul.mode-wrapper > li div.col-content textarea, trd-group-config-info ul.mode-wrapper > li div.col-content textarea, provider-info ul.mode-wrapper > li div.col-content textarea, trd-app-info ul.mode-wrapper > li div.col-content textarea, callback-config ul.mode-wrapper > li div.col-content textarea, dev-info ul.mode-wrapper > li div.col-content textarea, size-config ul.mode-wrapper > li div.col-content textarea, online-manage ul.mode-wrapper > li div.col-content textarea, publish-manage ul.mode-wrapper > li div.col-content textarea, slash-cmd ul.mode-wrapper > li div.col-content textarea { height: 100px; resize: none; float: left; width: 300px; } .apply-con ul.mode-wrapper > li div.col-content label, trd-config-info ul.mode-wrapper > li div.col-content label, backend-config ul.mode-wrapper > li div.col-content label, trd-group-config-info ul.mode-wrapper > li div.col-content label, provider-info ul.mode-wrapper > li div.col-content label, trd-app-info ul.mode-wrapper > li div.col-content label, callback-config ul.mode-wrapper > li div.col-content label, dev-info ul.mode-wrapper > li div.col-content label, size-config ul.mode-wrapper > li div.col-content label, online-manage ul.mode-wrapper > li div.col-content label, publish-manage ul.mode-wrapper > li div.col-content label, slash-cmd ul.mode-wrapper > li div.col-content label { cursor: pointer; } .apply-con ul.mode-wrapper > li div.col-content label input, trd-config-info ul.mode-wrapper > li div.col-content label input, backend-config ul.mode-wrapper > li div.col-content label input, trd-group-config-info ul.mode-wrapper > li div.col-content label input, provider-info ul.mode-wrapper > li div.col-content label input, trd-app-info ul.mode-wrapper > li div.col-content label input, callback-config ul.mode-wrapper > li div.col-content label input, dev-info ul.mode-wrapper > li div.col-content label input, size-config ul.mode-wrapper > li div.col-content label input, online-manage ul.mode-wrapper > li div.col-content label input, publish-manage ul.mode-wrapper > li div.col-content label input, slash-cmd ul.mode-wrapper > li div.col-content label input { top: 0; } .apply-con ul.mode-wrapper > li div.col-content label:last-child, trd-config-info ul.mode-wrapper > li div.col-content label:last-child, backend-config ul.mode-wrapper > li div.col-content label:last-child, trd-group-config-info ul.mode-wrapper > li div.col-content label:last-child, provider-info ul.mode-wrapper > li div.col-content label:last-child, trd-app-info ul.mode-wrapper > li div.col-content label:last-child, callback-config ul.mode-wrapper > li div.col-content label:last-child, dev-info ul.mode-wrapper > li div.col-content label:last-child, size-config ul.mode-wrapper > li div.col-content label:last-child, online-manage ul.mode-wrapper > li div.col-content label:last-child, publish-manage ul.mode-wrapper > li div.col-content label:last-child, slash-cmd ul.mode-wrapper > li div.col-content label:last-child { margin-left: 20px; } .apply-con ul.mode-wrapper > li div.col-content input, trd-config-info ul.mode-wrapper > li div.col-content input, backend-config ul.mode-wrapper > li div.col-content input, trd-group-config-info ul.mode-wrapper > li div.col-content input, provider-info ul.mode-wrapper > li div.col-content input, trd-app-info ul.mode-wrapper > li div.col-content input, callback-config ul.mode-wrapper > li div.col-content input, dev-info ul.mode-wrapper > li div.col-content input, size-config ul.mode-wrapper > li div.col-content input, online-manage ul.mode-wrapper > li div.col-content input, publish-manage ul.mode-wrapper > li div.col-content input, slash-cmd ul.mode-wrapper > li div.col-content input, .apply-con ul.mode-wrapper > li div.col-content select, trd-config-info ul.mode-wrapper > li div.col-content select, backend-config ul.mode-wrapper > li div.col-content select, trd-group-config-info ul.mode-wrapper > li div.col-content select, provider-info ul.mode-wrapper > li div.col-content select, trd-app-info ul.mode-wrapper > li div.col-content select, callback-config ul.mode-wrapper > li div.col-content select, dev-info ul.mode-wrapper > li div.col-content select, size-config ul.mode-wrapper > li div.col-content select, online-manage ul.mode-wrapper > li div.col-content select, publish-manage ul.mode-wrapper > li div.col-content select, slash-cmd ul.mode-wrapper > li div.col-content select { position: relative; top: -5px; } .apply-con ul.mode-wrapper > li div.col-content input[type='text'], trd-config-info ul.mode-wrapper > li div.col-content input[type='text'], backend-config ul.mode-wrapper > li div.col-content input[type='text'], trd-group-config-info ul.mode-wrapper > li div.col-content input[type='text'], provider-info ul.mode-wrapper > li div.col-content input[type='text'], trd-app-info ul.mode-wrapper > li div.col-content input[type='text'], callback-config ul.mode-wrapper > li div.col-content input[type='text'], dev-info ul.mode-wrapper > li div.col-content input[type='text'], size-config ul.mode-wrapper > li div.col-content input[type='text'], online-manage ul.mode-wrapper > li div.col-content input[type='text'], publish-manage ul.mode-wrapper > li div.col-content input[type='text'], slash-cmd ul.mode-wrapper > li div.col-content input[type='text'] { width: 300px; display: inline-block; } .apply-con ul.mode-wrapper > li div.col-content span.valid-error, trd-config-info ul.mode-wrapper > li div.col-content span.valid-error, backend-config ul.mode-wrapper > li div.col-content span.valid-error, trd-group-config-info ul.mode-wrapper > li div.col-content span.valid-error, provider-info ul.mode-wrapper > li div.col-content span.valid-error, trd-app-info ul.mode-wrapper > li div.col-content span.valid-error, callback-config ul.mode-wrapper > li div.col-content span.valid-error, dev-info ul.mode-wrapper > li div.col-content span.valid-error, size-config ul.mode-wrapper > li div.col-content span.valid-error, online-manage ul.mode-wrapper > li div.col-content span.valid-error, publish-manage ul.mode-wrapper > li div.col-content span.valid-error, slash-cmd ul.mode-wrapper > li div.col-content span.valid-error { display: inline-block; position: relative; top: -5px; width: 20px; white-space: nowrap; } .apply-con ul.mode-wrapper > li div.col-content img, trd-config-info ul.mode-wrapper > li div.col-content img, backend-config ul.mode-wrapper > li div.col-content img, trd-group-config-info ul.mode-wrapper > li div.col-content img, provider-info ul.mode-wrapper > li div.col-content img, trd-app-info ul.mode-wrapper > li div.col-content img, callback-config ul.mode-wrapper > li div.col-content img, dev-info ul.mode-wrapper > li div.col-content img, size-config ul.mode-wrapper > li div.col-content img, online-manage ul.mode-wrapper > li div.col-content img, publish-manage ul.mode-wrapper > li div.col-content img, slash-cmd ul.mode-wrapper > li div.col-content img { width: 60px; height: 60px; } .apply-con ul.mode-wrapper > li div.col-content span, trd-config-info ul.mode-wrapper > li div.col-content span, backend-config ul.mode-wrapper > li div.col-content span, trd-group-config-info ul.mode-wrapper > li div.col-content span, provider-info ul.mode-wrapper > li div.col-content span, trd-app-info ul.mode-wrapper > li div.col-content span, callback-config ul.mode-wrapper > li div.col-content span, dev-info ul.mode-wrapper > li div.col-content span, size-config ul.mode-wrapper > li div.col-content span, online-manage ul.mode-wrapper > li div.col-content span, publish-manage ul.mode-wrapper > li div.col-content span, slash-cmd ul.mode-wrapper > li div.col-content span { color: #3d424c; font-size: 13px; width: 590px; } .apply-con ul.mode-wrapper > li div.col-content span span, trd-config-info ul.mode-wrapper > li div.col-content span span, backend-config ul.mode-wrapper > li div.col-content span span, trd-group-config-info ul.mode-wrapper > li div.col-content span span, provider-info ul.mode-wrapper > li div.col-content span span, trd-app-info ul.mode-wrapper > li div.col-content span span, callback-config ul.mode-wrapper > li div.col-content span span, dev-info ul.mode-wrapper > li div.col-content span span, size-config ul.mode-wrapper > li div.col-content span span, online-manage ul.mode-wrapper > li div.col-content span span, publish-manage ul.mode-wrapper > li div.col-content span span, slash-cmd ul.mode-wrapper > li div.col-content span span { display: block; width: 100%; } .apply-con ul.mode-wrapper > li div.col-content .web-url, trd-config-info ul.mode-wrapper > li div.col-content .web-url, backend-config ul.mode-wrapper > li div.col-content .web-url, trd-group-config-info ul.mode-wrapper > li div.col-content .web-url, provider-info ul.mode-wrapper > li div.col-content .web-url, trd-app-info ul.mode-wrapper > li div.col-content .web-url, callback-config ul.mode-wrapper > li div.col-content .web-url, dev-info ul.mode-wrapper > li div.col-content .web-url, size-config ul.mode-wrapper > li div.col-content .web-url, online-manage ul.mode-wrapper > li div.col-content .web-url, publish-manage ul.mode-wrapper > li div.col-content .web-url, slash-cmd ul.mode-wrapper > li div.col-content .web-url { display: block; width: 600px; text-align: left !important; font-size: 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .apply-con ul.mode-wrapper > li div.col-content div.upload-wrap, trd-config-info ul.mode-wrapper > li div.col-content div.upload-wrap, backend-config ul.mode-wrapper > li div.col-content div.upload-wrap, trd-group-config-info ul.mode-wrapper > li div.col-content div.upload-wrap, provider-info ul.mode-wrapper > li div.col-content div.upload-wrap, trd-app-info ul.mode-wrapper > li div.col-content div.upload-wrap, callback-config ul.mode-wrapper > li div.col-content div.upload-wrap, dev-info ul.mode-wrapper > li div.col-content div.upload-wrap, size-config ul.mode-wrapper > li div.col-content div.upload-wrap, online-manage ul.mode-wrapper > li div.col-content div.upload-wrap, publish-manage ul.mode-wrapper > li div.col-content div.upload-wrap, slash-cmd ul.mode-wrapper > li div.col-content div.upload-wrap { width: 200px; margin-left: 5px; } .apply-con ul.mode-wrapper > li div.col-content div.upload-wrap span, trd-config-info ul.mode-wrapper > li div.col-content div.upload-wrap span, backend-config ul.mode-wrapper > li div.col-content div.upload-wrap span, trd-group-config-info ul.mode-wrapper > li div.col-content div.upload-wrap span, provider-info ul.mode-wrapper > li div.col-content div.upload-wrap span, trd-app-info ul.mode-wrapper > li div.col-content div.upload-wrap span, callback-config ul.mode-wrapper > li div.col-content div.upload-wrap span, dev-info ul.mode-wrapper > li div.col-content div.upload-wrap span, size-config ul.mode-wrapper > li div.col-content div.upload-wrap span, online-manage ul.mode-wrapper > li div.col-content div.upload-wrap span, publish-manage ul.mode-wrapper > li div.col-content div.upload-wrap span, slash-cmd ul.mode-wrapper > li div.col-content div.upload-wrap span { display: inline-block; width: 300px; } .apply-con ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, trd-config-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, backend-config ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, trd-group-config-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, provider-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, trd-app-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, callback-config ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, dev-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, size-config ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, online-manage ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, publish-manage ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn, slash-cmd ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn { width: 90px; position: relative; top: 5px; } .apply-con ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, trd-config-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, backend-config ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, trd-group-config-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, provider-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, trd-app-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, callback-config ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, dev-info ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, size-config ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, online-manage ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, publish-manage ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input, slash-cmd ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input { position: absolute; left: 0; top: 0; } .apply-con ul.mode-wrapper > li div.col-content-logo, trd-config-info ul.mode-wrapper > li div.col-content-logo, backend-config ul.mode-wrapper > li div.col-content-logo, trd-group-config-info ul.mode-wrapper > li div.col-content-logo, provider-info ul.mode-wrapper > li div.col-content-logo, trd-app-info ul.mode-wrapper > li div.col-content-logo, callback-config ul.mode-wrapper > li div.col-content-logo, dev-info ul.mode-wrapper > li div.col-content-logo, size-config ul.mode-wrapper > li div.col-content-logo, online-manage ul.mode-wrapper > li div.col-content-logo, publish-manage ul.mode-wrapper > li div.col-content-logo, slash-cmd ul.mode-wrapper > li div.col-content-logo { height: inherit; } .apply-con ul.mode-wrapper > li div.col-content-logo img, trd-config-info ul.mode-wrapper > li div.col-content-logo img, backend-config ul.mode-wrapper > li div.col-content-logo img, trd-group-config-info ul.mode-wrapper > li div.col-content-logo img, provider-info ul.mode-wrapper > li div.col-content-logo img, trd-app-info ul.mode-wrapper > li div.col-content-logo img, callback-config ul.mode-wrapper > li div.col-content-logo img, dev-info ul.mode-wrapper > li div.col-content-logo img, size-config ul.mode-wrapper > li div.col-content-logo img, online-manage ul.mode-wrapper > li div.col-content-logo img, publish-manage ul.mode-wrapper > li div.col-content-logo img, slash-cmd ul.mode-wrapper > li div.col-content-logo img { display: inline-block; } .apply-con ul.mode-wrapper > li:last-child, trd-config-info ul.mode-wrapper > li:last-child, backend-config ul.mode-wrapper > li:last-child, trd-group-config-info ul.mode-wrapper > li:last-child, provider-info ul.mode-wrapper > li:last-child, trd-app-info ul.mode-wrapper > li:last-child, callback-config ul.mode-wrapper > li:last-child, dev-info ul.mode-wrapper > li:last-child, size-config ul.mode-wrapper > li:last-child, online-manage ul.mode-wrapper > li:last-child, publish-manage ul.mode-wrapper > li:last-child, slash-cmd ul.mode-wrapper > li:last-child { margin-bottom: 0; } suites-detail .test-wrapper { width: 788px; margin: 30px auto; } suites-detail .test-wrapper .test-title { overflow: hidden; line-height: 28px; } suites-detail .test-wrapper .title-text { font-size: 18px; font-weight: bold; } suites-detail .test-wrapper:after { content: ''; display: block; clear: both; } suites-detail .test-wrapper .btn { margin-left: 10px; } suites-detail .btn-wrapper { width: 788px; margin: 30px auto; } suites-detail .btn-wrapper .delete-btn { position: static; } suites-detail .list-group-item { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; } suites-detail trd-group-config-info #list-wrapper input[type="text"], suites-detail trd-config-info #list-wrapper input[type="text"], suites-detail backend-config #list-wrapper input[type="text"] { width: 400px; } suites-detail trd-group-config-info #list-wrapper li, suites-detail trd-config-info #list-wrapper li, suites-detail backend-config #list-wrapper li { font-weight: normal !important; color: #3d424c !important; } suites-detail trd-group-config-info #list-wrapper li span.col-name, suites-detail trd-config-info #list-wrapper li span.col-name, suites-detail backend-config #list-wrapper li span.col-name { width: 150px; } suites-detail trd-group-config-info #list-wrapper li span i, suites-detail trd-config-info #list-wrapper li span i, suites-detail backend-config #list-wrapper li span i { font-weight: normal !important; } suites-detail trd-group-config-info #list-wrapper li .ml-20, suites-detail trd-config-info #list-wrapper li .ml-20, suites-detail backend-config #list-wrapper li .ml-20 { margin-left: 20px; } suites-detail trd-group-config-info #list-wrapper li .web-url, suites-detail trd-config-info #list-wrapper li .web-url, suites-detail backend-config #list-wrapper li .web-url { display: block; width: 600px; text-align: left !important; font-size: 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } suites-detail trd-group-config-info .desk-url, suites-detail trd-config-info .desk-url, suites-detail backend-config .desk-url { height: 20px; } suites-detail callback-config .col-content input[input="text"] .secret-input { width: 300px; outline: none; } suites-detail callback-config .col-content .label-wrapper { margin-bottom: 5px; } suites-detail callback-config .col-content .subscribe-label { display: inline-block; float: left; width: 200px; text-align: left; font-size: 13px; } suites-detail size-config .set-wrapper { padding: 40px 0; width: 600px; margin: 0 auto; } suites-detail size-config .set-wrapper li { padding: 10px 0; /*height: 50px;*/ overflow: hidden; } suites-detail size-config .set-wrapper li > div { margin-left: 10px; width: px; color: ; } suites-detail size-config .set-wrapper li > div input[type="text"] { margin-top: -5px; display: inline-block; width: 120px; } suites-detail size-config .set-wrapper li > div .mtb-20 { margin-bottom: 20px; } suites-detail size-config .set-wrapper li span { width: 150px; text-align: right; } suites-detail size-config .set-wrapper li span i { font-style: normal; font-size: 13px; /*font-weight: bolder;*/ color: #97a0b5; } suites-detail trd-app-info .pos-wrapper { position: relative; margin-right: 10px; } suites-detail trd-app-info .for-help { font-style: normal; display: inline-block; width: 16px; height: 16px; line-height: 14px; border: 1px solid #4e9ae1; color: #4e9ae1; text-align: center; font-size: 12px; border-radius: 50%; margin-left: 2px; font-weight: bold; float: none; padding: 0; cursor: pointer; } suites-detail trd-app-info .hover-tip:hover, suites-detail trd-app-info .for-help:hover + .hover-tip { display: block; } suites-detail trd-app-info .hover-tip { max-width: 400px; padding: 0 10px; /*border: 1px solid #ccc;*/ background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); position: absolute; top: 32px; left: 0; word-break: break-all; display: none; z-index: 999; } suites-detail trd-app-info b.hover-tip { width: 300px; font-weight: normal; padding: 5px 10px; top: 24px; left: 0; text-align: left; z-index: 999; } suites-detail dev-info .list-tip, suites-detail callback-config .list-tip, suites-detail slash-cmd .list-tip { position: relative; } suites-detail dev-info .list-tip a, suites-detail callback-config .list-tip a, suites-detail slash-cmd .list-tip a { font-size: 12px; padding-left: 0; float: none; } suites-detail dev-info .pos-wrapper, suites-detail callback-config .pos-wrapper, suites-detail slash-cmd .pos-wrapper { position: relative; } suites-detail dev-info .for-help, suites-detail callback-config .for-help, suites-detail slash-cmd .for-help { font-style: normal; display: inline-block; width: 16px; height: 16px; line-height: 14px; border: 1px solid #4e9ae1; color: #4e9ae1; text-align: center; font-size: 12px; border-radius: 50%; margin-left: 2px; font-weight: bold; float: none; padding: 0; cursor: pointer; } suites-detail dev-info .hover-tip:hover, suites-detail callback-config .hover-tip:hover, suites-detail slash-cmd .hover-tip:hover, suites-detail dev-info .for-help:hover + .hover-tip, suites-detail callback-config .for-help:hover + .hover-tip, suites-detail slash-cmd .for-help:hover + .hover-tip { display: block; } suites-detail dev-info .hover-tip, suites-detail callback-config .hover-tip, suites-detail slash-cmd .hover-tip { max-width: 400px; padding: 0 10px; /*border: 1px solid #ccc;*/ background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); position: absolute; top: 32px; left: 78px; word-break: break-all; display: none; z-index: 999; line-height: 1.8; } suites-detail dev-info .hover-tip a, suites-detail callback-config .hover-tip a, suites-detail slash-cmd .hover-tip a { font-size: 14px; } suites-detail dev-info b.hover-tip, suites-detail callback-config b.hover-tip, suites-detail slash-cmd b.hover-tip { width: 400px; font-weight: normal; padding: 5px 10px; top: 24px; left: 120px; text-align: left; z-index: 999; } suites-detail dev-info .hover-tip.hover-tip-bottome-left::after, suites-detail callback-config .hover-tip.hover-tip-bottome-left::after, suites-detail slash-cmd .hover-tip.hover-tip-bottome-left::after { content: ""; display: block; position: absolute; width: 8.65685425px; height: 8.65685425px; background-color: #fff; transform: translateX(-50%) rotate(45deg); top: -5px; left: 6px; box-shadow: -12px -9px 5px 0px rgba(0, 0, 0, 0.3); z-index: 998; } suites-detail .secret-btn { margin-left: 10px; margin-top: -3px; } slash-cmd .slash-cmd-wrapper { padding: 40px 0; width: 600px; margin: 0 auto; } suites-detail .wrap-detail slash-cmd .info-nav .list-tip .modify-btn span.save.unabled { cursor: default; } edit-publish { width: 100%; height: 100%; background-color: #fff; } edit-publish .loading-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading.gif?654a09add0b3243026721188d641c175); background-repeat: no-repeat; background-position: center; background-size: 80px; background-color: rgba(0, 0, 0, 0.2); z-index: 9999999; } edit-publish .head-wrapper { width: 100%; margin: 0 auto; padding: 30px; /*height: 30px;*/ /*line-height: 105px;*/ text-align: center; position: relative; font-size: 17px; color: #3d424c; border-bottom: 1px solid #e5e5e5; } edit-publish .head-wrapper .header-title { font-size: 24px; } edit-publish .head-wrapper .btn.backBtn { font-size: 14px; position: absolute; top: 33px; left: 60px; } edit-publish .head-wrapper .ft-size { font-size: 15px; } edit-publish .edit-wrapper { width: 500px; padding-top: 40px; margin: 0 auto; } edit-publish .suite-content.publish-content { height: auto; /*padding-top: 20px;*/ } edit-publish .suite-content.publish-content .suite-logo { text-align: left; } edit-publish .suite-content.publish-content .logo-wrap img { margin-top: -50px; } edit-publish .suite-content.publish-content li { margin: 0; } edit-publish .suite-content.publish-content li.mt-20 { margin-bottom: 20px; } edit-publish .suite-content.publish-content li img { width: 60px; height: 60px; margin: 0; } edit-publish .suite-content.publish-content li .des-name { display: inline-block; /*width: 220px;*/ text-align: right; margin-right: 10px; color: #97a0b5; font-size: 14px; position: relative; } edit-publish .suite-content.publish-content li .des-name.to-edit { width: 180px; } edit-publish .suite-content.publish-content li .des-name.line-60 { line-height: 60px; } edit-publish .suite-content.publish-content li .des-content { text-align: left; width: 300px; } edit-publish .suite-content.publish-content li textarea { width: 100%; padding: 10px; height: 100px; /*margin-left: 10px;*/ font-weight: normal; text-align: left; resize: none; } edit-publish .suite-content.publish-content .input-group { margin-top: 20px; } edit-publish .suite-content.publish-content .des-address { line-height: 30px; } edit-publish .suite-content.publish-content .address { display: inline-block; color: #222; } edit-publish .suite-content.purchase-content { visibility: hidden; } edit-publish .upload-title { text-align: left; line-height: 60px; color: #97a0b5; position: relative; } edit-publish .red { position: absolute; top: 3px; left: -12px; font-style: normal; } edit-publish .upload-img { overflow: hidden; /*padding: 0 20px;*/ /*min-height: 320px;*/ text-align: center; } edit-publish .upload-img .upload-item { width: 120px; height: 120px; border: 1px solid #dcdcdc; float: left; margin: 0 40px 40px 0; position: relative; } edit-publish .upload-img .upload-item .delete-btn { position: absolute; bottom: -40px; left: 0; line-height: 40px; height: 40px; color: #82b6f4; width: 100%; cursor: pointer; } edit-publish .upload-img .upload-item .delete-btn:hover { color: #378eef; } edit-publish .upload-img .upload-item img { max-width: 118px; max-height: 118px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } edit-publish .upload-img .upload-item.add-img-btn { border-style: dashed; } edit-publish .upload-img .upload-item .add-img { width: 100%; height: 100%; } edit-publish .upload-img .upload-item .add-img .plus-icon { font-size: 50px; font-weight: bold; padding-top: 5px; color: #5d5b5b; } edit-publish .upload-img .upload-item .upload-des-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: unset; opacity: 0; cursor: pointer; text-indent: -10000em; background-color: #000; } edit-publish .upload-img .upload-item .upload-des-img:hover { opacity: 0.1; } edit-publish .charge { margin-left: 40px; } edit-publish .b-wrapper { width: 100%; text-align: center; margin-top: 30px; padding-bottom: 40px; } install-test-modal .test-modal { color: #97a0b5; font-size: 12px; } install-test-modal .test-modal > div { margin-bottom: 20px; } install-test-modal .title-tip { font-size: 16px; color: #3d424c; } install-test-modal .url { width: 580px; min-height: 30px; line-height: 28px; font-size: 14px; border: 1px solid #ccc; padding-left: 10px; /*margin-right: 10px;*/ word-break: break-all; } install-test-modal #url-input { height: 0; width: 0; border: none; visibility: none; } install-test-modal .url-wrapper { /*position: relative;*/ } install-test-modal .url-wrapper .btn { margin-top: 15px; margin-right: 18px; position: relative; } install-test-modal .url-wrapper .btn .tips { position: absolute; right: 8px; top: 35px; padding: 0px 10px; height: 24px; line-height: 24px; color: #fff; background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; display: none; /*transition: 0.5s linear all;*/ } publish-manage .online-header, online-manage .online-header { width: 788px; margin: 30px auto; overflow: hidden; } publish-manage .online-header .online-title, online-manage .online-header .online-title { margin: 0; font-size: 14px; line-height: 28px; } publish-manage .online-header btn, online-manage .online-header btn { margin-top: 10px; } publish-manage .copy-url, online-manage .copy-url { display: flex; } publish-manage .copy-url:hover img, online-manage .copy-url:hover img { opacity: 1; } publish-manage .copy-url img, online-manage .copy-url img { opacity: 0; width: 16px; height: 16px; margin-top: 4px; margin-left: 2px; } publish-manage .url-link, online-manage .url-link { display: inline-block; color: #378eef; max-width: 470px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } publish-manage .online-subheader, online-manage .online-subheader { margin: -30px auto 30px; } publish-manage .showHistory, online-manage .showHistory { width: 600px; margin: 0 auto 10px; padding-left: 50px; } publish-manage .no-online-wrapper, online-manage .no-online-wrapper { text-align: center; padding-top: 50px; } publish-manage .no-online-wrapper .no-icon, online-manage .no-online-wrapper .no-icon { display: inline-block; width: 150px; height: 150px; border-radius: 50%; background: url(data:image/png;base64,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) no-repeat center; background-size: 150px; margin-bottom: 10px; } publish-manage .no-online-wrapper .btn, online-manage .no-online-wrapper .btn { margin-top: 10px; } publish-manage .no-publish-icon, online-manage .no-publish-icon { display: inline-block; width: 150px; height: 150px; border-radius: 50%; background: url(data:image/png;base64,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) no-repeat center; background-size: 150px; margin-bottom: 10px; } publish-manage .content-wrapper .history, online-manage .content-wrapper .history { padding: 20px 0; border-top: 1px solid #ccc; } publish-manage .red-color, online-manage .red-color { color: #f00 !important; } publish-manage .hide, online-manage .hide { display: none; } callback-config .info-nav span.cancel, dev-info .info-nav span.cancel, provider-info .info-nav span.cancel { margin-left: 20px; } callback-config .info-nav .list-tip .modify-btn, dev-info .info-nav .list-tip .modify-btn, provider-info .info-nav .list-tip .modify-btn { color: #4e9ae1; font-size: 14px; padding-left: 20px; float: right; } callback-config .info-nav .list-tip .modify-btn span, dev-info .info-nav .list-tip .modify-btn span, provider-info .info-nav .list-tip .modify-btn span { cursor: pointer; } callback-config .col-appConfig div.col-name span, dev-info .col-appConfig div.col-name span, provider-info .col-appConfig div.col-name span { font-size: 14px !important; } callback-config .col-appConfig .secret-container, dev-info .col-appConfig .secret-container, provider-info .col-appConfig .secret-container { position: relative; margin-top: -3px; } callback-config .col-appConfig .secret-container .secret-con, dev-info .col-appConfig .secret-container .secret-con, provider-info .col-appConfig .secret-container .secret-con { display: inline-block; width: 400px; min-height: 30px; line-height: 28px; border: 1px solid #ccc; padding: 0 10px; background-color: #f5f5f5; word-break: break-all; } callback-config .col-appConfig .secret-container .secret-btn, dev-info .col-appConfig .secret-container .secret-btn, provider-info .col-appConfig .secret-container .secret-btn { position: absolute; right: -100px; top: 1px; } callback-config textarea, dev-info textarea, provider-info textarea { height: 120px !important; } provider-info apply-tobe-provider { width: 100%; height: auto; position: static; background-color: #fff; } provider-info apply-tobe-provider .config-wrapper ul li .item-name { width: 150px; position: relative; text-align: right; } provider-info apply-tobe-provider .config-wrapper ul li .item-name span { /*position: absolute; right: 0; top: 0;*/ width: 150px; } provider-info apply-tobe-provider .config-wrapper ul li .item-name span.required::before { content: '*'; position: relative; width: 5px; height: 5px; left: -5px; top: 3px; color: red; } provider-info apply-tobe-provider .config-wrapper ul li .input-text { width: 430px; } provider-info apply-tobe-provider .config-wrapper ul li.config-instruction textarea { width: 430px; } publish-manage .red-color { color: red; } publish-info .head-wrapper { /*margin-bottom: 30px;*/ width: 100%; } publish-info .reset-btn { font-size: 15px; position: absolute; top: 40px; right: 60px; } publish-info .app-description .detail-wrapper { width: 788px; margin: 30px auto; } publish-info .app-description .des-detail { padding: 0; } suites-detail { position: relative; display: flex; } suites-detail .wrap-detail .list-group { height: auto; } suites-detail .wrap-detail .list-group-item { margin-bottom: 0; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #eff4f8; /*padding: 25px 30px !important;*/ /*height: 84px;*/ } suites-detail .wrap-detail .list-group-item .app-title { position: absolute; top: 15px; right: 32px; } suites-detail .wrap-detail .backBtn { font-size: 14px; position: absolute; top: 33px; left: 60px; } suites-detail .wrap-detail .backBtn.top { top: 20px; left: 60px; } suites-detail .wrap-detail .app-message-nav { width: 585px; position: static; transform: translateX(0); } suites-detail .m-wrapper { padding: 50px 0; } suites-detail .pw-wrapper { padding: 38px 0; } suites-detail .modal-tip { text-align: center; } suites-detail .mb-20 { margin-bottom: 20px; } suites-detail .warn { color: #ffcc00; /*padding: 0 30px;*/ } suites-detail .pw-text { color: #97a0b5; font-size: 12px; } app-base-open .wrap { padding-top: 100px; text-align: center; } app-base-open img { width: 180px; height: 180px; display: block; margin: auto; } app-base-open p { text-align: center; } app-base-open .modal-container { padding: 0; } app-baseinfo-edit .info-nav h4 { width: 788px; margin: 0 auto; } app-baseinfo-edit .info-nav span.cancel { margin-left: 20px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper { padding: 40px 0; width: 500px; margin: 0 auto; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li { margin-bottom: 20px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-name { position: relative; width: 100px; height: 20px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-name span { position: absolute; right: 0; text-align: right; height: 20px; line-height: 20px; font-size: 13px; color: #97a0b5; width: 150px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content { margin-left: 20px; width: 300px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content .click-into { padding: 4px 15px; background: #fff; border: 1px solid #3d424c; border-radius: 4px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content .name { position: relative; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content .name .beta { position: absolute; right: -50px; top: 1px; line-height: 18px; padding: 0 7px; color: #fff; /*border: 1px solid #4e9ae1;*/ background-color: #82b6f4; border-radius: 4px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content button.add { margin-bottom: 10px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content label input { top: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content label:last-child { margin-left: 20px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content input, app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content select { position: relative; top: -5px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content img { width: 60px; height: 60px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content span { color: #3d424c; font-size: 13px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap { width: 200px; margin-left: 5px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap span { display: inline-block; width: 300px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn { width: 90px; position: relative; top: 5px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input { position: absolute; left: 0; top: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper { padding: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify { margin-bottom: 20px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.col-visibile { font-size: 13px; color: #97a0b5; font-weight: bolder; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.list-wrapper { width: 100px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.list-wrapper ul.line { width: 500px; padding: 0; position: relative; top: -5px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify { margin-bottom: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li div.col-content-logo { height: inherit; } app-baseinfo-edit .content-wrapper ul.mode-wrapper > li:last-child { margin-bottom: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity { height: inherit; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content { height: inherit; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content div.groups-wrapper { color: #97a0b5; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content label { font-style: normal; font-size: 13px; color: #97a0b5; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content label.first-label { margin-right: 20px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.modal-show { position: relative; top: -5px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper { margin-left: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper div { margin: 5px; margin-left: 0; position: relative; width: 150px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper div i { position: absolute; width: 20px; height: 20px; right: 0; top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY0RjY5ODc0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY0RjY5ODg0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjRGNjk4NTQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjRGNjk4NjQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmVJ0FwAAAJoSURBVHjarJZLT1NBFMdPp4UiFuWiseiC9gYiDw07SHwRV5pgTFi5lcQvoZ9AvwSExC07H41xJ8YStFvSqAUbglIh1sjD9CF6zs0Zcjtyb89A/8k/venMnN+dO3NmTiS7tAxNFEHfQN9BX0MPoB1uK6M/o9+hn6MX0H9Dg4UAFXoa/YghEhH8MXoOvR8U9DC56EX0jAUMuO8Mj3WlwJvoJfQYHF1jHGOiGfAW+hX6LBxfFOM1+nYQcBA9j27XfyQSJ0CpiDWps7MDYrEocKx5jt0ApNan6C7d0H36JFweTsPIYAqiUSWG9Z5zYPSSC/3uhYP35thRP/C+uWa7exWoVGreLIcv9omgBEuner3nH+Vtc02nNTDCW79BtVodlvNFMdQPWy1uwObWT7PLQ2Ip3kmHbv1KtSaCmrDS93JQykzQ6Mmwz9QMKoRpTdLIq83WJghqCSNdoaNtAx+Skh0Yb2+DkaEUxONtHpx+LWCkkvIdxCCdab3+5wBWXCtJYSRH2Sa1053QSe3pjHPKKk8VXzHipNZrtra+aZ2nxKJen2xhtGbrX7es8pT1kXpkbWF6zaR56lOWWl8cBWZ7OLBeUssbvqn/hyV7RHkmhBJjQXEN8sRs7cKB6b6kOM9MqJs6b3Yhxr5+DapBPvhbq3h47+z+hpUv38R5pqG/tve8sT7lmNFQRA2h3/P91Urt8PWUN298+uMeTa6FsCrHzAfVNBn0FL9VK2Y2xTFDq7YMf4LcMWA5jpGR1qX0CcbRD9AFC1CBx4z7P6NfsZDBVDnP8u66jr7Ld2e/UeoXuNR/hn4bVHFr/RNgAI0eFOESYDa2AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; cursor: pointer; display: none; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper div:hover i { display: block; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.add-wrapper { margin-left: 0; margin-top: 10px; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.add-wrapper input { width: 90px; float: left; margin-top: 0; position: relative; top: 0; } app-baseinfo-edit .content-wrapper ul.mode-wrapper li.groupVisiblity div.add-wrapper span { width: 90px; float: left; height: 30px; text-align: center; line-height: 30px; border: 1px dashed #ccc; margin-left: 20px; cursor: pointer; } trd-group-config-info input[type='text'], trd-config-info input[type='text'], backend-config input[type='text'], group-config-info input[type='text'], app-config-info input[type='text'] { width: 240px; } trd-group-config-info label:nth-of-type(1), trd-config-info label:nth-of-type(1), backend-config label:nth-of-type(1), group-config-info label:nth-of-type(1), app-config-info label:nth-of-type(1) { margin-right: 20px; } trd-group-config-info .info-nav h4, trd-config-info .info-nav h4, backend-config .info-nav h4, group-config-info .info-nav h4, app-config-info .info-nav h4 { width: 788px; margin: 0 auto; } trd-group-config-info .info-nav h4 .cancel, trd-config-info .info-nav h4 .cancel, backend-config .info-nav h4 .cancel, group-config-info .info-nav h4 .cancel, app-config-info .info-nav h4 .cancel { margin-left: 20px; } trd-group-config-info .info-nav h4 a:focus, trd-config-info .info-nav h4 a:focus, backend-config .info-nav h4 a:focus, group-config-info .info-nav h4 a:focus, app-config-info .info-nav h4 a:focus { outline: none; } trd-group-config-info ul#list-wrapper, trd-config-info ul#list-wrapper, backend-config ul#list-wrapper, group-config-info ul#list-wrapper, app-config-info ul#list-wrapper { padding: 40px 0; width: 600px; margin: 0 auto; } trd-group-config-info ul#list-wrapper li, trd-config-info ul#list-wrapper li, backend-config ul#list-wrapper li, group-config-info ul#list-wrapper li, app-config-info ul#list-wrapper li { padding: 10px 0; height: 50px; } trd-group-config-info ul#list-wrapper li > div, trd-config-info ul#list-wrapper li > div, backend-config ul#list-wrapper li > div, group-config-info ul#list-wrapper li > div, app-config-info ul#list-wrapper li > div { margin-left: 10px; width: 200px; } trd-group-config-info ul#list-wrapper li > div input, trd-config-info ul#list-wrapper li > div input, backend-config ul#list-wrapper li > div input, group-config-info ul#list-wrapper li > div input, app-config-info ul#list-wrapper li > div input { margin-top: -5px; } trd-group-config-info ul#list-wrapper li > div > span, trd-config-info ul#list-wrapper li > div > span, backend-config ul#list-wrapper li > div > span, group-config-info ul#list-wrapper li > div > span, app-config-info ul#list-wrapper li > div > span { float: left; width: 590px; text-align: left; word-wrap: break-word; } trd-group-config-info ul#list-wrapper li > div > span span, trd-config-info ul#list-wrapper li > div > span span, backend-config ul#list-wrapper li > div > span span, group-config-info ul#list-wrapper li > div > span span, app-config-info ul#list-wrapper li > div > span span { width: 100%; display: block; } trd-group-config-info ul#list-wrapper li span, trd-config-info ul#list-wrapper li span, backend-config ul#list-wrapper li span, group-config-info ul#list-wrapper li span, app-config-info ul#list-wrapper li span { width: 120px; text-align: right; } trd-group-config-info ul#list-wrapper li span i, trd-config-info ul#list-wrapper li span i, backend-config ul#list-wrapper li span i, group-config-info ul#list-wrapper li span i, app-config-info ul#list-wrapper li span i { font-style: normal; font-size: 13px; font-weight: bolder; color: #97a0b5; } trd-group-config-info ul#list-wrapper li.visiable-wrapper, trd-config-info ul#list-wrapper li.visiable-wrapper, backend-config ul#list-wrapper li.visiable-wrapper, group-config-info ul#list-wrapper li.visiable-wrapper, app-config-info ul#list-wrapper li.visiable-wrapper { height: inherit; } trd-group-config-info ul#list-wrapper li, group-config-info ul#list-wrapper li { font-style: normal; font-size: 13px; font-weight: bolder; color: #97a0b5; } trd-group-config-info ul#list-wrapper li .col-name, group-config-info ul#list-wrapper li .col-name { position: relative; width: 120px; height: 20px; } trd-group-config-info ul#list-wrapper li .col-name i, group-config-info ul#list-wrapper li .col-name i { position: absolute; top: 0; right: 0; text-align: right; height: 20px; line-height: 20px; width: 300px; } trd-group-config-info ul#list-wrapper li > div, group-config-info ul#list-wrapper li > div { width: 400px; } trd-group-config-info ul#list-wrapper li > div input[type='text'], group-config-info ul#list-wrapper li > div input[type='text'] { display: inline-block; } trd-group-config-info ul#list-wrapper li > div span.valid-error, group-config-info ul#list-wrapper li > div span.valid-error { display: inline-block; width: 20px; white-space: nowrap; float: none; font-weight: normal; } trd-group-config-info ul#list-wrapper li.groupVisiblity, group-config-info ul#list-wrapper li.groupVisiblity { height: inherit; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.modal-show, group-config-info ul#list-wrapper li.groupVisiblity div.modal-show { position: relative; top: -5px; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper, group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper { margin-left: 0; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper div, group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper div { margin: 5px; margin-left: 0; position: relative; width: 150px; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper div i, group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper div i { position: absolute; width: 20px; height: 20px; right: 0; top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY0RjY5ODc0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY0RjY5ODg0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjRGNjk4NTQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjRGNjk4NjQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmVJ0FwAAAJoSURBVHjarJZLT1NBFMdPp4UiFuWiseiC9gYiDw07SHwRV5pgTFi5lcQvoZ9AvwSExC07H41xJ8YStFvSqAUbglIh1sjD9CF6zs0Zcjtyb89A/8k/venMnN+dO3NmTiS7tAxNFEHfQN9BX0MPoB1uK6M/o9+hn6MX0H9Dg4UAFXoa/YghEhH8MXoOvR8U9DC56EX0jAUMuO8Mj3WlwJvoJfQYHF1jHGOiGfAW+hX6LBxfFOM1+nYQcBA9j27XfyQSJ0CpiDWps7MDYrEocKx5jt0ApNan6C7d0H36JFweTsPIYAqiUSWG9Z5zYPSSC/3uhYP35thRP/C+uWa7exWoVGreLIcv9omgBEuner3nH+Vtc02nNTDCW79BtVodlvNFMdQPWy1uwObWT7PLQ2Ip3kmHbv1KtSaCmrDS93JQykzQ6Mmwz9QMKoRpTdLIq83WJghqCSNdoaNtAx+Skh0Yb2+DkaEUxONtHpx+LWCkkvIdxCCdab3+5wBWXCtJYSRH2Sa1053QSe3pjHPKKk8VXzHipNZrtra+aZ2nxKJen2xhtGbrX7es8pT1kXpkbWF6zaR56lOWWl8cBWZ7OLBeUssbvqn/hyV7RHkmhBJjQXEN8sRs7cKB6b6kOM9MqJs6b3Yhxr5+DapBPvhbq3h47+z+hpUv38R5pqG/tve8sT7lmNFQRA2h3/P91Urt8PWUN298+uMeTa6FsCrHzAfVNBn0FL9VK2Y2xTFDq7YMf4LcMWA5jpGR1qX0CcbRD9AFC1CBx4z7P6NfsZDBVDnP8u66jr7Ld2e/UeoXuNR/hn4bVHFr/RNgAI0eFOESYDa2AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; cursor: pointer; display: none; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper div:hover i, group-config-info ul#list-wrapper li.groupVisiblity div.groups-wrapper div:hover i { display: block; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.add-wrapper, group-config-info ul#list-wrapper li.groupVisiblity div.add-wrapper { margin-left: 0; margin-top: 10px; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.add-wrapper input, group-config-info ul#list-wrapper li.groupVisiblity div.add-wrapper input { width: 90px; float: left; margin-top: 0; } trd-group-config-info ul#list-wrapper li.groupVisiblity div.add-wrapper span, group-config-info ul#list-wrapper li.groupVisiblity div.add-wrapper span { width: 90px; float: left; height: 30px; text-align: center; line-height: 30px; border: 1px dashed #ccc; margin-left: 20px; cursor: pointer; } trd-config-info ul#list-wrapper li, backend-config ul#list-wrapper li, app-config-info ul#list-wrapper li { font-style: normal; font-size: 13px; font-weight: bolder; color: #97a0b5; height: inherit; } trd-config-info ul#list-wrapper li > div, backend-config ul#list-wrapper li > div, app-config-info ul#list-wrapper li > div { width: 400px; } trd-config-info ul#list-wrapper li > div input[type="text"], backend-config ul#list-wrapper li > div input[type="text"], app-config-info ul#list-wrapper li > div input[type="text"] { display: inline-block; } trd-config-info ul#list-wrapper li > div .valid-error, backend-config ul#list-wrapper li > div .valid-error, app-config-info ul#list-wrapper li > div .valid-error { display: inline-block; float: none; width: 30px; white-space: nowrap; position: relative; top: 0px; font-weight: normal; } trd-config-info ul#list-wrapper li div.noSecretAuth, backend-config ul#list-wrapper li div.noSecretAuth, app-config-info ul#list-wrapper li div.noSecretAuth { position: relative; top: -5px; } trd-config-info ul#list-wrapper li > span, backend-config ul#list-wrapper li > span, app-config-info ul#list-wrapper li > span { width: 120px; text-align: right; position: relative; height: 20px; } trd-config-info ul#list-wrapper li > span > i, backend-config ul#list-wrapper li > span > i, app-config-info ul#list-wrapper li > span > i { position: absolute; top: 0; right: 0; text-align: right; height: 20px; line-height: 20px; width: 300px; } trd-config-info ul#list-wrapper li.li-init, backend-config ul#list-wrapper li.li-init, app-config-info ul#list-wrapper li.li-init { height: inherit; padding-bottom: 0; } trd-config-info ul#list-wrapper li.mobileConfigure, backend-config ul#list-wrapper li.mobileConfigure, app-config-info ul#list-wrapper li.mobileConfigure { padding: 10px 0px 10px 20px; } trd-config-info ul#list-wrapper li.config-outerLink, backend-config ul#list-wrapper li.config-outerLink, app-config-info ul#list-wrapper li.config-outerLink { padding: 0; height: inherit; } trd-config-info ul#list-wrapper li.config-outerLink input, backend-config ul#list-wrapper li.config-outerLink input, app-config-info ul#list-wrapper li.config-outerLink input, trd-config-info ul#list-wrapper li.config-outerLink span.valid-error, backend-config ul#list-wrapper li.config-outerLink span.valid-error, app-config-info ul#list-wrapper li.config-outerLink span.valid-error { display: inline-block; position: relative; left: 130px; top: -10px; font-weight: normal; } trd-config-info ul#list-wrapper li.mobileWebZip, backend-config ul#list-wrapper li.mobileWebZip, app-config-info ul#list-wrapper li.mobileWebZip, trd-config-info ul#list-wrapper li.getAndroidZip, backend-config ul#list-wrapper li.getAndroidZip, app-config-info ul#list-wrapper li.getAndroidZip { margin-left: 170px; padding: 0; height: 30px; position: relative; top: -10px; } trd-config-info ul#list-wrapper li.mobileWebZip span.upload-inputWrapper, backend-config ul#list-wrapper li.mobileWebZip span.upload-inputWrapper, app-config-info ul#list-wrapper li.mobileWebZip span.upload-inputWrapper, trd-config-info ul#list-wrapper li.getAndroidZip span.upload-inputWrapper, backend-config ul#list-wrapper li.getAndroidZip span.upload-inputWrapper, app-config-info ul#list-wrapper li.getAndroidZip span.upload-inputWrapper { width: 90px; position: relative; overflow: hidden; } trd-config-info ul#list-wrapper li.mobileWebZip span.upload-inputWrapper span, backend-config ul#list-wrapper li.mobileWebZip span.upload-inputWrapper span, app-config-info ul#list-wrapper li.mobileWebZip span.upload-inputWrapper span, trd-config-info ul#list-wrapper li.getAndroidZip span.upload-inputWrapper span, backend-config ul#list-wrapper li.getAndroidZip span.upload-inputWrapper span, app-config-info ul#list-wrapper li.getAndroidZip span.upload-inputWrapper span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; } trd-config-info ul#list-wrapper li.mobileWebZip span.zipName, backend-config ul#list-wrapper li.mobileWebZip span.zipName, app-config-info ul#list-wrapper li.mobileWebZip span.zipName, trd-config-info ul#list-wrapper li.getAndroidZip span.zipName, backend-config ul#list-wrapper li.getAndroidZip span.zipName, app-config-info ul#list-wrapper li.getAndroidZip span.zipName { width: 50px; height: 28px; text-align: left; line-height: 28px; margin-left: 20px; position: relative; } trd-config-info ul#list-wrapper li.mobileWebZip span.zipName span, backend-config ul#list-wrapper li.mobileWebZip span.zipName span, app-config-info ul#list-wrapper li.mobileWebZip span.zipName span, trd-config-info ul#list-wrapper li.getAndroidZip span.zipName span, backend-config ul#list-wrapper li.getAndroidZip span.zipName span, app-config-info ul#list-wrapper li.getAndroidZip span.zipName span { position: absolute; left: 0; top: 0; width: 300px; height: 100%; text-align: left; } trd-config-info ul#list-wrapper li.getAndroidZip, backend-config ul#list-wrapper li.getAndroidZip, app-config-info ul#list-wrapper li.getAndroidZip { height: 50px; line-height: 50px; top: 0; } trd-config-info ul#list-wrapper li.getAndroidZip span, backend-config ul#list-wrapper li.getAndroidZip span, app-config-info ul#list-wrapper li.getAndroidZip span { position: relative; top: 10px; } trd-config-info ul#list-wrapper li.getAndroidZip span.upload-inputWrapper, backend-config ul#list-wrapper li.getAndroidZip span.upload-inputWrapper, app-config-info ul#list-wrapper li.getAndroidZip span.upload-inputWrapper { left: -60px; height: 28px; } trd-config-info ul#list-wrapper li.getAndroidZip span.zipName, backend-config ul#list-wrapper li.getAndroidZip span.zipName, app-config-info ul#list-wrapper li.getAndroidZip span.zipName { left: -60px; } trd-config-info ul#list-wrapper li.mobileWebZip, backend-config ul#list-wrapper li.mobileWebZip, app-config-info ul#list-wrapper li.mobileWebZip { margin-left: 110px; } trd-config-info ul#list-wrapper li.mobileWebZip span.upload-inputWrapper, backend-config ul#list-wrapper li.mobileWebZip span.upload-inputWrapper, app-config-info ul#list-wrapper li.mobileWebZip span.upload-inputWrapper { height: 28px; } trd-config-info ul#list-wrapper li.p-Android-name input, backend-config ul#list-wrapper li.p-Android-name input, app-config-info ul#list-wrapper li.p-Android-name input, trd-config-info ul#list-wrapper li.p-ios-download input, backend-config ul#list-wrapper li.p-ios-download input, app-config-info ul#list-wrapper li.p-ios-download input, trd-config-info ul#list-wrapper li.p-ios-name input, backend-config ul#list-wrapper li.p-ios-name input, app-config-info ul#list-wrapper li.p-ios-name input { position: relative; top: -5px; } trd-config-info ul#list-wrapper li.visiable-wrapper, backend-config ul#list-wrapper li.visiable-wrapper, app-config-info ul#list-wrapper li.visiable-wrapper { padding-bottom: 0; } trd-config-info ul#list-wrapper li.visiable-wrapper button.add, backend-config ul#list-wrapper li.visiable-wrapper button.add, app-config-info ul#list-wrapper li.visiable-wrapper button.add { margin-bottom: 10px; } trd-config-info ul#list-wrapper li.visiable-wrapper div.modal-show, backend-config ul#list-wrapper li.visiable-wrapper div.modal-show, app-config-info ul#list-wrapper li.visiable-wrapper div.modal-show, trd-config-info ul#list-wrapper li.visiable-wrapper div.modal-edit, backend-config ul#list-wrapper li.visiable-wrapper div.modal-edit, app-config-info ul#list-wrapper li.visiable-wrapper div.modal-edit { width: 400px; } trd-config-info ul#list-wrapper li.visiable-wrapper div.modal-show, backend-config ul#list-wrapper li.visiable-wrapper div.modal-show, app-config-info ul#list-wrapper li.visiable-wrapper div.modal-show { top: 0; margin-left: 0; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper { padding: 0; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify { padding: 0; margin-bottom: 20px; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.col-visibile, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.col-visibile, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.col-visibile { font-size: 13px; color: #97a0b5; font-weight: bolder; width: inherit; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper { width: 100px; margin-left: 0px; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line { width: 500px; padding: 0; position: relative; top: -5px; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line li, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line li, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line li { padding: 0; } trd-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify, backend-config ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify, app-config-info ul#list-wrapper li.visiable-wrapper ul.visibility-wrapper li.li-classify { margin-bottom: 0; } group-config-info .instruction-pic, trd-group-config-info .instruction-pic { width: 60px; height: 60px; margin-right: 5px; } group-config-info .upload-info, trd-group-config-info .upload-info { display: flex; margin-bottom: 5px; } group-config-info .upload-info .upload-btn-primary, trd-group-config-info .upload-info .upload-btn-primary { width: 90px; margin-top: 13px; } group-config-info ul#list-wrapper li > div, trd-group-config-info ul#list-wrapper li > div { margin-left: 20px; } group-config-info ul#list-wrapper li span, trd-group-config-info ul#list-wrapper li span { width: 132px; } publish-info, app-description { display: block; width: 100%; height: 100%; overflow-y: auto; } publish-info #install-apps-modal.auth-modal .submit, app-description #install-apps-modal.auth-modal .submit { min-width: 130px; } publish-info .head-wrapper, app-description .head-wrapper { width: 100%; margin: 0 auto; padding: 0 30px; height: 105px; line-height: 105px; text-align: center; position: relative; font-size: 17px; color: #3d424c; border-bottom: 1px solid #e5e5e5; } publish-info .head-wrapper .header-title, app-description .head-wrapper .header-title { font-size: 24px; } publish-info .head-wrapper .backBtn, app-description .head-wrapper .backBtn { font-size: 14px; position: absolute; top: 33px; left: 60px; } publish-info .des-detail, app-description .des-detail { padding: 0 150px 60px; } publish-info .des-detail .bt, app-description .des-detail .bt { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } publish-info .des-detail .description, app-description .des-detail .description { text-indent: 2em; } publish-info .des-detail .des-header, app-description .des-detail .des-header { overflow: hidden; padding-top: 20px; } publish-info .des-detail .des-header .app-icon, app-description .des-detail .des-header .app-icon { margin-right: 30px; } publish-info .des-detail .des-header .app-icon img, app-description .des-detail .des-header .app-icon img { width: 78px; height: 78px; border-radius: 100%; } publish-info .des-detail .des-header .app-name .name, app-description .des-detail .des-header .app-name .name { line-height: 48px; font-size: 18px; font-weight: bold; color: #464646; } publish-info .des-detail .des-header .app-name .team, app-description .des-detail .des-header .app-name .team { font-size: 14px; } publish-info .des-detail .des-header .install-btn, app-description .des-detail .des-header .install-btn { min-width: 120px; /*padding: 0 20px;*/ height: 30px; line-height: 30px; text-align: center; border: 1px solid #4e9ae1; margin: 24px 20px 0 0; border-radius: 4px; -webkit-border-radius: 4px; /*box-sizing: content-box;*/ } publish-info .des-detail .des-header .install-btn a, app-description .des-detail .des-header .install-btn a { display: inline-block; width: 100%; height: 100%; } publish-info .des-detail .des-title, app-description .des-detail .des-title { font-size: 16px; margin-bottom: 10px; } publish-info .des-detail .no-screenshots, app-description .des-detail .no-screenshots { text-align: center; } publish-info .des-detail #screenshots-wraper, app-description .des-detail #screenshots-wraper { width: 100%; display: flex; /*text-align: center;*/ margin-bottom: 20px; flex-direction: column; } publish-info .des-detail #screenshots-wraper.mobile, app-description .des-detail #screenshots-wraper.mobile { flex-direction: row; align-items: flex-start; } publish-info .des-detail #screenshots-wraper.mobile img, app-description .des-detail #screenshots-wraper.mobile img { /*width: 20%;*/ margin-right: 3%; } publish-info .des-detail #screenshots-wraper img, app-description .des-detail #screenshots-wraper img { align-self: flex-start; max-width: 100%; margin-bottom: 10px; border: 1px solid #e0e0e0; } app-info-edit .info-nav h4 { width: 788px; margin: 0 auto; } app-info-edit .info-nav h4 a:focus { outline: none; } app-info-edit .content-wrapper ul.mode-wrapper { padding: 40px 0; width: 600px; margin: 0 auto; } app-info-edit .content-wrapper ul.mode-wrapper > li { margin-bottom: 20px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-name { position: relative; width: 120px; height: 20px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-name span { position: absolute; left: 0; right: 0; text-align: right; height: 20px; line-height: 20px; font-size: 13px; color: #97a0b5; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content { margin-left: 20px; width: 400px; word-break: break-all; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content textarea { height: 100px; resize: none; float: left; width: 300px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content label input { top: 0; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content label:last-child { margin-left: 20px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content input, app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content select { position: relative; top: -5px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content input[type='text'] { width: 300px; display: inline-block; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content span.valid-error { display: inline-block; position: relative; top: -5px; width: 20px; white-space: nowrap; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content img { width: 60px; height: 60px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content span { color: #3d424c; font-size: 13px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap { width: 200px; margin-left: 5px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap span { display: inline-block; width: 300px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn { width: 90px; position: relative; top: 5px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input { position: absolute; left: 0; top: 0; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper { padding: 0; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify { margin-bottom: 20px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.col-visibile { font-size: 13px; color: #97a0b5; font-weight: bolder; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.list-wrapper { width: 100px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.list-wrapper ul.line { width: 500px; padding: 0; position: relative; top: -5px; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify { margin-bottom: 0; } app-info-edit .content-wrapper ul.mode-wrapper > li div.col-content-logo { height: inherit; } app-info-edit .content-wrapper ul.mode-wrapper > li:last-child { margin-bottom: 0; } app-market { display: block; width: 100%; height: 100%; overflow-y: auto; } app-market .head-wrapper { width: 95%; margin: 0 auto; padding: 0 60px; height: 105px; line-height: 105px; text-align: center; position: relative; font-size: 17px; color: #3d424c; } app-market .head-wrapper .header-title { font-size: 24px; } app-market .head-wrapper .backBtn { font-size: 14px; position: absolute; top: 40px; left: 60px; } app-market .app-wrapper .info-nav .title { margin: 0 auto; width: 95%; min-width: 700px; position: relative; color: #3d424c; padding: 0 60px; } app-market .app-wrapper .info-nav .btn-wrapper { position: absolute; right: 60px; top: 0px; } app-market .app-wrapper .info-nav a { float: left; } app-market .app-wrapper .info-nav a.drag-btn, app-market .app-wrapper .info-nav a.classify-btn, app-market .app-wrapper .info-nav a.save-btn, app-market .app-wrapper .info-nav a.to-app-market { margin-right: 50px; } app-market .app-wrapper .app-content { padding: 0 60px 0 100px; } app-market .app-wrapper .app-content div.no-data { margin: 20px 0 40px 0; font-size: 17px; color: #97a0b5; /*padding: 0 88px;*/ text-align: center; } app-market .app-wrapper .app-content .classify-list { padding-left: 0px; display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 25px; } app-market .app-wrapper .app-content .classify-list li { margin-top: 25px; margin-right: 4px; width: 134px; height: 134px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; } app-market .app-wrapper .app-content .classify-list li a.closed-offApp { opacity: 0.5; } app-market .app-wrapper .app-content .classify-list li img { width: 78px; height: 78px; border-radius: 100%; } app-market .app-wrapper .app-content .classify-list li div.app-name { width: 100%; word-break: break-word; text-align: center; margin-top: 20px; font-size: 14px; color: #a2a2a2; height: 19px; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } app-market .app-wrapper .app-content .classify-list li .tip-text { font-size: 12px; line-height: 18px; } app-market .app-wrapper .app-content .classify-list li .tip-text .installed { color: #97a0b5; } app-market .app-wrapper .app-content .classify-list li.item-ghost { opacity: 0; } app-market .app-wrapper .app-content .classify-list li.sortable-drag { border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; } app-propagate { display: block; width: 100%; height: 100%; } app-propagate .head-wrapper { padding: 16px 0; position: relative; border-bottom: 1px solid #eef4f8; font-size: 16px; font-weight: 500; color: #000000; letter-spacing: 0; text-align: center; line-height: 24px; } appcreate { display: block; width: 100%; height: 100%; } appcreate .head-wrapper { padding: 16px 0; position: relative; border-bottom: 1px solid #eef4f8; font-size: 16px; font-weight: 500; color: #000000; letter-spacing: 0; text-align: center; line-height: 24px; } suites-detail .name, appdetail .name, new-app-info .name, app-base-detail .name { padding: 16px 0; position: relative; border-bottom: 1px solid #eef4f8; font-size: 16px; font-weight: 500; color: #000000; letter-spacing: 0; text-align: center; line-height: 24px; } suites-detail .nav-bar, appdetail .nav-bar, new-app-info .nav-bar, app-base-detail .nav-bar { position: relative; background: #fff; text-align: center; padding: 14px 30px 0px; box-sizing: content-box; height: 32px; } suites-detail .appdetail1, appdetail .appdetail1, new-app-info .appdetail1, app-base-detail .appdetail1 { width: 80px; height: 30px; position: relative; left: -150px; margin-top: 10px; } suites-detail .appdetail2, appdetail .appdetail2, new-app-info .appdetail2, app-base-detail .appdetail2 { width: 80px; height: 30px; position: relative; left: -150px; margin-top: 10px; } suites-detail .appdetail3, appdetail .appdetail3, new-app-info .appdetail3, app-base-detail .appdetail3 { width: 80px; height: 30px; margin-top: 10px; } suites-detail .appdetail4, appdetail .appdetail4, new-app-info .appdetail4, app-base-detail .appdetail4 { width: 80px; height: 30px; margin-top: 10px; } suites-detail .list-group, appdetail .list-group, new-app-info .list-group, app-base-detail .list-group { display: flex; flex-direction: column; padding-top: 0; position: relative; margin: 0; } suites-detail .list-group-item, appdetail .list-group-item, new-app-info .list-group-item, app-base-detail .list-group-item { margin-bottom: 24px; } suites-detail .list-group-item.new-head, appdetail .list-group-item.new-head, new-app-info .list-group-item.new-head, app-base-detail .list-group-item.new-head { display: flex; align-items: center; border-bottom: 1px solid #eff4f8; height: 56px; padding: 0; margin-bottom: 0; justify-content: center; } suites-detail .list-group-item .new-btn, appdetail .list-group-item .new-btn, new-app-info .list-group-item .new-btn, app-base-detail .list-group-item .new-btn { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 3px; cursor: pointer; display: flex; justify-content: center; height: 32px; align-items: center; font-size: 14px; } suites-detail .list-group-item .new-btn.new-btn-back, appdetail .list-group-item .new-btn.new-btn-back, new-app-info .list-group-item .new-btn.new-btn-back, app-base-detail .list-group-item .new-btn.new-btn-back { position: absolute; left: 16px; top: 12px; width: 70px; color: #666; display: flex; flex-wrap: nowrap; } suites-detail .list-group-item .new-btn .back-icon, appdetail .list-group-item .new-btn .back-icon, new-app-info .list-group-item .new-btn .back-icon, app-base-detail .list-group-item .new-btn .back-icon { display: flex; width: 6px; height: 10px; margin-right: 4px; } suites-detail span.ui-switch-wrap span.switch-msg, appdetail span.ui-switch-wrap span.switch-msg, new-app-info span.ui-switch-wrap span.switch-msg, app-base-detail span.ui-switch-wrap span.switch-msg { margin-right: 10px; margin-top: 5px; } suites-detail .item-baseInfo, appdetail .item-baseInfo, new-app-info .item-baseInfo, app-base-detail .item-baseInfo { padding: 0; } suites-detail .introduce, appdetail .introduce, new-app-info .introduce, app-base-detail .introduce { font-size: 13px; padding-left: 10px; color: #95a8b8; } suites-detail .hide, appdetail .hide, new-app-info .hide, app-base-detail .hide { display: none; } suites-detail input[type='text'], appdetail input[type='text'], new-app-info input[type='text'], app-base-detail input[type='text'] { height: 30px; } suites-detail select, appdetail select, new-app-info select, app-base-detail select, suites-detail option, appdetail option, new-app-info option, app-base-detail option { height: 30px; width: auto; min-width: 80px; display: block; } suites-detail .edit-configinfo tr, appdetail .edit-configinfo tr, new-app-info .edit-configinfo tr, app-base-detail .edit-configinfo tr { height: 35px; } suites-detail .delete, appdetail .delete, new-app-info .delete, app-base-detail .delete { position: absolute; right: 10px; top: 7px; box-sizing: content-box; display: inline-block; height: 28px; margin: 0; padding: 0 10px; min-width: 30px; text-align: center; font-size: 14px; line-height: 28px; color: #222; border: 1px solid #c8c8c8; border-radius: 2px; background: -ms-linear-gradient(top, #fdfdfd 0, #e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e3e3e3', GradientType=0); background: linear-gradient(top, #fdfdfd 0, #e3e3e3 100%); cursor: default; -webkit-user-select: none; } suites-detail .startUse-wrapper, appdetail .startUse-wrapper, new-app-info .startUse-wrapper, app-base-detail .startUse-wrapper { text-align: center; } suites-detail .startUse-wrapper .img-wrapper, appdetail .startUse-wrapper .img-wrapper, new-app-info .startUse-wrapper .img-wrapper, app-base-detail .startUse-wrapper .img-wrapper { margin-top: 200px; } suites-detail .startUse-wrapper .img-wrapper img, appdetail .startUse-wrapper .img-wrapper img, new-app-info .startUse-wrapper .img-wrapper img, app-base-detail .startUse-wrapper .img-wrapper img { width: 60px; height: 60px; } suites-detail .startUse-wrapper p, appdetail .startUse-wrapper p, new-app-info .startUse-wrapper p, app-base-detail .startUse-wrapper p { margin: 20px 0 40px 0; } suites-detail .startUse-wrapper button, appdetail .startUse-wrapper button, new-app-info .startUse-wrapper button, app-base-detail .startUse-wrapper button { width: 140px; } suites-detail .wrap-detail, appdetail .wrap-detail, new-app-info .wrap-detail, app-base-detail .wrap-detail { width: 100%; height: 100%; overflow: hidden; top: 0; bottom: 0; /* padding-bottom: 10px;*/ /*background: #f1f2f7;*/ background: #ffffff; position: relative; } suites-detail .wrap-detail .mask, appdetail .wrap-detail .mask, new-app-info .wrap-detail .mask, app-base-detail .wrap-detail .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(160, 160, 160, 0.1); background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading.gif?654a09add0b3243026721188d641c175); background-position: center center; background-repeat: no-repeat; z-index: 990; display: none; } suites-detail .wrap-detail .mask.show, appdetail .wrap-detail .mask.show, new-app-info .wrap-detail .mask.show, app-base-detail .wrap-detail .mask.show { display: block; } suites-detail .wrap-detail .info-nav span.cancel, appdetail .wrap-detail .info-nav span.cancel, new-app-info .wrap-detail .info-nav span.cancel, app-base-detail .wrap-detail .info-nav span.cancel { margin-left: 20px; } suites-detail .wrap-detail .info-nav .list-tip .modify-btn, appdetail .wrap-detail .info-nav .list-tip .modify-btn, new-app-info .wrap-detail .info-nav .list-tip .modify-btn, app-base-detail .wrap-detail .info-nav .list-tip .modify-btn { color: #4e9ae1; font-size: 14px; padding-left: 20px; float: right; } suites-detail .wrap-detail .info-nav .list-tip .modify-btn span, appdetail .wrap-detail .info-nav .list-tip .modify-btn span, new-app-info .wrap-detail .info-nav .list-tip .modify-btn span, app-base-detail .wrap-detail .info-nav .list-tip .modify-btn span { cursor: pointer; } suites-detail .wrap-detail .applist-wrap, appdetail .wrap-detail .applist-wrap, new-app-info .wrap-detail .applist-wrap, app-base-detail .wrap-detail .applist-wrap { margin: 0; /*height: 100%;*/ padding-top: 25px; } suites-detail .wrap-detail .message-ul, appdetail .wrap-detail .message-ul, new-app-info .wrap-detail .message-ul, app-base-detail .wrap-detail .message-ul { display: flex; flex-direction: column; } suites-detail .wrap-detail .list-group, appdetail .wrap-detail .list-group, new-app-info .wrap-detail .list-group, app-base-detail .wrap-detail .list-group { width: 100%; height: 100%; } suites-detail .wrap-detail .list-group .info-wrapper .cancel, appdetail .wrap-detail .list-group .info-wrapper .cancel, new-app-info .wrap-detail .list-group .info-wrapper .cancel, app-base-detail .wrap-detail .list-group .info-wrapper .cancel { margin-left: 20px; } suites-detail .wrap-detail .list-group > div .list-group-item, appdetail .wrap-detail .list-group > div .list-group-item, new-app-info .wrap-detail .list-group > div .list-group-item, app-base-detail .wrap-detail .list-group > div .list-group-item { padding: 0; } suites-detail .imglogo, appdetail .imglogo, new-app-info .imglogo, app-base-detail .imglogo { float: left; width: 150px; } suites-detail .edit-baseinfo img, appdetail .edit-baseinfo img, new-app-info .edit-baseinfo img, app-base-detail .edit-baseinfo img, suites-detail .imglogo img, appdetail .imglogo img, new-app-info .imglogo img, app-base-detail .imglogo img { height: 100px; width: 100px; border-radius: 9999px; } suites-detail .edit-baseinfo img, appdetail .edit-baseinfo img, new-app-info .edit-baseinfo img, app-base-detail .edit-baseinfo img, suites-detail .edit-baseinfo .upload-wrap, appdetail .edit-baseinfo .upload-wrap, new-app-info .edit-baseinfo .upload-wrap, app-base-detail .edit-baseinfo .upload-wrap { display: inline-block; vertical-align: middle; } suites-detail .list, appdetail .list, new-app-info .list, app-base-detail .list { margin-left: 150px; } suites-detail .list h2, appdetail .list h2, new-app-info .list h2, app-base-detail .list h2 { padding: 34px 0; } suites-detail .editbar, appdetail .editbar, new-app-info .editbar, app-base-detail .editbar { position: absolute; right: 50px; top: 0px; } suites-detail .item ul, appdetail .item ul, new-app-info .item ul, app-base-detail .item ul { list-style: none; padding: 6px 0; } suites-detail .line li, appdetail .line li, new-app-info .line li, app-base-detail .line li { display: inline-block; margin-left: 10px; margin-right: 15px; font-weight: bolder; } suites-detail .line li.class, appdetail .line li.class, new-app-info .line li.class, app-base-detail .line li.class { color: #95a8b8; font-size: 14px; } suites-detail .line li img, appdetail .line li img, new-app-info .line li img, app-base-detail .line li img { width: 24px; height: 24px; position: relative; top: 6px; left: -3px; } suites-detail .line:after, appdetail .line:after, new-app-info .line:after, app-base-detail .line:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } suites-detail .model > li, appdetail .model > li, new-app-info .model > li, app-base-detail .model > li { overflow: hidden; position: relative; margin: 40px auto 0px; width: 100%; } suites-detail .btn.enter, appdetail .btn.enter, new-app-info .btn.enter, app-base-detail .btn.enter { padding: 5px 40px; } suites-detail .mode_tool, appdetail .mode_tool, new-app-info .mode_tool, app-base-detail .mode_tool { text-align: center; position: absolute; right: 30px; top: 65px; } suites-detail .mode_tool a, appdetail .mode_tool a, new-app-info .mode_tool a, app-base-detail .mode_tool a { display: inline-block; } suites-detail .mode_open, appdetail .mode_open, new-app-info .mode_open, app-base-detail .mode_open { position: relative; } suites-detail .mode_open::before, appdetail .mode_open::before, new-app-info .mode_open::before, app-base-detail .mode_open::before { content: ''; position: absolute; left: -30px; top: 0; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAfCAMAAACmqq93AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEUAAABD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03IAAADa2XHcAAAAGHRSTlMARrCJCVb8gqtHA26fPmhXmj9Yk3FDoWudg90KAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAHtJREFUOMvt0NcOgCAMBdA6cOCoW/7/S42J2wL31cQ+llM6iKAIwijGpEqMSWFpMlgmOSzVL78ldVFW4J+12IWl7o00kSipFbJs2ah75dm6+9Oy40p3y857Xi17Ln9an9wFA3K3/VZBfmsQeVhAnvMisdoBkkTjNGv76wLWAhBL5tSfbQAAAABJRU5ErkJggg==) no-repeat; background-size: 80%; } suites-detail .model_item, appdetail .model_item, new-app-info .model_item, app-base-detail .model_item { font-weight: normal; border: 1px solid #f1f2f7; border-radius: 4px; padding: 30px 20px 20px; } suites-detail .model_item .mode_name, appdetail .model_item .mode_name, new-app-info .model_item .mode_name, app-base-detail .model_item .mode_name { font-weight: normal; margin-right: 60px; } suites-detail .model_close, appdetail .model_close, new-app-info .model_close, app-base-detail .model_close { padding: 0; border: none; } suites-detail .switch, appdetail .switch, new-app-info .switch, app-base-detail .switch { margin-left: 1px; margin-bottom: 20px; } suites-detail .edit-baseinfo, appdetail .edit-baseinfo, new-app-info .edit-baseinfo, app-base-detail .edit-baseinfo, suites-detail .app-baseinfo, appdetail .app-baseinfo, new-app-info .app-baseinfo, app-base-detail .app-baseinfo { position: relative; left: -150px; } suites-detail .edit-baseinfo td, appdetail .edit-baseinfo td, new-app-info .edit-baseinfo td, app-base-detail .edit-baseinfo td, suites-detail .app-baseinfo td, appdetail .app-baseinfo td, new-app-info .app-baseinfo td, app-base-detail .app-baseinfo td { padding: 0; display: inline-block; } suites-detail .edit-baseinfo tr, appdetail .edit-baseinfo tr, new-app-info .edit-baseinfo tr, app-base-detail .edit-baseinfo tr, suites-detail .app-baseinfo tr, appdetail .app-baseinfo tr, new-app-info .app-baseinfo tr, app-base-detail .app-baseinfo tr { padding: 10px 0; height: 36px; } suites-detail .edit-baseinfo td:nth-of-type(2), appdetail .edit-baseinfo td:nth-of-type(2), new-app-info .edit-baseinfo td:nth-of-type(2), app-base-detail .edit-baseinfo td:nth-of-type(2), suites-detail .app-baseinfo td:nth-of-type(2), appdetail .app-baseinfo td:nth-of-type(2), new-app-info .app-baseinfo td:nth-of-type(2), app-base-detail .app-baseinfo td:nth-of-type(2) { padding-left: 10px; } suites-detail .icon_mode, appdetail .icon_mode, new-app-info .icon_mode, app-base-detail .icon_mode { width: 60px; height: 60px; display: inline-block; background: url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/pc/dist/img/dev/icon_appstore_4f97141e.png) -120px -100px no-repeat; } suites-detail .mode_info, appdetail .mode_info, new-app-info .mode_info, app-base-detail .mode_info { display: inline-block; vertical-align: top; } suites-detail .model_item .close, appdetail .model_item .close, new-app-info .model_item .close, app-base-detail .model_item .close { background-position: -180px -100px; } suites-detail .mode_close, appdetail .mode_close, new-app-info .mode_close, app-base-detail .mode_close { color: #878787; } suites-detail .mode_detail, appdetail .mode_detail, new-app-info .mode_detail, app-base-detail .mode_detail { color: #95a8b8; } suites-detail .info-key, appdetail .info-key, new-app-info .info-key, app-base-detail .info-key { text-align: right; padding: 6px; font-size: 13px; font-weight: bolder; color: #97a0b5; width: 160px; } suites-detail .enter-app-backend, appdetail .enter-app-backend, new-app-info .enter-app-backend, app-base-detail .enter-app-backend { padding: 0 15px; position: absolute; top: 14px; right: 160px; cursor: pointer; } suites-detail .delete-app, appdetail .delete-app, new-app-info .delete-app, app-base-detail .delete-app { position: absolute; top: 14px; right: 50px; /* background-color: #f96e75; color: #fff; border: none; */ background-color: #ffffff; color: #f96e75; border: 1px solid #f96e75; padding: 0px 15px; } suites-detail .delete-app:hover, appdetail .delete-app:hover, new-app-info .delete-app:hover, app-base-detail .delete-app:hover { color: #f96e75; } suites-detail .btn-wrapper, appdetail .btn-wrapper, new-app-info .btn-wrapper, app-base-detail .btn-wrapper { width: 100%; } suites-detail .btn-wrapper.top-line, appdetail .btn-wrapper.top-line, new-app-info .btn-wrapper.top-line, app-base-detail .btn-wrapper.top-line { padding: 30px 0; border-top: 1px solid #eff4f8; margin: 0; } suites-detail .btn-wrapper .b-wrapper, appdetail .btn-wrapper .b-wrapper, new-app-info .btn-wrapper .b-wrapper, app-base-detail .btn-wrapper .b-wrapper { width: 788px; margin: 0 auto; text-align: center; } suites-detail .btn-wrapper .b-wrapper .delete-btn, appdetail .btn-wrapper .b-wrapper .delete-btn, new-app-info .btn-wrapper .b-wrapper .delete-btn, app-base-detail .btn-wrapper .b-wrapper .delete-btn { position: static; } suites-detail .app-title, appdetail .app-title, new-app-info .app-title, app-base-detail .app-title { line-height: 33px; /*color: #95a8b8;*/ color: #3d3c41; font-weight: bolder; position: relative; display: inline-block; cursor: pointer; /*left: 20px;*/ } suites-detail .app-title .logo-wraper, appdetail .app-title .logo-wraper, new-app-info .app-title .logo-wraper, app-base-detail .app-title .logo-wraper { /*width: 25px; height: 25px;*/ width: 36px; height: 36px; display: inline-block; overflow: hidden; border-radius: 4px; float: left; position: relative; /*top: 4px;*/ border-radius: 50%; margin-right: 5px; } suites-detail .app-title .logo-wraper img, appdetail .app-title .logo-wraper img, new-app-info .app-title .logo-wraper img, app-base-detail .app-title .logo-wraper img { vertical-align: baseline; } suites-detail .app-title .app-name, appdetail .app-title .app-name, new-app-info .app-title .app-name, app-base-detail .app-title .app-name { float: left; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; } suites-detail .app-title .icon, appdetail .app-title .icon, new-app-info .app-title .icon, app-base-detail .app-title .icon { display: inline-block; width: 20px; height: 8px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAABIB77kAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAA9UlEQVQ4y73TQUoDQRCF4X8SCMQbCNnrAd4t3AQFB8wZ3HkQD+BWIVlEBMWdJ3gnyDkEIRBw04FmmJnu6Yy+ZVPdH1VUQxTbc/44kwi7AHa2b8cEbF/ZfrU9A6jC4SXwBZwDB+BO0mYMDNgCM+ATWFZhjDtgEdWejDawY94mkn6Ah4AcMwVeSsfbge2BpyoqqoHngBV32oPdSHqvGsUnoSkMwtKMgeZgrWAJmotB9A/jSFoDK9oXqS7FOjvM6HQlaT0US4IJ9BG4b8GuJX10vZcEe9Bmklg2mIFmYYPAHjQbGwy2oIOw4tiubX+HLf2f2D4rufcLcAij2iKgIf0AAAAASUVORK5CYII=) no-repeat; background-size: 14px 9px; } suites-detail .app-title.show-list .icon, appdetail .app-title.show-list .icon, new-app-info .app-title.show-list .icon, app-base-detail .app-title.show-list .icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABRUlEQVQ4y63TSUoDQRTG8X8H1wpuXChu1Bt8jisjCB7AnYs4gQl4ElduTFAXcbyCM+oBHl5ADcHhGKKLVCCU1Z1Ua+26XnX/eN/rSohcZjYH7AIrkp5j3k1yQJdAP/AJFGPAQiR04SCAYeDezCb+tTMzm3UdDQTKH8BCLx12xbpAnWBR0kvuGM1sJgB9ATfe0RHgwczGc2FmNg1cBaASsARUU8CxKMxB1wFoVdK5pG9gOwV8TAOTADTlYgpBZ97ZBNgDKt5n3mnN8DUVM7NJ4DYArUk6TUkhC5yX1PiFZUDrkk7IWA6sAuUsMPkr5IE1YMsrvblIG4mZCbgLQBuSjnuBegULwE4A2oyFANxfWgEOvNIoUC8Ay8CTBx3FQh5YBg47tptAqT2zQVoXuCapnhcKRLoPLNKaWbOz2PcfiA+a2VD7+QcMh5VSpIKSnwAAAABJRU5ErkJggg==) no-repeat; background-size: 14px 9px; } suites-detail .app-title .applist-wrap, appdetail .app-title .applist-wrap, new-app-info .app-title .applist-wrap, app-base-detail .app-title .applist-wrap { position: absolute; left: 0; top: 45px; color: #aaa; border: 1px solid #dbe0e2; z-index: 999; background: #fff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175); border-radius: 4px; min-height: 300px; max-height: 600px; overflow-y: auto; overflow-x: hidden; padding-top: 0; } suites-detail .app-title .applist-wrap .li, appdetail .app-title .applist-wrap .li, new-app-info .app-title .applist-wrap .li, app-base-detail .app-title .applist-wrap .li { border-bottom: solid 1px #dbe0e2; /* padding: 0 8px; */ padding-left: 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; width: 198px; height: 58px; } suites-detail .app-title .applist-wrap .li:last-child, appdetail .app-title .applist-wrap .li:last-child, new-app-info .app-title .applist-wrap .li:last-child, app-base-detail .app-title .applist-wrap .li:last-child { border-bottom: none; } suites-detail .app-title .applist-wrap .li a, appdetail .app-title .applist-wrap .li a, new-app-info .app-title .applist-wrap .li a, app-base-detail .app-title .applist-wrap .li a { height: 58px; line-height: 58px; display: inline-block; z-index: 99999; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } suites-detail .app-title .applist-wrap .li a img, appdetail .app-title .applist-wrap .li a img, new-app-info .app-title .applist-wrap .li a img, app-base-detail .app-title .applist-wrap .li a img { margin-right: 5px; border-radius: 50%; } suites-detail .app-message-nav, appdetail .app-message-nav, new-app-info .app-message-nav, app-base-detail .app-message-nav { width: 584px; margin: auto; position: absolute; /* top: 11px; left: 35%; */ top: 6px; left: 50%; transform: translateX(-50%); } suites-detail .app-message-nav .message-nav, appdetail .app-message-nav .message-nav, new-app-info .app-message-nav .message-nav, app-base-detail .app-message-nav .message-nav { /* padding: 5px; */ /*width: 75px;*/ width: 146px; height: 44px; line-height: 44px; display: inline-block; border: solid 1px #cccccc; text-align: center; border-right: none; cursor: pointer; background-color: #eff4f8; } suites-detail .app-message-nav .message-nav:last-child, appdetail .app-message-nav .message-nav:last-child, new-app-info .app-message-nav .message-nav:last-child, app-base-detail .app-message-nav .message-nav:last-child { border-right: solid 1px #cccccc; } suites-detail .app-message-nav .message-nav.active, appdetail .app-message-nav .message-nav.active, new-app-info .app-message-nav .message-nav.active, app-base-detail .app-message-nav .message-nav.active { /* background: #cccccc; color: #ffffff; */ background: #ffffff; color: #378eef; } suites-detail .app-message-nav .message-nav-first, appdetail .app-message-nav .message-nav-first, new-app-info .app-message-nav .message-nav-first, app-base-detail .app-message-nav .message-nav-first { border-radius: 4px 0px 0px 4px; } suites-detail .app-message-nav .message-nav-last, appdetail .app-message-nav .message-nav-last, new-app-info .app-message-nav .message-nav-last, app-base-detail .app-message-nav .message-nav-last { border-radius: 0px 4px 4px 0px; } suites-detail .message-div, appdetail .message-div, new-app-info .message-div, app-base-detail .message-div { flex: 1; display: flex; flex-direction: column; } suites-detail .message-div .list-group-item, appdetail .message-div .list-group-item, new-app-info .message-div .list-group-item, app-base-detail .message-div .list-group-item { margin-bottom: 0; padding: 0px; display: flex; flex-direction: column; flex: 1; } suites-detail .message-div .list-group-item .date-select, appdetail .message-div .list-group-item .date-select, new-app-info .message-div .list-group-item .date-select, app-base-detail .message-div .list-group-item .date-select { background-color: #f9fbfd; border: 1px solid #eff4f8; border-left: none; border-right: none; padding: 0px 30px; min-height: 50px; } suites-detail .message-div .list-group-item .date-select .date, appdetail .message-div .list-group-item .date-select .date, new-app-info .message-div .list-group-item .date-select .date, app-base-detail .message-div .list-group-item .date-select .date { margin: 0 15px; } suites-detail .message-div .list-group-item .date-select label, appdetail .message-div .list-group-item .date-select label, new-app-info .message-div .list-group-item .date-select label, app-base-detail .message-div .list-group-item .date-select label { display: inline-block; margin-top: 15px; } suites-detail .message-div .list-group-item .date-select .btn, appdetail .message-div .list-group-item .date-select .btn, new-app-info .message-div .list-group-item .date-select .btn, app-base-detail .message-div .list-group-item .date-select .btn { margin-left: 20px; } suites-detail .message-div .list-group-item .content-wrap, appdetail .message-div .list-group-item .content-wrap, new-app-info .message-div .list-group-item .content-wrap, app-base-detail .message-div .list-group-item .content-wrap { width: 90%; margin: 0px auto 0px; } suites-detail .message-div .list-group-item .content-wrap table .msg-content, appdetail .message-div .list-group-item .content-wrap table .msg-content, new-app-info .message-div .list-group-item .content-wrap table .msg-content, app-base-detail .message-div .list-group-item .content-wrap table .msg-content { text-align: center; } suites-detail .message-div .list-group-item .content-wrap tr, appdetail .message-div .list-group-item .content-wrap tr, new-app-info .message-div .list-group-item .content-wrap tr, app-base-detail .message-div .list-group-item .content-wrap tr { height: 48px; color: #97a0b5; } suites-detail .message-div .list-group-item .content-wrap .content-tr, appdetail .message-div .list-group-item .content-wrap .content-tr, new-app-info .message-div .list-group-item .content-wrap .content-tr, app-base-detail .message-div .list-group-item .content-wrap .content-tr { background-color: #eff4f8; border-bottom: solid 1px #cccccc; } app-base-detail .item { position: relative; padding: 40px 0; width: 600px; margin: 0 auto; } app-base-detail app-baseinfo-edit visiable-info h4.list-tip { display: none; } app-base-detail app-baseinfo-edit visiable-info hr { display: none; } app-base-detail app-baseinfo-edit visiable-info div.item { padding: 0; margin: 0; font-size: 14px; font-weight: normal; position: relative; top: -17px; left: -10px; } app-base-detail app-baseinfo-edit visiable-info div.item h3 { margin: 0; font-size: 14px; font-weight: normal; position: relative; top: 15px; left: 10px; } app-base-detail app-baseinfo-edit .appLogo-wrapper { height: 90px; padding-bottom: 10px; } app-base-detail app-baseinfo-edit .appLogo-wrapper .app-logo { width: 60px; height: 60px; border-radius: initial; } app-base-detail .edit-baseinfo { left: -150px; } app-base-detail .to-set { color: #4e9ae1; font-size: 14px; padding-left: 20px; } app-base-detail #select-classify .modal-title span { font-size: 17px; color: #3d424c; } app-base-detail #select-classify .modal-container { padding: 0; } app-base-detail #select-classify .modal-container ul li { cursor: pointer; height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #dbe0e2; } app-base-detail #select-classify .modal-container ul li span { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; float: right; margin-top: 20px; } appdetail .app-title, app-base-detail .app-title { left: 20px; } .new-btn { background: #fff; border: 1px solid #E0E0E0; border-radius: 3px; align-content: center; justify-content: center; display: flex; cursor: pointer; } .new-btn.new-btn-back { width: 70px; color: #666; } .new-btn .back-icon { display: flex; margin-right: 2px; } applist { display: block; width: 100%; height: 100%; overflow-y: auto; display: flex; } applist .head-wrapper { width: 95%; margin: 0 auto; padding: 0 60px; height: 105px; line-height: 105px; text-align: center; position: relative; font-size: 17px; color: #3d424c; } applist .head-wrapper .header-title { font-size: 24px; } applist .head-wrapper .backBtn { font-size: 14px; position: absolute; top: 40px; left: 60px; } applist .head-wrapper .search-key { position: absolute; right: 50px; top: 39px; width: 180px; } applist .head-wrapper .search-key .search-wrapper { width: 86%; height: 28px; position: relative; margin: auto; } applist .head-wrapper .search-key .search-wrapper .search-icon { font-size: 12px; position: absolute; right: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e2e6ec; background-color: #eeeff3; cursor: pointer; z-index: 999; } applist .head-wrapper .search-key .search-wrapper .search-icon img { position: relative; left: 1px; width: 15px; height: 16px; } applist .head-wrapper .search-key .search-wrapper .search-bar { outline: none; width: 100%; height: 28px; padding: 0; padding-left: 4.66666667%; padding-right: 28px; border-radius: 14px; border: 1px solid #e2e6ec; } applist .app-wrapper { min-height: 500px; } applist .app-wrapper .info-nav .title { margin: 0 auto; width: 95%; min-width: 700px; position: relative; color: #3d424c; padding: 0 60px; } applist .app-wrapper .info-nav .btn-wrapper { position: absolute; right: 60px; top: 0px; } applist .app-wrapper .info-nav a { float: left; } applist .app-wrapper .info-nav a.drag-btn, applist .app-wrapper .info-nav a.classify-btn, applist .app-wrapper .info-nav a.save-btn, applist .app-wrapper .info-nav a.to-app-market { margin-right: 50px; } applist .app-wrapper .app-name { position: relative; } applist .app-wrapper .app-name .beta { position: absolute; right: -50px; top: 1px; line-height: 18px; padding: 0 7px; color: #fff; /*border: 1px solid #4e9ae1;*/ background-color: #82b6f4; border-radius: 4px; } applist .app-wrapper .app-content { width: 930px; margin: 0 auto; width: 95%; min-width: 700px; } applist .app-wrapper .app-content .classify-wrapper { margin: 0 60px; } applist .app-wrapper .app-content div.no-data { margin: 20px 0 40px 0; font-size: 17px; color: #97a0b5; padding: 0 88px; } applist .app-wrapper .app-content div.no-apps { padding-left: 20px; position: relative; left: 0; top: 17px; color: #97a0b5; } applist .app-wrapper .app-content .classify-item { border-bottom: 1px solid #ccc; margin-top: 40px; padding-bottom: 40px; } applist .app-wrapper .app-content .classify-item .classify-name { color: #3d424c; font-size: 14px; } applist .app-wrapper .app-content .classify-item .classify-list { padding-left: 0px; display: flex; flex-direction: row; flex-wrap: wrap; } applist .app-wrapper .app-content .classify-item .classify-list li { margin-top: 25px; margin-right: 4px; width: 134px; height: 134px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; } applist .app-wrapper .app-content .classify-item .classify-list li a.closed-offApp { opacity: 0.5; } applist .app-wrapper .app-content .classify-item .classify-list li img { width: 78px; height: 78px; border-radius: 100%; } applist .app-wrapper .app-content .classify-item .classify-list li div { width: 100%; word-break: break-word; text-align: center; margin-top: 20px; /*font-size: 13px;*/ color: #97a0b5; font-size: 14px; height: 19px; } applist .app-wrapper .app-content .classify-item .classify-list li.item-ghost { opacity: 0; } applist .app-wrapper .app-content .classify-item .classify-list li.sortable-drag { border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; } applist .app-wrapper .app-content .last-item { border: none; } applist .app-wrapper .app-content .first-item { margin-top: 15px; } applist .app-wrapper .app-content .first-item:last-child { border-bottom: none; } applist .app-wrapper .search-content { margin: 0 auto; width: 95%; min-width: 700px; } applist .app-wrapper .search-content .nodata-wrapper { text-align: center; } applist .app-wrapper .search-content .nodata-wrapper img { width: 100px; margin-top: 150px; } applist .app-wrapper .search-content ul.list-wrapper { margin: 0 60px; padding-left: 0px; display: flex; flex-direction: row; flex-wrap: wrap; } applist .app-wrapper .search-content ul.list-wrapper li { margin-top: 25px; margin-right: 4px; width: 134px; height: 134px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; } applist .app-wrapper .search-content ul.list-wrapper li img { width: 78px; height: 78px; border-radius: 100%; } applist .app-wrapper .search-content ul.list-wrapper li div { text-align: center; margin-top: 20px; font-size: 13px; color: #97a0b5; height: 19px; } applist .app-wrapper .offical-app .classify-item, applist .app-wrapper .enterprise-service .classify-item { margin-top: 0px; } applist .app-wrapper .instruction { display: flex; flex-direction: row; width: 440px; margin: 20px auto 0px; font-size: 14px; color: #97a0b5; } applist .app-wrapper .instruction p { margin: 0; } applist .app-wrapper .instruction p:nth-of-type(2) { margin: 0; } applist #classifyManage .modal-container { padding: 0; } appnew { display: block; width: 100%; height: 100%; position: relative; } appnew .appnew-nav { font-weight: 500; padding: 45px 20px; text-align: center; border-bottom: 1px solid #eef4f8; position: relative; } appnew .appnew-nav b { color: #0092ea; font-weight: 500; } appnew .appnew-nav .appnew-title { font-size: 17px; position: relative; left: -20px; } appnew .tool-bar { position: relative; } appnew .wrap-new { position: absolute; width: 100%; overflow: auto; top: 0; bottom: 0; padding-bottom: 10px; } appnew .upload-tips { color: #75777A; } appnew .app-icon-upload { display: inline-block; } appnew .app-icon-upload .upload-wrap { position: relative; display: inline-block; margin: 40px 0 0 20px; float: left; } appnew .app-icon-upload .upload-wrap .tips { color: #94a1b4; padding-top: 20px; } appnew .app-icon-upload .upload-wrap #inputFile1 { width: 300px; } appnew #jsavator { border-radius: 3px; float: left; } appnew .valid-error { position: absolute; } appnew .item { width: 600px; overflow: visible; margin: 5px auto; padding-bottom: 10px; } appnew .item label { vertical-align: top; color: #94a1b4; width: 100px; display: inline-block; text-align: right; } appnew .item input[type="text"], appnew .item textarea { width: 470px; display: inline-block; } appnew .item textarea { height: 150px; resize: none; } appnew .appnew-items { padding-top: 44px; } appnew .app-items { position: relative; padding: 20px 0; width: 900px; margin: auto; } appnew .app-items h5 { color: #97a0b5; font-size: 14px; top: 24px; margin-top: 28px; margin-right: 20px; left: 100px; width: 160px; text-align: right; float: left; font-weight: normal; } appnew .app-items .config-area { float: left; clear: right; } appnew .app-items input[type="text"], appnew .app-items textarea { width: 300px; display: inline-block; } appnew .app-items .input-wrap { position: relative; display: inline-block; } appnew .app-items .input-wrap label.desc { display: block; padding: 5px; } appnew .app-items .upload-item { margin-top: 15px; } appnew .check-wrap, appnew .input-wrap span { position: absolute; top: 28px; left: 340px; line-height: 33px; width: 300px; display: block; } appnew .line { margin-top: 8px; } appnew .line li { display: inline-block; margin-right: 10px; margin-bottom: 5px; } appnew .line li > span, appnew .line li > img { display: inline-block; vertical-align: middle; } appnew .line li i.class { left: 0; } appnew .origin-app-config { border-bottom: 1px solid #e5e5e5; padding: 1.2em 100px; margin: 0; color: #95a8b8; } appnew .origin-app-config span { color: #95a8b8; font-size: 12px; } appnew .mt-30 { margin-top: 30px; } appnew .upload-btn { line-height: 24px; font-weight: normal; } appnew .upload-status { color: #97a0b5; font-size: 13px; } appnew fieldset { margin-top: 22px; border: none; border-top: 1px solid #e1e1e9; } appnew fieldset legend { text-align: center; } appnew .app-title { line-height: 33px; color: #95a8b8; font-weight: bolder; } appnew .introduce { font-size: 13px; padding-left: 10px; color: #97a0b5; } appnew .appnew-btns { text-align: center; padding-top: 10px; border-top: 1px solid #eef4f8; margin-top: 60px; } select-classify ul li { cursor: pointer; } select-classify ul li div.classify-item.checked { background-color: rgba(160, 160, 160, 0.3); } classify-manage .classify-instruction, select-classify .classify-instruction { display: flex; flex-direction: row; margin: 20px 0px 0px 20px; font-size: 14px; color: #97a0b5; } classify-manage .classify-instruction.material-ins, select-classify .classify-instruction.material-ins { margin: 0; padding-bottom: 20px; } classify-manage .classify-instruction p, select-classify .classify-instruction p { margin: 0 0 10px 0; } classify-manage .add-classify, select-classify .add-classify { height: 50px; line-height: 50px; text-align: center; border: 1px solid #ccc; border-left: none; border-right: none; border-top: none; } classify-manage ul li, select-classify ul li { height: 50px; line-height: 50px; border: 1px solid #ccc; border-left: none; border-right: none; background: #fff; margin-top: -1px; } classify-manage ul li div.classify-item, select-classify ul li div.classify-item { overflow: hidden; } classify-manage ul li div.classify-item .name, select-classify ul li div.classify-item .name { padding-left: 20px; float: left; } classify-manage ul li div.classify-item .tool, select-classify ul li div.classify-item .tool { visibility: hidden; /*display: flex;*/ float: right; /*flex-direction: row;*/ /*width: 100px;*/ height: 28px; margin-top: 12px; } classify-manage ul li div.classify-item .tool span, select-classify ul li div.classify-item .tool span { /*flex:1;*/ display: inline-block; width: 33px; height: 100%; cursor: pointer; /*background-size: 33px;*/ } classify-manage ul li div.classify-item .tool span:nth-of-type(1), select-classify ul li div.classify-item .tool span:nth-of-type(1) { margin-top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjhCNzExNEYyQ0FEMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjhCNzExNTAyQ0FEMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNkIxQjExNDJDODgxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOEI3MTE0RTJDQUQxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvb6RgUAAAQXSURBVHjazJpJTBRREIYfzejBi3pwRxNREPGmcYkYdACNiAtqop5M1BgPaggiIMjmirtyUGL04NHloMGoB9FxSYx6ERc2kcSogIBc3WLQeplqbYt6M92Pnp6p5D/M6+7H99fU9OtXTVztpVsiRmIyqAaUDYoHPQcVgh6HusiIEfgZoKegFSAfKA40F1QPWh3rBiR8ADSaOTYUdDmUCSMG4O+DRoU4xzSRG2sGUhGeZv4J6BGon5i4wpkwoghPy+Y3aDsoDbQQtBb0kzGxKtoGuMyb8OcsYzdA6xkTV0Ero2VgOsKPIfA7QLXM+SoT10wThsfwAQZ+J8k8Z2KDwsQcI4qZF1gOZ21cfx20kbk7VXthIAXhxzLH1oG22ZxH/oBfk7E0wwP4gAJe4Iora3+rjbnkCj2CjH0zPM68rPkToD5i4jxoS5j55HUTydjNSBmYhvDjCHw+PqBlgb4QExdAm0PA55Gxj6BiI0LwAQV8DX5uAGWCehkTmxj4AjL2CeQHdRkeZX6XBd6MVwjRQxbWixYTxxXwi0Dtbq8DyQg/noxL+DOKaxrRRDcxIb+J26Ddisy3u70SJ2PZUPj8EPBmNGFGuyxj8bix4eDfuf0spJN5Gi0I16k4LuEzKLwbBpIQfgIDf9rhXK0gbn/bgfBtbu8HkrBsKHyBBryMI8yC1oHfTJvbOzJV5uWP7pQmfLGTzA/GwFSET2DgT2rMV83AdyL823AXOzUwBcuGwhdqwh8G7WHg/XbgnRqQ8A8Y+CJcLXXgS3Qz79SAKvNFuFo6jUMMfBfCtzqZyI6BRISnT4LFmvAHQaUMvN8pvB0DiVg2FF7W7TFN+L1uZN6OAVXmJfxRjb91gIH/jPAtuouREQZ+Ehkv0YTfDypj4P2DgVcZMO82FL4UFxwd+HK3M2/dZ3I1n8DAV2vMv4+B70b4Zjceg+k3kMfAyximMXcVqIKB97sFzxnIUZxXhqXgBL4ykpnnDKRg/Zvxg5xbbtNEJQPfg/BNbm/ADUX2JXw62eqZJqrCwFcx8P5IwIcy8FAE31H5GROVChMVCviMSMFbDQwHLbCMmzujZgToDlMm5XjHsUYvXtsYwebZ39voEtAQy3gd2XRniIHNWTPb/cxvwxN4qwFr+cgG6numc5AhBr5V4UrJhH8jPAgDlc2UD9f+oI0oDj7TK3jTwGyS1bowPRzZEv+lgM8SA1vgES+hHHLXeMacJ5+LclHp2HiyhmzULhbBdqHw2sAyy+c28e/1ZioCrwHNFMHmKxd9CP9SRCF82GUwYz7oDj7UJYe59qsI/h+DfMRuEFEKH0Isx88yy0sV58pv5gXoLkq+kP4uohw+7KTJl8sjmeMfLMD3xP8vJWIifNjCmId9nVn4CFGP0K0ixuOPAAMAgKb+J47VhskAAAAASUVORK5CYII=) no-repeat center; background-size: 65%; } classify-manage ul li div.classify-item .tool span:nth-of-type(2), select-classify ul li div.classify-item .tool span:nth-of-type(2) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjhCNzExNTcyQ0FEMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjhCNzExNTgyQ0FEMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEI3MTE1NTJDQUQxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOEI3MTE1NjJDQUQxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpSDvosAAAD+SURBVHjaYpy+YCsDHuAJxHOBWBKH/HMgTgbi7bgMYGLAD/AZzgCVm4vPAEIWwAy3BWJGNGyLpoYsC2DgCJFiWC0AhfMzIP6PBcPAfzLkQWZ6MhERzuQCcPwwEQhncjE8fpgYaAPgwccCTcsgXxymgUUvQD5IATFoYPhTUCYE+WAb1AcwbzFSKXhkSMkHZINBYcFhHAngMDEJg4UIC2xIFB98QTRqwagFlOeDIzjKpyPElFvEWGBLojjOIPpETCuBAJCA0l+wWbAHSs9BUkgKkEZqI+3CFkTVQOwExF7QWo5c8AFqFoYPbgCxBRCvA+LPZBj8GarXAmoWGAAEGACa5jmwiMC+HwAAAABJRU5ErkJggg==) no-repeat center; background-size: 60%; } classify-manage ul li div.classify-item .tool span:nth-of-type(3), select-classify ul li div.classify-item .tool span:nth-of-type(3) { margin-top: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0M5QTBBM0UyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0M5QTBBM0YyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzlBMEEzQzJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQzlBMEEzRDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDy8rsAAAA8SURBVHjaYpy+YOthBgYGGwbqgiNMDLQBjCxAwpYWJtPKxaMGD3WDQRnkP5Xx4dEMMmrwaAYZiAwCEGAAd4YvPNmgKAcAAAAASUVORK5CYII=) no-repeat center; background-size: 60%; } classify-manage ul li div.classify-item:hover div.tool, select-classify ul li div.classify-item:hover div.tool { visibility: visible; } classify-manage ul li input.edit-name, select-classify ul li input.edit-name { height: 100%; border: 1px solid #378eef; } classify-manage ul li:last-child, select-classify ul li:last-child { border-bottom: 1px solid #ccc; } classify-manage ul li.active, select-classify ul li.active { border: none; } classify-manage ul li.noborder, select-classify ul li.noborder { border: none; } classify-manage ul li.noborderBottom, select-classify ul li.noborderBottom { border-bottom: none; } classify-manage ul li.noborderTop, select-classify ul li.noborderTop { border-top: none; } classify-manage ul li.list-item-chosen, select-classify ul li.list-item-chosen { border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; } classify-manage ul.add-status li:last-child, select-classify ul.add-status li:last-child { border-bottom: none; } classify-select li { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; padding: 0 20px; position: relative; cursor: pointer; } classify-select li span.selected { width: 23px; height: 16px; position: absolute; right: 20px; top: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat; } customer-service .info-nav h4 { width: 788px; margin: 0 auto; } customer-service .tips, customer-service .btn-wrapper, customer-service .control-wrapper { width: 600px; margin: 20px auto; } customer-service .control-wrapper { color: #97a0b5; } customer-service .btn-wrapper .col-name { height: 28px; line-height: 28px; color: #97a0b5; } customer-service .modal-tip { height: 50px; text-align: center; line-height: 50px; } customer-service .access-wrapper { margin-left: 20px; } customer-service .access-wrapper button { width: 120px; } devmode { position: relative; height: calc(100vh - 140px); width: 100%; display: block; } devmode .modal-container { text-align: center; } devmode .btn-wrapper { display: flex; justify-content: center; border-top: 1px solid #eff4f8; } devmode .devmode0 { width: 90px; height: 30px; } devmode .item_wrap > div { padding: 24px; width: 700px; margin: 0 auto; } devmode .item_wrap > div.btn-wrapper { width: 100%; margin: 0; } devmode ul { list-style: none; } devmode .detail { color: #777; word-break: break-all; word-wrap: break-word; } devmode .detail label { color: #3d424c; } devmode .detail label:nth-of-type(2) { margin-left: 20px; } devmode .detail tr td { height: 34px; } devmode .detail tr td span { text-align: right; float: right; width: 200px; position: relative; } devmode .detail tr td:nth-of-type(2) { padding-left: 20px; padding-bottom: 20px; position: relative; left: 0; top: 10px; } devmode .detail tr:last-of-type td { padding-bottom: 0px; top: 0; } devmode .control-bar { height: 56px; line-height: 56px; text-align: center; position: relative; font-size: 17px; color: #3d424c; border-bottom: 1px solid #eef4f8; } devmode .control-bar .control-title { font-weight: bold; } devmode .control-bar .new-btn { position: absolute; top: 50%; transform: translate(0, -50%); left: 16px; background: #fff; border: 1px solid #E0E0E0; border-radius: 3px; align-content: center; height: 32px; line-height: 32px; justify-content: center; display: flex; align-items: center; cursor: pointer; font-size: 14px; } devmode .control-bar .new-btn.new-btn-back { width: 70px; color: #666; } devmode .control-bar .new-btn .back-icon { display: flex; width: 6px; height: 10px; margin-right: 4px; } devmode .control-bar .development_guide { position: absolute; top: 0; right: 16px; font-size: 12px; } devmode .goback { position: absolute; left: 30px; top: 38px; } devmode .bar_left { position: absolute; left: 20px; top: 0px; } devmode .mInput { margin-right: 20px; vertical-align: middle; width: 300px; height: 30px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; float: left; font-size: 13px; } devmode .mInput::-webkit-input-placeholder { color: #97a0b5; } devmode #update-interface tr { height: 35px; } devmode .setting-illustrate { color: #378eef; } editmode { height: 100%; display: flex; flex-direction: column; } editmode .header { border-bottom: 1px solid #eee; } editmode .menu-content-info .button-group { width: 100%; left: 0; } editmode .nav-bar { position: relative; /*margin-right: 10px; margin-left: 40px;*/ background: #fff; text-align: center; padding: 20px 0 40px; } editmode .nav-bar .tabs { height: 48px; display: flex; justify-content: center; } editmode .nav-bar .tabs div { width: 170px; border: 1px solid #ccc; border-left: none; cursor: pointer; background: #eef4f8; } editmode .nav-bar .tabs div a { display: inline-block; /*padding: 10px;*/ height: 100%; line-height: 48px; outline: none; color: #3d424c; } editmode .nav-bar .tabs .on { /*background: #f1f2f7;*/ background: #fff; } editmode .nav-bar .tabs .on a { color: #378eef; } editmode .nav-bar .tabs div:first-child { border-left: 1px solid #ccc; border-radius: 4px 0px 0px 4px; } editmode .nav-bar .tabs div:last-child { border-radius: 0px 4px 4px 0px; } editmode .nav-bar .switch-handle { border: 0; position: absolute; right: 20px; /*top: 22px;*/ top: 40px; } editmode #editModeContainer { margin-right: 0; position: relative; flex: 1; flex-direction: column; display: flex; } editmode #editModeContainer messagereply, editmode #editModeContainer keyreply, editmode #editModeContainer definemenu, editmode #editModeContainer quickentrance { flex: 1; flex-direction: column; display: flex; min-height: calc(100vh - 60px - 60px - 60px - 16px); } editmode #editModeContainer messagereply .menu-footer, editmode #editModeContainer keyreply .menu-footer, editmode #editModeContainer definemenu .menu-footer, editmode #editModeContainer quickentrance .menu-footer { z-index: 100; } editmode #editModeContainer messagereply .middle-wrap, editmode #editModeContainer keyreply .middle-wrap, editmode #editModeContainer definemenu .middle-wrap, editmode #editModeContainer quickentrance .middle-wrap { overflow: auto; } editmode #editModeContainer.with-nav messagereply, editmode #editModeContainer.with-nav keyreply, editmode #editModeContainer.with-nav definemenu, editmode #editModeContainer.with-nav quickentrance { min-height: calc(100vh - 60px - 60px - 60px - 84px - 16px); } editmode #editModeContainer messagereply .show-picText-content, editmode #editModeContainer addreply .show-picText-content { padding-bottom: 0; } editmode #editModeContainer messagereply .show-picText-content .reply-content, editmode #editModeContainer addreply .show-picText-content .reply-content { position: static; } editmode #editModeContainer messagereply .show-picText-content .preview, editmode #editModeContainer addreply .show-picText-content .preview { min-height: auto; } editmode #editModeContainer messagereply .show-picText-content .preview material-preview .preview-content, editmode #editModeContainer addreply .show-picText-content .preview material-preview .preview-content { height: auto; } editmode #editModeContainer messagereply .show-picText-content .preview material-preview pic-text-preview, editmode #editModeContainer addreply .show-picText-content .preview material-preview pic-text-preview { margin: 20px; } editmode #editModeContainer messagereply .show-picText-content .preview .close, editmode #editModeContainer addreply .show-picText-content .preview .close, editmode #editModeContainer messagereply .show-picText-content .preview .add-more, editmode #editModeContainer addreply .show-picText-content .preview .add-more { display: none; } editmode #editModeContainer .header { /* margin-left: 40px;*/ background: #fff; height: 60px; flex-basis: 60px; line-height: 60px; /* padding: 0 20px;*/ border-bottom: 1px solid #eef4f8; position: relative; } editmode #editModeContainer .header .back { position: absolute; left: 16px; } editmode #editModeContainer .header .back a { display: inline-block; } editmode #editModeContainer .header .back a.new-btn { background: #fff; margin-top: 14px; border: 1px solid #E0E0E0; border-radius: 3px; align-content: center; height: 32px; line-height: 32px; justify-content: center; display: flex; cursor: pointer; } editmode #editModeContainer .header .back a.new-btn.new-btn-back { width: 70px; color: #666; } editmode #editModeContainer .header .back a.new-btn .back-icon { display: flex; margin-right: 2px; } editmode #editModeContainer .header .name { font-weight: bold; font-size: 17px; text-align: center; } editmode #editModeContainer .header .switch-handle { position: absolute; right: 40px; border: 0; top: 0; /*top: 22px;*/ background: none; } editmode #editModeContainer .content { /*margin-left: 40px;*/ background: #fff; text-align: center; height: 100%; min-height: 300px; flex: 1; flex-direction: column; display: flex; } editmode #editModeContainer .content .showLib { height: 100%; flex: 1; flex-direction: column; display: flex; } editmode #editModeContainer .content .no-content div { padding: 30px 0; } editmode #editModeContainer .content .no-content div span.no-message { background: url(data:image/png;base64,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) no-repeat; background-size: 100%; width: 119px; height: 111px; display: inline-block; } editmode #editModeContainer .content .no-content div:first-child { padding: 50px 0px 20px 0px; font-size: 14px; } editmode #editModeContainer .content .no-content .noReply { padding: 0; } editmode #editModeContainer #reply-lib { padding: 0; flex: 1; flex-direction: column; display: flex; justify-content: space-between; min-height: calc(100vh - 60px - 60px - 60px - 84px - 16px); } editmode #editModeContainer #reply-lib #preview.preview { min-height: calc(100vh - 60px - 60px - 60px - 84px - 16px); } editmode #editModeContainer #reply-lib div.left-wrap { min-height: calc(100vh - 60px - 60px - 60px - 84px - 16px); } editmode #editModeContainer #reply-lib .nav-wrap { text-align: left; background-color: #f9fbfd; height: 48px; flex-basis: 48px; } editmode #editModeContainer #reply-lib .material-nav { height: 100%; color: #97a0b5; border-top: none; } editmode #editModeContainer #reply-lib .material-nav div { display: inline-block; padding: 0 30px; } editmode #editModeContainer #reply-lib .material-nav span { border: none; padding: 0; height: 100%; width: 160px; top: -1px; height: 48px; line-height: 48px; border-right: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; } editmode #editModeContainer #reply-lib .material-nav span.active { background: #ffffff; border-bottom: 1px solid #ffffff; top: 0; left: -4px; } editmode #editModeContainer #reply-lib #material { text-align: left; flex: 1; height: 350px; } editmode #editModeContainer #reply-lib #post { height: 84px; padding: 24px 0; display: flex; border-top: 1px solid #c5cbd9; justify-content: center; position: absolute; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 100; } editmode #editModeContainer #reply-lib #post .btn-primary { margin-right: 10px; } editmode .reply-content { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; height: 100%; padding-bottom: 76px; } editmode .reply-content .preview { margin-bottom: 30px; position: relative; min-height: calc(100vh - 60px - 60px - 60px - 84px - 120px - 16px); right: 0; } editmode .reply-content .preview .preview-title { display: none; } editmode .reply-content .preview .material-preview-content-wrapper { border: none; } editmode .reply-content .preview .preview-content { height: 400px; } editmode .reply-content .preview #avater { display: none; } editmode .reply-content .preview .content-wrap { max-width: 100%; } editmode .reply-content .preview.pictext-preview { border: none; } editmode .reply-content .preview new-message-preview .components-message-preview-content-wrapper { position: static; margin: 0; text-align: left; } editmode .reply-content .preview new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper { width: 213px; } editmode .reply-content .preview new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper.components-message-file-has-content-wrapper { width: 260px; } editmode .reply-content .preview new-message-preview .components-message-preview-content-wrapper .components-message-show-emote { border: none; } editmode .reply-content .preview new-message-preview .components-message-has-only-img-wrapper { border: 1px solid #ededed; border-bottom: none; } editmode .reply-content .preview new-message-preview .components-message-has-only-img-bottom { border: 1px solid #ededed; } editmode .reply-content .preview new-message-preview .components-message-has-muliple-imgs { border-bottom: none; } editmode .reply-content .preview new-message-preview .components-message-preview-pic-text-content { display: none; } .button-group { display: flex; justify-content: center; align-items: center; padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #eee; position: fixed; z-index: 100; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; } addreply { min-height: calc(100vh - 60px - 60px - 60px - 84px - 16px); display: flex; flex: 1; flex-direction: column; } install-err-modal { text-align: center; } install-err-modal .no-auth { width: 100px; height: 100px; border-radius: 50%; margin: 20px auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAIAAACyr5FlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3OUQ0RkVDRUZENDExRTRCQzgwRDcwQjQwQ0UzRjREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3OUQ0RkVERUZENDExRTRCQzgwRDcwQjQwQ0UzRjREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzc5RDRGRUFFRkQ0MTFFNEJDODBENzBCNDBDRTNGNEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc5RDRGRUJFRkQ0MTFFNEJDODBENzBCNDBDRTNGNEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ggWz9AAAFH0lEQVR42uzdzW/bZBzAcT+J0ziJRZqkXbO2KgwxNMr6AqoQ7EWakDjwJl66qScOHJA2iQNcuMA/wAmBuCCGOPK2gcRh4og0dQVt2uq9wLiV7qXrujZtNyfpmta0moSWxl2WF/t50nw/p8my7Dj5xnaq5Dfx/OUvNMBNgKcAxAHiAHGAOEAcIA4QB4gDxAHiAIgDxAHiAHGAOEAcIA4QB4gDxAEQB4gDxAHiAHGAOEAcIA4QB4gDIA4QB4gDxAHiAHGAOEAcIA4QB4gDIA4QB4gDxAHiAHGAOEAc2LJ09R/iULTrrUT/gLE9qUeFJmrc2qrmzBZsKzd1LDNu5W6UXf9pY9va3p+JdLXpsRYRrHHvS05hZtm+kJ/6KWP9nb+p+DMvVP4/3nQR/KjjwOvxXi827mja8Xnrs+mTq+v/dD2pig879g+3DghP9u58N3f2y5lTjsJxBLvff1nZB/fx9hdf86aM9beFpvUa6bjeMmZPuq7wwbb9hxKDwqu9i75IZygQOJO9yj1HxfbGHn3lkV6v9zLcOtgfSZcuX1u4VobXe38nObQz3EYcFXuzdbcfl1VNc43gYGJA+LF3cTDRxw1pxQYjXRuWTC/f/urW2Kg9sbiyVMUG48Hw3tiOw20vtIfMopOE4XLmeDbS7c9hDpQcJnGUYQjdDIbvXzK1fPu9yR9nC9mqt7mwsnRi8fLp7OQ3PSP395HUY6Urp/SoP0eaCkaVjUPRy0pIbHxgX98aq6WM/80Uskdn/yj+TCTzSRBCEEetTtkT9drUqP2vhq0Ux0JV9xmu6nIGIg4QB0AcIA4QB4hjazOEThxwFxQB4gCXFRAHiAPEARDHPYKXnTg2YwZaeOGJA8QB4gBxuIsXf9+4FtFAiBd+S8WxJ/ZYvTa1z9zBC9/AcSw7qxuWHGnfU5efC6RD5rup59Q5Uoc4KpV3CneKv1Hcrpvf9oy8Gt/VGjSq22YyGHkj3nu0ZyRV/EOV+ZVc6coZv76EPFewlY1D3S8TjOeu7TMfL+ojZH6SfqnuO7Jy110W5q8fMJ/w4TBP80PqKvy6cMmfHR3PnC9d+P3cOR9O+OtjIDIWcVTs5J2J3xb/8XovJxb/cn3vWrkbxzLjnnc5b13MTyv7Eig9n2PUnugImU+G2z07OV38dPr3zYa3/Glfievhp4y0N8NbtB8yZz+/OaryDanSk33uGYp2Dyf6+ozOpB6pfeyTozlzhayVn/olc/5M9lrZ9XcbHW8n+gcjnal6jH2666zMFuxzuas/Zy5cYuwT+DsHiAPEARAHiANVaYAJxnJnCMudn8xH2Qec1mTOEJY7P1kFSv+FVO4MYbnzk7nneBC5M4Tlzk8mjjLkzhCWOz+ZG9Iy5M4Qljs/mTjKkDhDWPr8ZC4rynxgK5kh3Dzzk4mjDppzfjJxPOxFoV6baqD5ycQB4gBxgDhAHCAOuVSeIUwckqk8Q5g4QBwgDhAHiAPEAd8I4sBmGmh+MnGAOEAcIA6/Nef8ZOJ4KM05P5k4XH6r2jzzkxs1DokzhKXPT1aEul9lkDtDWO78ZM4cZcidISx3fjJxlH1LyZwhLHd+siKUns8hd4aw3PnJKmiAIbVyZwjLnZ9MHOCeA8QB4gBxgDgA4gBxgDhAHCAOEAeIA8QB4gBxAMQB4gBxgDhAHCAOEAeIA8QB4gCIA8QB4gBxgDhAHCAOEAeIA8QB4gCIA8QB4gBxgDhAHCAOEAeIA8QBEAeIA8QB4oDP/hNgAIiN359yLF8FAAAAAElFTkSuQmCC) no-repeat center; background-size: 100px; overflow: hidden; } install-err-modal .provider-name { color: #97a0b5; font-size: 15px; } install-err-modal .name { position: relative; } install-err-modal .name .beta { position: absolute; right: -45px; top: 2px; line-height: 16px; padding: 0 5px; /*border: 1px solid #4e9ae1;*/ background-color: #82b6f4; border-radius: 4px; color: #fff; } install-err-modal img { width: 78px; height: 78px; border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 10px; } install-err-modal .tip-text { margin-top: 30px; } keyreply .kr-content { display: flex; width: 100%; min-height: calc(100vh - 310px); text-align: left; flex-direction: column; flex: 1; } keyreply .kr-content .no-content { display: flex; justify-content: center; align-items: center; flex-direction: column; align-self: center; } keyreply .kr-content .kr-container-wrap { display: flex; flex: 1; flex-direction: column; justify-content: space-between; } keyreply .kr-content .kr-container-wrap .main-area { display: flex; min-height: calc(100vh - 350px); } keyreply .kr-content .kr-container-wrap .rules-wrapper { height: 100%; } keyreply .kr-content .kr-container-wrap .button-group { position: relative; border-top: 1px solid #eee; } keyreply .kr-content .kr-container { display: flex; flex: 1; flex-direction: column; } keyreply .kr-content .kr-container .button-group { padding-bottom: 10px; left: 0; } keyreply .kr-content .no-message-tip { display: flex; flex-direction: column; align-items: center; } keyreply .kr-content .no-message-tip span:last-child { display: inline-block; padding-top: 5px; } keyreply .reply-lib { width: 100%; flex: 1; flex-direction: column; display: flex; height: 100%; } keyreply .rules { /*width: 235px;*/ width: 290px; border-right: 1px solid #eee; display: flex; flex-direction: column; } keyreply .rules ul { list-style-type: none; height: 100%; overflow: auto; } keyreply .rules li { display: flex; justify-content: center; align-items: center; height: 42px; cursor: pointer; /*border-bottom: 1px solid #f1f2f7;*/ } keyreply .rules li:hover { background-color: #eef4f8; color: #378eef; } keyreply .rules li.active { /*background-color: #ccc;*/ color: #378eef; } keyreply .rules .rule-name { width: 25em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; } keyreply .rules .add-new { display: flex; justify-content: center; align-items: center; height: 42px; cursor: pointer; color: #000; border-bottom: 1px solid #f1f2f7; /*margin-bottom: 38px;*/ background: #eef4f8; } keyreply .no-preview-content { width: 320px; height: 152px; border: 1px solid #ccc; border-radius: 5px; position: relative; left: 80px; top: 10px; margin-bottom: 30px; } keyreply .kr-container { display: flex; justify-content: center; flex: 1; } keyreply .kr-container .add-rule { position: relative; text-align: left; width: 100%; color: #9ca8ba; height: 100%; padding-left: 54px; } keyreply .kr-container .add-rule .input-group:nth-of-type(1) { padding-top: 50px; } keyreply .kr-container .add-rule .input-group:nth-of-type(1) input { left: 85px; top: 45px; position: absolute; } keyreply .kr-container .add-rule .input-group:nth-of-type(2) { padding-top: 35px; } keyreply .kr-container .input-group { position: relative; } keyreply .kr-container .input-group .add-keyword { position: absolute; left: 85px; bottom: -20px; } keyreply .kr-container .input-group .keyword-group { display: flex; flex-direction: column; position: relative; left: 10px; top: 0px; } keyreply .kr-container .input-group .keyword-group div { display: flex; align-items: center; } keyreply .kr-container .input-group input { outline: none; position: relative; } keyreply .kr-container .input-group span { font-size: 14px; } keyreply .kr-container .input-group select { display: inline-block; width: 94px; height: 26px; margin-right: 10px; margin-left: 10px; } keyreply .kr-container .input-group i { position: relative; left: 5px; cursor: pointer; color: #f96e75; font-style: normal; } keyreply .kr-container .keyreply-preview { right: 44px; border: 1px solid #ccc; border-radius: 5px; } keyreply .kr-container .keyreply-preview .preview-title { display: none; } keyreply .kr-container .keyreply-preview .preview-content { width: auto; min-height: 150px; height: auto; overflow-x: hidden; margin-top: 0; padding: 10px; } keyreply .kr-container .keyreply-preview .preview-content .close { display: none !important; } keyreply .kr-container .keyreply-preview .add-more { display: none; } keyreply .kr-container .keyreply-preview #avater { display: none; } keyreply .kr-container .replay-content, keyreply .kr-container .replay-content-edit { width: 280px; left: 80px; position: static; border: none; } keyreply .kr-container .replay-content.pictext-preview, keyreply .kr-container .replay-content-edit.pictext-preview { border: none; } keyreply .kr-container .replay-content new-message-preview .components-message-preview-content-wrapper, keyreply .kr-container .replay-content-edit new-message-preview .components-message-preview-content-wrapper { position: static; margin: 0; text-align: left; } keyreply .kr-container .replay-content new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper, keyreply .kr-container .replay-content-edit new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper { width: 213px; } keyreply .kr-container .replay-content new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper.components-message-file-has-content-wrapper, keyreply .kr-container .replay-content-edit new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper.components-message-file-has-content-wrapper { width: 260px; } keyreply .kr-container .replay-content new-message-preview .components-message-preview-content-wrapper .components-message-show-emote, keyreply .kr-container .replay-content-edit new-message-preview .components-message-preview-content-wrapper .components-message-show-emote { border: none; } keyreply .kr-container .replay-content new-message-preview .components-message-has-only-img-wrapper, keyreply .kr-container .replay-content-edit new-message-preview .components-message-has-only-img-wrapper { border: 1px solid #ededed; border-bottom: none; } keyreply .kr-container .replay-content new-message-preview .components-message-has-only-img-bottom, keyreply .kr-container .replay-content-edit new-message-preview .components-message-has-only-img-bottom { border: 1px solid #ededed; } keyreply .kr-container .replay-content new-message-preview .components-message-has-muliple-imgs, keyreply .kr-container .replay-content-edit new-message-preview .components-message-has-muliple-imgs { border-bottom: none; } keyreply .kr-container .replay-content new-message-preview .components-message-preview-pic-text-content, keyreply .kr-container .replay-content-edit new-message-preview .components-message-preview-pic-text-content { display: none; } keyreply .kr-container .replay-content .components-message-preview-content-wrapper, keyreply .kr-container .replay-content-edit .components-message-preview-content-wrapper { position: static; } keyreply .kr-container .replay-content-edit { position: relative; left: 80px; margin-bottom: 30px; } keyreply .kr-container .rule-name { width: 344px; } keyreply .kr-container .rule-keyword { width: 235px; } keyreply .kr-container .add-keyword { font-size: 14px; position: absolute; bottom: -25px; left: 86px; cursor: pointer; color: #378eef; } keyreply .kr-container .add-reply-content { padding-top: 26px; } keyreply .kr-container .add-reply-content div span { font-size: 14px; } keyreply .kr-container .add-reply-content div #addReplyContent { display: inline-block; margin-left: 10px; margin-bottom: 10px; cursor: pointer; color: #378eef; } keyreply .kr-container .add-reply-content textarea { position: relative; top: 10px; left: 67px; width: 345px; height: 100px; border-radius: 5px; outline: none; } keyreply .kr-container .keyreply-saved .saved-rule-name > span, keyreply .kr-container .keyreply-saved .saved-rule-list > span, keyreply .kr-container .keyreply-saved .saved-rule-content > span { display: inline-block; text-align: right; } keyreply .kr-container .keyreply-saved .saved-rule-name { padding-top: 50px; } keyreply .kr-container .keyreply-saved .saved-rule-list { display: flex; padding-top: 35px; } keyreply .kr-container .keyreply-saved .saved-rule-list .save-rule-item { color: #000; padding-right: 20px; } keyreply .kr-container .keyreply-saved .saved-rule-list .save-rule-wraper { margin-left: 5px; } keyreply .kr-container .keyreply-saved .saved-rule-content { display: flex; padding-top: 35px; margin-bottom: 30px; } keyreply .kr-container .keyreply-saved .saved-rule-content textarea { flex: 1; height: 100px; } #editModeContainer { margin-right: 50px; } #editModeContainer .btn-primary { margin-right: 10px; } menu-lib { flex: 1; display: flex; flex-direction: column; overflow: auto; overflow-x: hidden; height: 100%; } menu-lib .menu-content { display: flex; flex: 1; min-height: 250px; } menu-lib .menu-content .left-wrap { display: flex; flex-direction: column; padding: 0; /*padding-top: 20px;*/ flex: 1; border-right: 1px solid #eee; } menu-lib .menu-content .left-wrap .menu-name { font-size: 17px; height: 55px; line-height: 55px; font-weight: bold; border-bottom: 1px solid #eee; } menu-lib .menu-content .left-wrap div.side-menu { text-align: right; font-size: 14px; font-weight: bold; flex: 1; overflow-y: auto; } menu-lib .menu-content .left-wrap div.side-menu .icon { background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/edit-mode-icons.png?31c41d866285047cbc56fa4e155c8887) no-repeat 0 0 transparent; display: inline-block; width: 15px; height: 15px; cursor: pointer; } menu-lib .menu-content .left-wrap div.side-menu span { float: left; } menu-lib .menu-content .left-wrap div.side-menu .close { background-position: -391px 7px; position: relative; top: 9px; width: 20px; height: 30px; } menu-lib .menu-content .left-wrap div.side-menu .open { background-position: -391px -51px; position: relative; top: 9px; width: 20px; height: 30px; } menu-lib .menu-content .left-wrap div.side-menu .add-icon { background-position: -63px -52px; } menu-lib .menu-content .left-wrap div.side-menu .edit-icon { background-position: -63px -100px; } menu-lib .menu-content .left-wrap div.side-menu .del-icon { background-position: -63px -148px; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item { line-height: 40px; /*border-top: 1px solid #ccc;*/ } menu-lib .menu-content .left-wrap div.side-menu div.sub-item .name { cursor: pointer; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item span.active { color: #378eef; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item input { margin-top: 3px; min-width: 280px; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item a { display: none; margin-right: 10px; cursor: pointer; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu { overflow: hidden; padding-left: 5px; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu.non-arrow { padding-left: 25px; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu:hover { background: #eff4f8; cursor: pointer; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu:hover a { display: inline-block; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item ul { display: none; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item ul li:hover { background: #eff4f8; cursor: pointer; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item ul li { overflow: hidden; /*border-top: 1px solid #ccc;*/ padding-left: 40px; padding-right: 20px; } menu-lib .menu-content .left-wrap div.side-menu div.sub-item ul li:hover a { display: inline-block; } menu-lib .menu-content .left-wrap .add-menu { font-weight: bold; height: 40px; color: #169bd5; line-height: 40px; /*border-top: 1px solid #ccc;*/ /*border-bottom: 1px solid #ccc;*/ cursor: pointer; background: #eef4f8; color: #000; } menu-lib .menu-content .middle-wrap { padding-top: 20px; flex: 1; color: #9ca8ba; } menu-lib .menu-content .middle-wrap time, menu-lib .menu-content .middle-wrap .slanting { color: #222; } menu-lib .menu-content .middle-wrap > div:first-child { margin: 20px 0px 40px 0px; } menu-lib .menu-content .middle-wrap .piece { /*margin-top: 70px;*/ } menu-lib .menu-content .middle-wrap .piece span { margin: 0 10px; width: 100px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; border: 1px solid #eee; color: #4e9ae1; } menu-lib .menu-content .right-wrap { flex: 1; border-left: 1px solid #eee; } menu-lib .menu-content .right-wrap .show-title { font-size: 16px; font-weight: bold; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; } menu-lib .menu-content .right-wrap .components-message-preview-content { cursor: default; } menu-lib .menu-footer { border: 1px solid #eee; display: flex; height: 50px; flex-basis: 50px; line-height: 50px; } menu-lib .menu-footer div.left { text-align: left; flex: 2; border-right: 1px solid #fff; } menu-lib .menu-footer div.left button { line-height: 28px; height: 28px; } menu-lib .menu-footer div.left button:first-child { margin-right: 10px; } menu-lib .menu-footer div.left .btn-group { float: right; margin-right: 30px; } menu-lib .menu-footer div.left span { font-size: 14px; /* display:inline-block;*/ width: 500px; float: left; height: 100%; padding: 0px 17px; color: #9ca8ba; } menu-lib .menu-footer div.right { border-left: 1px solid #eee; flex: 1; cursor: pointer; position: relative; display: flex; } menu-lib .menu-footer div.right .icon-container { display: flex; justify-content: center; align-items: center; width: 50px; } menu-lib .menu-footer div.right .icon { display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAA8CAYAAAD4zJ32AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzJBMkFEODNGNUFDMTFFNkI4NTRBQkVDRjlFMUQ1ODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzJBMkFEODRGNUFDMTFFNkI4NTRBQkVDRjlFMUQ1ODkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMkEyQUQ4MUY1QUMxMUU2Qjg1NEFCRUNGOUUxRDU4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMkEyQUQ4MkY1QUMxMUU2Qjg1NEFCRUNGOUUxRDU4OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZOdtwAAAMjSURBVHja7JxPbA1BHMd3q4qK4oKLfwknNwnixIFEXohwEJrIO1WaSDiIiwQh4oI4ViWSFmnCTaIOKggJiQMH3BXxL5GgrYaivuPtS+dN9mV3Z+bNdPT7TT7pezP7e7/Jt7O7s7/XTtzV0x8pWgE6QCl5PTOiZP0Eg+A2uNRZLj2TO2PJ0BZwGhwA0+lbLo2Dq2A/jB0SDU1JxzRwHRyimYUUg73gzoXeW62yoSfBdvqjrbXgYtXQZcnMlCWuEe1gfvJbIBPMAdvAc8WzdszS9c14UQYzpI63YB34yImXqmFwE9wDD8Bq6fTfJ2boZiXgOM3MpRFwWGnbIgxdojQO0Kvcug/GpPeLhKFtykHf6FNu/QHf5YYmemJXNJSG0lAaSrkxNE4eAh6CT+AFOJWySrAV5yOnyVgrH9DV0/8FP+dKbfPA15Rju8WTQEr7S7ABfK6TQzfOR06duBr/8s7QnXUSCa0CZy3H+chpMtbCp3w5o393lF6I1o3zkdNkrIUNXZ7RLxIttBjnI6fJWAsb+i6jf6zO9UU3zkdOk7EWNvRaRr/4HmXYYpyPnCZjLWzo5eQD0/QBHLQc5yOnyVgLG/ob7ABHwZukbSQZxBrw2nKcj5wmY9Vah8qaBUY1HiR043zkzBuntQ5VNeo4zkdOrTg+y7M4MnUMDaWQYVwAacRNKdRChmmxpmE3pVALGVYKIC5O+VAKGVYKIC4MDaWQYaUA4sLQUAoZVgogLgwNpZBhpQDiwtBQChlWCiAuDA2lkGGlAOJqHRpCIcNmsaah69AgCxkWzOSzPIsjNJSGUjSUhk4ZNTvIoa5zJ5tsrLs5Q3nK01BeQxt5jeIMpWgoDf1fDR1S2tpoSyH/WqX346JhUDloE33KrY1R7ZYi74Wh6r9znwAL6FWmZoMzStuAMLQX/JAaF4MnYM8kf2T0aeRW8Cia2M2hqm6xDn0FzoEjUsdS0EfvCqmvs1x6XL3LHwM36Im2xBndIS+bxNeru8B58Iv+5JbYCOuKuJFjdv7b2SFO2aptZVT5C7XqVm0t9K1Gwjjx/f3dqLJV21O5868AAwA67DpIp/2n4QAAAABJRU5ErkJggg==) no-repeat no-repeat center; background-size: contain; width: 38px; height: 38px; } menu-lib .menu-footer div.right .sub-con { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NURGMEVGOUE0QjQxMUU2QjIzNUY3NzIyNjI5MDg1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NURGMEVGQUE0QjQxMUU2QjIzNUY3NzIyNjI5MDg1MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1REYwRUY3QTRCNDExRTZCMjM1Rjc3MjI2MjkwODUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc1REYwRUY4QTRCNDExRTZCMjM1Rjc3MjI2MjkwODUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bQHjzAAAAFFQTFRFQ0NDpaWlQEBA1dXVYWFhrq6utLS0Wlpa29vb4+PjaWlpX19fBQUF3d3drKysu7u7o6OjY2Njbm5uMTExBwcHpKSkQkJCPz8/ra2tGxsb////TA0f6AAAABt0Uk5T//////////////////////////////////8AJzQLNQAAADpJREFUeNpiEJaEAhEeBjZGURAQYGTmZZBCAJxsFiZxMGBi52LglwADPlYOTqL0CjKIgQEDtxBAgAEAp10KWVXtq8EAAAAASUVORK5CYII=); width: 11px; height: 11px; display: inline-block; } menu-lib .menu-footer div.right .menu-area { flex: 1; display: flex; } menu-lib .menu-footer div.right .menu-show { flex: 1; display: flex; justify-content: center; align-items: center; border-left: 1px solid #eee; position: relative; } menu-lib .menu-footer div.right .menu-show .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; } menu-lib .menu-footer div.right .menu-show .name.non-sub { width: 100%; } menu-lib .menu-footer div.right .menu-show .has-sub { width: 100%; } menu-lib .menu-footer div.right .sub-menu { position: absolute; width: 132px; bottom: 52px; left: 66px; flex-direction: column; align-items: center; display: none; } menu-lib .menu-footer div.right .sub-menu .triangle { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ccc transparent transparent transparent; } menu-lib .menu-footer div.right .sub-menu span { width: 100%; height: 28px; line-height: 28px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; background-color: #ccc; } menu-lib .menu-footer div.right .sub-menu span:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } menu-lib .menu-footer div.right .sub-menu span:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: none; } menu-lib .menu-footer div.right .sub-menu a:hover { background: #509ee2; } menu-lib .menu-footer div.right .sub-menu a { width: 150px; height: 28px; color: #222; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; background-color: #ccc; } menu-lib .menu-footer div.right .sub-menu a:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } menu-lib .menu-footer div.right .sub-menu a:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: none; } menu-lib .menu-footer div.right .menu-flex { display: flex; } menu-lib .menu-content-info { position: relative; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: calc(100% - 81px); } menu-lib .menu-content-info .preview { right: 0; width: 280px; position: relative; /* .content-wrap { display: none; }*/ } menu-lib .menu-content-info .preview.pictext-preview { border: none; margin-bottom: 10px; } menu-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper { position: static; margin: 0; text-align: left; } menu-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper { width: 213px; } menu-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper.components-message-file-has-content-wrapper { width: 260px; } menu-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper .components-message-show-emote { border: none; } menu-lib .menu-content-info .preview new-message-preview .components-message-has-only-img-wrapper { border: 1px solid #ededed; border-bottom: none; } menu-lib .menu-content-info .preview new-message-preview .components-message-has-only-img-bottom { border: 1px solid #ededed; } menu-lib .menu-content-info .preview new-message-preview .components-message-has-muliple-imgs { border-bottom: none; } menu-lib .menu-content-info .preview new-message-preview .components-message-preview-pic-text-content { display: none; } menu-lib .menu-content-info .preview.push-event-preview { padding: 20px; width: 100%; right: 0; border-width: 0; } menu-lib .menu-content-info .preview .preview-title { display: none; } menu-lib .menu-content-info .preview .preview-content { width: auto; height: 320px; overflow-x: hidden; } menu-lib .menu-content-info .preview .pt-wrap { text-align: left; } menu-lib .menu-content-info .button-group { background: #fff; position: relative; border-top: 1px solid #eee; } menu-lib .menu-content-info .close { display: none !important; } menu-lib .menu-content-info .add-more { display: none; } menu-lib .right-wrap .menu-content-info .preview { overflow-y: auto; overflow-x: hidden; width: 325px !important; width: 86%; position: static; border: none; } menu-lib .right-wrap .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper { margin-top: 10px; } #editModeContainer { margin-right: 50px; } #editModeContainer .btn-primary { margin-right: 10px; } quick-lib { flex: 1; display: flex; flex-direction: column; overflow: auto; overflow-x: hidden; height: 100%; } quick-lib .menu-content { display: flex; flex: 1; min-height: 250px; } quick-lib .menu-content .left-wrap { display: flex; flex-direction: column; padding: 0; /*padding-top: 20px;*/ flex: 1; border-right: 1px solid #eee; } quick-lib .menu-content .left-wrap .menu-name { font-size: 17px; height: 55px; line-height: 55px; font-weight: bold; border-bottom: 1px solid #eee; } quick-lib .menu-content .left-wrap div.side-menu { text-align: right; font-size: 14px; font-weight: bold; flex: 1; overflow-y: auto; } quick-lib .menu-content .left-wrap div.side-menu .icon { background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/edit-mode-icons.png?31c41d866285047cbc56fa4e155c8887) no-repeat 0 0 transparent; display: inline-block; width: 15px; height: 15px; cursor: pointer; } quick-lib .menu-content .left-wrap div.side-menu span { float: left; } quick-lib .menu-content .left-wrap div.side-menu .close { background-position: -391px 7px; position: relative; top: 9px; width: 20px; height: 30px; } quick-lib .menu-content .left-wrap div.side-menu .open { background-position: -391px -51px; position: relative; top: 9px; width: 20px; height: 30px; } quick-lib .menu-content .left-wrap div.side-menu .add-icon { background-position: -63px -52px; } quick-lib .menu-content .left-wrap div.side-menu .edit-icon { background-position: -63px -100px; } quick-lib .menu-content .left-wrap div.side-menu .del-icon { background-position: -63px -148px; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item { line-height: 40px; /*border-top: 1px solid #ccc;*/ } quick-lib .menu-content .left-wrap div.side-menu div.sub-item .name { cursor: pointer; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item span.active { color: #378eef; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item input { margin-top: 3px; min-width: 280px; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item a { display: none; margin-right: 10px; cursor: pointer; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu { overflow: hidden; padding-left: 5px; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu.non-arrow { padding-left: 25px; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu:hover { background: #eff4f8; cursor: pointer; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item div.first-menu:hover a { display: inline-block; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item ul { display: none; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item ul li:hover { background: #eff4f8; cursor: pointer; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item ul li { overflow: hidden; /*border-top: 1px solid #ccc;*/ padding-left: 40px; padding-right: 20px; } quick-lib .menu-content .left-wrap div.side-menu div.sub-item ul li:hover a { display: inline-block; } quick-lib .menu-content .left-wrap .add-menu { font-weight: bold; height: 40px; color: #169bd5; line-height: 40px; /*border-top: 1px solid #ccc;*/ /*border-bottom: 1px solid #ccc;*/ cursor: pointer; background: #eef4f8; color: #000; } quick-lib .menu-content .middle-wrap { padding-top: 20px; flex: 1; color: #9ca8ba; } quick-lib .menu-content .middle-wrap time, quick-lib .menu-content .middle-wrap .slanting { color: #222; } quick-lib .menu-content .middle-wrap > div:first-child { margin: 20px 0px 40px 0px; } quick-lib .menu-content .middle-wrap .piece { /*margin-top: 70px;*/ } quick-lib .menu-content .middle-wrap .piece span { margin: 0 10px; width: 100px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; border: 1px solid #eee; color: #4e9ae1; } quick-lib .menu-content .middle-wrap .event-key { margin-top: 20px; } quick-lib .menu-content .middle-wrap .event-key .text { color: #11141A; margin: 0 20px; } quick-lib .menu-content .right-wrap { flex: 1; border-left: 1px solid #eee; } quick-lib .menu-content .right-wrap .show-title { font-size: 16px; font-weight: bold; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; } quick-lib .menu-content .right-wrap .components-message-preview-content { cursor: default; } quick-lib .menu-footer { border: 1px solid #eee; display: flex; height: 50px; flex-basis: 50px; line-height: 50px; } quick-lib .menu-footer div.left { text-align: left; flex: 2; border-right: 1px solid #fff; } quick-lib .menu-footer div.left button { line-height: 28px; height: 28px; } quick-lib .menu-footer div.left button:first-child { margin-right: 10px; } quick-lib .menu-footer div.left .btn-group { float: right; margin-right: 30px; } quick-lib .menu-footer div.left span { font-size: 14px; width: 500px; float: left; height: 100%; padding: 0px 17px; color: #9ca8ba; } quick-lib .menu-footer div.right { border-left: 1px solid #eee; flex: 1; cursor: pointer; position: relative; display: flex; } quick-lib .menu-footer div.right .icon-container { display: flex; justify-content: center; align-items: center; width: 50px; } quick-lib .menu-footer div.right .icon { display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAA8CAYAAAD4zJ32AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzJBMkFEODNGNUFDMTFFNkI4NTRBQkVDRjlFMUQ1ODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzJBMkFEODRGNUFDMTFFNkI4NTRBQkVDRjlFMUQ1ODkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMkEyQUQ4MUY1QUMxMUU2Qjg1NEFCRUNGOUUxRDU4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMkEyQUQ4MkY1QUMxMUU2Qjg1NEFCRUNGOUUxRDU4OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZOdtwAAAMjSURBVHja7JxPbA1BHMd3q4qK4oKLfwknNwnixIFEXohwEJrIO1WaSDiIiwQh4oI4ViWSFmnCTaIOKggJiQMH3BXxL5GgrYaivuPtS+dN9mV3Z+bNdPT7TT7pezP7e7/Jt7O7s7/XTtzV0x8pWgE6QCl5PTOiZP0Eg+A2uNRZLj2TO2PJ0BZwGhwA0+lbLo2Dq2A/jB0SDU1JxzRwHRyimYUUg73gzoXeW62yoSfBdvqjrbXgYtXQZcnMlCWuEe1gfvJbIBPMAdvAc8WzdszS9c14UQYzpI63YB34yImXqmFwE9wDD8Bq6fTfJ2boZiXgOM3MpRFwWGnbIgxdojQO0Kvcug/GpPeLhKFtykHf6FNu/QHf5YYmemJXNJSG0lAaSrkxNE4eAh6CT+AFOJWySrAV5yOnyVgrH9DV0/8FP+dKbfPA15Rju8WTQEr7S7ABfK6TQzfOR06duBr/8s7QnXUSCa0CZy3H+chpMtbCp3w5o393lF6I1o3zkdNkrIUNXZ7RLxIttBjnI6fJWAsb+i6jf6zO9UU3zkdOk7EWNvRaRr/4HmXYYpyPnCZjLWzo5eQD0/QBHLQc5yOnyVgLG/ob7ABHwZukbSQZxBrw2nKcj5wmY9Vah8qaBUY1HiR043zkzBuntQ5VNeo4zkdOrTg+y7M4MnUMDaWQYVwAacRNKdRChmmxpmE3pVALGVYKIC5O+VAKGVYKIC4MDaWQYaUA4sLQUAoZVgogLgwNpZBhpQDiwtBQChlWCiAuDA2lkGGlAOJqHRpCIcNmsaah69AgCxkWzOSzPIsjNJSGUjSUhk4ZNTvIoa5zJ5tsrLs5Q3nK01BeQxt5jeIMpWgoDf1fDR1S2tpoSyH/WqX346JhUDloE33KrY1R7ZYi74Wh6r9znwAL6FWmZoMzStuAMLQX/JAaF4MnYM8kf2T0aeRW8Cia2M2hqm6xDn0FzoEjUsdS0EfvCqmvs1x6XL3LHwM36Im2xBndIS+bxNeru8B58Iv+5JbYCOuKuJFjdv7b2SFO2aptZVT5C7XqVm0t9K1Gwjjx/f3dqLJV21O5868AAwA67DpIp/2n4QAAAABJRU5ErkJggg==) no-repeat no-repeat center; background-size: contain; width: 38px; height: 38px; } quick-lib .menu-footer div.right .sub-con { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NURGMEVGOUE0QjQxMUU2QjIzNUY3NzIyNjI5MDg1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NURGMEVGQUE0QjQxMUU2QjIzNUY3NzIyNjI5MDg1MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1REYwRUY3QTRCNDExRTZCMjM1Rjc3MjI2MjkwODUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc1REYwRUY4QTRCNDExRTZCMjM1Rjc3MjI2MjkwODUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bQHjzAAAAFFQTFRFQ0NDpaWlQEBA1dXVYWFhrq6utLS0Wlpa29vb4+PjaWlpX19fBQUF3d3drKysu7u7o6OjY2Njbm5uMTExBwcHpKSkQkJCPz8/ra2tGxsb////TA0f6AAAABt0Uk5T//////////////////////////////////8AJzQLNQAAADpJREFUeNpiEJaEAhEeBjZGURAQYGTmZZBCAJxsFiZxMGBi52LglwADPlYOTqL0CjKIgQEDtxBAgAEAp10KWVXtq8EAAAAASUVORK5CYII=); width: 11px; height: 11px; display: inline-block; } quick-lib .menu-footer div.right .menu-area { flex: 1; display: flex; position: absolute; bottom: 60px; left: 10px; right: 10px; overflow-x: auto; white-space: nowrap; width: 100%; gap: 4px; } quick-lib .menu-footer div.right .menu-show { display: flex; flex-direction: column; justify-content: flex-end; position: relative; min-width: 160px; height: 100vh; } quick-lib .menu-footer div.right .menu-show .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px; } quick-lib .menu-footer div.right .menu-show .name.non-sub { width: 100%; height: 28px; display: flex; justify-content: center; border: 0.5px solid #C7CDD9; align-items: center; border-radius: 16px; } quick-lib .menu-footer div.right .menu-show .has-sub { width: 100%; height: 28px; display: flex; justify-content: center; border: 0.5px solid #C7CDD9; align-items: center; border-radius: 16px; } quick-lib .menu-footer div.right .sub-menu { position: absolute; width: 132px; bottom: 32px; left: 66px; flex-direction: column; align-items: center; display: none; z-index: 10; } quick-lib .menu-footer div.right .sub-menu .triangle { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ccc transparent transparent transparent; } quick-lib .menu-footer div.right .sub-menu span { width: 100%; height: 28px; line-height: 28px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; background-color: #ccc; } quick-lib .menu-footer div.right .sub-menu span:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } quick-lib .menu-footer div.right .sub-menu span:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: none; } quick-lib .menu-footer div.right .sub-menu a:hover { background: #509ee2; } quick-lib .menu-footer div.right .sub-menu a { width: 150px; height: 28px; color: #222; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #fff; background-color: #ccc; } quick-lib .menu-footer div.right .sub-menu a:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } quick-lib .menu-footer div.right .sub-menu a:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: none; } quick-lib .menu-footer div.right .menu-flex { display: flex; } quick-lib .menu-content-info { position: relative; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: calc(100% - 81px); } quick-lib .menu-content-info .preview { right: 0; width: 280px; position: relative; /* .content-wrap { display: none; }*/ } quick-lib .menu-content-info .preview.pictext-preview { border: none; margin-bottom: 10px; } quick-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper { position: static; margin: 0; text-align: left; } quick-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper { width: 213px; } quick-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper .components-message-preview-content-innerwrapper.components-message-file-has-content-wrapper { width: 260px; } quick-lib .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper .components-message-show-emote { border: none; } quick-lib .menu-content-info .preview new-message-preview .components-message-has-only-img-wrapper { border: 1px solid #ededed; border-bottom: none; } quick-lib .menu-content-info .preview new-message-preview .components-message-has-only-img-bottom { border: 1px solid #ededed; } quick-lib .menu-content-info .preview new-message-preview .components-message-has-muliple-imgs { border-bottom: none; } quick-lib .menu-content-info .preview new-message-preview .components-message-preview-pic-text-content { display: none; } quick-lib .menu-content-info .preview.push-event-preview { padding: 20px; width: 100%; right: 0; border-width: 0; } quick-lib .menu-content-info .preview .preview-title { display: none; } quick-lib .menu-content-info .preview .preview-content { width: auto; height: 320px; overflow-x: hidden; } quick-lib .menu-content-info .preview .pt-wrap { text-align: left; } quick-lib .menu-content-info .button-group { background: #fff; position: relative; border-top: 1px solid #eee; } quick-lib .menu-content-info .close { display: none !important; } quick-lib .menu-content-info .add-more { display: none; } quick-lib .right-wrap .menu-content-info .preview { overflow-y: auto; overflow-x: hidden; width: 325px !important; width: 86%; position: static; border: none; } quick-lib .right-wrap .menu-content-info .preview new-message-preview .components-message-preview-content-wrapper { margin-top: 10px; } editmode .editmode0, devmode .editmode0, app-base-detail .editmode0 { margin-right: 5px; } editmode tab .tab-title, devmode tab .tab-title, app-base-detail tab .tab-title { max-width: 130px; } editmode .bar_right, devmode .bar_right, app-base-detail .bar_right { position: absolute; right: 20px; top: 0px; } editmode .ui-switch-open, devmode .ui-switch-open, app-base-detail .ui-switch-open { background-color: #70da65; } editmode .ui-switch-not-allowed, devmode .ui-switch-not-allowed, app-base-detail .ui-switch-not-allowed { background-color: #aaa; cursor: not-allowed !important; } editmode .ui-switch-close, devmode .ui-switch-close, app-base-detail .ui-switch-close { background-color: #aaa; } editmode .ui-switch-button, devmode .ui-switch-button, app-base-detail .ui-switch-button { width: 18px; height: 18px; position: absolute; background-color: #fff; border-radius: 50%; top: 1px; } editmode .ui-switch-open .ui-switch-button, devmode .ui-switch-open .ui-switch-button, app-base-detail .ui-switch-open .ui-switch-button { right: 1px; } editmode .ui-switch-close .ui-switch-button, devmode .ui-switch-close .ui-switch-button, app-base-detail .ui-switch-close .ui-switch-button { left: 1px; } editmode .ui-switch, devmode .ui-switch, app-base-detail .ui-switch { position: relative; display: inline-block; width: 40px; height: 20px; border-radius: 10px; cursor: pointer; margin: 0 8px; vertical-align: middle; } editmode .editmode .ui_tablelist_view, devmode .editmode .ui_tablelist_view, app-base-detail .editmode .ui_tablelist_view { border: 1px solid #ccc; border-radius: 4px; margin-right: 20px; } editmode .editmode .ui_tablelist_item, devmode .editmode .ui_tablelist_item, app-base-detail .editmode .ui_tablelist_item { position: relative; border-top: 1px solid #e5e5e5; padding: 20px; } editmode .editmode .editMode, devmode .editmode .editMode, app-base-detail .editmode .editMode { overflow: hidden; position: relative; } editmode .editmode .pic_editMode, devmode .editmode .pic_editMode, app-base-detail .editmode .pic_editMode { width: 364px; height: 204px; display: inline-block; float: left; } editmode .editmode .editMode_content, devmode .editmode .editMode_content, app-base-detail .editmode .editMode_content { margin-left: 380px; width: 350px; padding: 20px 0 0; } editmode .editmode .pic_modeAutoReply, devmode .editmode .pic_modeAutoReply, app-base-detail .editmode .pic_modeAutoReply { background: url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/pc/dist/img/dev/editMode_1_259f44a6.png) 0 0 no-repeat; } editmode .editmode .pic_modeCustomMenu, devmode .editmode .pic_modeCustomMenu, app-base-detail .editmode .pic_modeCustomMenu { background: url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/pc/dist/img/dev/editMode_2_531fba4c.png) 0 0 no-repeat; } editmode .editmode .editMode_btn_wrap, devmode .editmode .editMode_btn_wrap, app-base-detail .editmode .editMode_btn_wrap { position: absolute; top: 0px; right: 10px; } editmode .editmode .app_view, devmode .editmode .app_view, app-base-detail .editmode .app_view { position: absolute; left: 20px; top: 60px; right: 0px; bottom: 20px; overflow: scroll; } app-base-detail .ui-switch-wrap { margin-top: 6px; float: right; } install-app .provider-name { color: #97a0b5; font-size: 15px; } install-app .name { position: relative; } install-app .name .beta { position: absolute; right: -50px; top: 1px; line-height: 18px; padding: 0 7px; color: #fff; /*border: 1px solid #4e9ae1;*/ background-color: #82b6f4; border-radius: 4px; } install-app .content-wrapper ul.mode-wrapper { /*padding: 10px 0;*/ /*width: 500px;*/ margin: 0 auto; } install-app .content-wrapper ul.mode-wrapper > li { margin-bottom: 20px; padding-left: 180px; } install-app .content-wrapper ul.mode-wrapper > li div.col-name { position: relative; width: 100px; height: 20px; } install-app .content-wrapper ul.mode-wrapper > li div.col-name span { position: absolute; right: 0; text-align: right; height: 20px; line-height: 20px; font-size: 13px; color: #97a0b5; width: 150px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content { margin-left: 20px; width: 290px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content button.add { margin-bottom: 10px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content button.disabled { background-color: #e6e7e8; border-color: #e6e7e8; } install-app .content-wrapper ul.mode-wrapper > li div.col-content label input { top: 0; } install-app .content-wrapper ul.mode-wrapper > li div.col-content label:last-child { margin-left: 20px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content input, install-app .content-wrapper ul.mode-wrapper > li div.col-content select { position: relative; top: -5px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content img { width: 60px; height: 60px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content span { color: #3d424c; font-size: 13px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap { width: 200px; margin-left: 5px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap span { display: inline-block; width: 200px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn { width: 90px; position: relative; top: 5px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content div.upload-wrap div.upload-btn input { position: absolute; left: 0; top: 0; } install-app .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper { padding: 0; } install-app .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify { margin-bottom: 20px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.col-visibile { font-size: 13px; color: #97a0b5; font-weight: bolder; } install-app .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.list-wrapper { width: 100px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify div.list-wrapper ul.line { width: 500px; padding: 0; position: relative; top: -5px; } install-app .content-wrapper ul.mode-wrapper > li div.col-content ul.visibility-wrapper li.li-classify { margin-bottom: 0; } install-app .content-wrapper ul.mode-wrapper > li div.col-content-logo { height: inherit; } install-app .content-wrapper ul.mode-wrapper > li:first-child { text-align: center; padding: 0; } install-app .content-wrapper ul.mode-wrapper > li:first-child img { width: 78px; height: 78px; border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 10px; } install-app .content-wrapper ul.mode-wrapper > li:first-child .app-name { margin-bottom: 0px; } install-app .content-wrapper ul.mode-wrapper > li:last-child { margin-bottom: 0; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity { height: inherit; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content { height: inherit; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content div.groups-wrapper { color: #97a0b5; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content label { font-style: normal; font-size: 13px; color: #97a0b5; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.col-content label.first-label { margin-right: 20px; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.modal-show { position: relative; top: -5px; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper { margin-left: 0; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper div { margin: 5px; margin-left: 0; position: relative; width: 150px; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper div i { position: absolute; width: 20px; height: 20px; right: 0; top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY0RjY5ODc0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY0RjY5ODg0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjRGNjk4NTQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjRGNjk4NjQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmVJ0FwAAAJoSURBVHjarJZLT1NBFMdPp4UiFuWiseiC9gYiDw07SHwRV5pgTFi5lcQvoZ9AvwSExC07H41xJ8YStFvSqAUbglIh1sjD9CF6zs0Zcjtyb89A/8k/venMnN+dO3NmTiS7tAxNFEHfQN9BX0MPoB1uK6M/o9+hn6MX0H9Dg4UAFXoa/YghEhH8MXoOvR8U9DC56EX0jAUMuO8Mj3WlwJvoJfQYHF1jHGOiGfAW+hX6LBxfFOM1+nYQcBA9j27XfyQSJ0CpiDWps7MDYrEocKx5jt0ApNan6C7d0H36JFweTsPIYAqiUSWG9Z5zYPSSC/3uhYP35thRP/C+uWa7exWoVGreLIcv9omgBEuner3nH+Vtc02nNTDCW79BtVodlvNFMdQPWy1uwObWT7PLQ2Ip3kmHbv1KtSaCmrDS93JQykzQ6Mmwz9QMKoRpTdLIq83WJghqCSNdoaNtAx+Skh0Yb2+DkaEUxONtHpx+LWCkkvIdxCCdab3+5wBWXCtJYSRH2Sa1053QSe3pjHPKKk8VXzHipNZrtra+aZ2nxKJen2xhtGbrX7es8pT1kXpkbWF6zaR56lOWWl8cBWZ7OLBeUssbvqn/hyV7RHkmhBJjQXEN8sRs7cKB6b6kOM9MqJs6b3Yhxr5+DapBPvhbq3h47+z+hpUv38R5pqG/tve8sT7lmNFQRA2h3/P91Urt8PWUN298+uMeTa6FsCrHzAfVNBn0FL9VK2Y2xTFDq7YMf4LcMWA5jpGR1qX0CcbRD9AFC1CBx4z7P6NfsZDBVDnP8u66jr7Ld2e/UeoXuNR/hn4bVHFr/RNgAI0eFOESYDa2AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; cursor: pointer; display: none; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.groups-wrapper div:hover i { display: block; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.add-wrapper { margin-left: 0; margin-top: 10px; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.add-wrapper input { width: 90px; float: left; margin-top: 0; position: relative; top: 0; } install-app .content-wrapper ul.mode-wrapper li.groupVisiblity div.add-wrapper span { width: 90px; float: left; height: 30px; text-align: center; line-height: 30px; border: 1px dashed #ccc; margin-left: 20px; cursor: pointer; } auth-app { text-align: center; padding-bottom: 40px; } auth-app .mode-wrapper img { width: 78px; height: 78px; border-radius: 50%; -webkit-border-radius: 50%; /*margin-bottom: 20px;*/ } auth-app .mode-wrapper .app-name { margin-bottom: 30px; line-height: 36px; } auth-app .mode-wrapper .auth-content { text-align: left; padding-left: 200px; line-height: 24px; } auth-app .mode-wrapper .auth-content li { list-style: disc; } manage-group .info-nav h4 { width: 788px; margin: 0 auto; } manage-group .item { width: 600px; margin: 40px auto; } mode-item .info-nav h4 { width: 788px; margin: 0 auto; } mode-item div.item { padding: 0; width: 600px; margin: 0 auto; } mode-item .modal-container div { text-align: center; } new-app-list { display: flex; } new-app-list .new-app-list { width: 100%; } service-create { display: block; width: 100%; height: 100%; } service-create .info-nav { border-top: none; } service-create .info-nav span.cancel { margin-left: 20px; } service-create .info-nav .list-tip { width: 788px; margin: 0 auto; } service-create .info-nav .list-tip .modify-btn { color: #4e9ae1; font-size: 14px; padding-left: 20px; float: right; } service-create .info-nav .list-tip .modify-btn span { cursor: pointer; } service-create .head-wrapper { padding: 16px 0; text-align: center; position: relative; font-size: 17px; color: #3d424c; border-bottom: 1px solid #eef4f8; } service-create .head-wrapper button { position: absolute; left: 30px; top: 16px; } service-create .foot-wrapper { width: 100%; padding: 24px 0 40px; text-align: center; border-top: 1px solid #eef4f8; background: #fff; } service-create .config-wrapper { width: 600px; margin: 40px auto 24px; } service-create .config-wrapper ul li { display: flex; flex-direction: row; } service-create .config-wrapper ul li .valid-error { float: left; width: 30px; white-space: nowrap; } service-create .config-wrapper ul li .item-name { width: 50px; position: relative; } service-create .config-wrapper ul li .item-name span { position: absolute; right: 0; top: 0; width: 100px; text-align: right; color: #97a0b5; } service-create .config-wrapper ul li .item-name .robot-pic { width: 126px; } service-create .config-wrapper ul li .item-name .config-general-scope { width: 127px; } service-create .config-wrapper ul li .item-name span.required::before { content: '*'; position: absolute; width: 5px; height: 5px; left: 23px; top: 0px; color: red; } service-create .config-wrapper ul li .item-name-service { width: 50px; position: relative; } service-create .config-wrapper ul li .item-name-service span { position: absolute; right: 0; top: 0; width: 100px; text-align: right; color: #97a0b5; } service-create .config-wrapper ul li .item-name-service span.required::before { content: '*'; position: absolute; width: 5px; height: 5px; left: 6px; top: 0px; color: red; } service-create .config-wrapper ul li .item-name-service span.required2::before { left: -6px; } service-create .config-wrapper ul li .item-wrapper { margin-left: 20px; } service-create .config-wrapper ul li .item-wrapper .app-icon-upload { overflow: hidden; } service-create .config-wrapper ul li .item-wrapper .app-icon-upload .upload-wrap { position: relative; margin: 50px 0px 0px 30px; } service-create .config-wrapper ul li .item-wrapper .app-icon-upload .upload-wrap .tips { margin-top: 20px; color: #97a0b5; } service-create .config-wrapper ul li .item-wrapper .app-icon-upload .upload-wrap > .btn-wrapper { width: 90px; position: relative; overflow: hidden; } service-create .config-wrapper ul li .item-wrapper .app-icon-upload > div { float: left; } service-create .config-wrapper ul li .item-wrapper p.align label { position: relative; top: 5px; } service-create .config-wrapper ul li .item-wrapper p.align .first-label { margin-left: 0px; } service-create .config-wrapper ul li .item-wrapper p.groupList span.groupNum { position: relative; width: 150px; } service-create .config-wrapper ul li .item-wrapper p.groupList span.groupNum i { position: absolute; width: 15px; height: 15px; right: 0; top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY0RjY5ODc0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY0RjY5ODg0OENGMTFFN0ExREU5QTMzN0U4MDMxRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjRGNjk4NTQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjRGNjk4NjQ4Q0YxMUU3QTFERTlBMzM3RTgwMzFFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmVJ0FwAAAJoSURBVHjarJZLT1NBFMdPp4UiFuWiseiC9gYiDw07SHwRV5pgTFi5lcQvoZ9AvwSExC07H41xJ8YStFvSqAUbglIh1sjD9CF6zs0Zcjtyb89A/8k/venMnN+dO3NmTiS7tAxNFEHfQN9BX0MPoB1uK6M/o9+hn6MX0H9Dg4UAFXoa/YghEhH8MXoOvR8U9DC56EX0jAUMuO8Mj3WlwJvoJfQYHF1jHGOiGfAW+hX6LBxfFOM1+nYQcBA9j27XfyQSJ0CpiDWps7MDYrEocKx5jt0ApNan6C7d0H36JFweTsPIYAqiUSWG9Z5zYPSSC/3uhYP35thRP/C+uWa7exWoVGreLIcv9omgBEuner3nH+Vtc02nNTDCW79BtVodlvNFMdQPWy1uwObWT7PLQ2Ip3kmHbv1KtSaCmrDS93JQykzQ6Mmwz9QMKoRpTdLIq83WJghqCSNdoaNtAx+Skh0Yb2+DkaEUxONtHpx+LWCkkvIdxCCdab3+5wBWXCtJYSRH2Sa1053QSe3pjHPKKk8VXzHipNZrtra+aZ2nxKJen2xhtGbrX7es8pT1kXpkbWF6zaR56lOWWl8cBWZ7OLBeUssbvqn/hyV7RHkmhBJjQXEN8sRs7cKB6b6kOM9MqJs6b3Yhxr5+DapBPvhbq3h47+z+hpUv38R5pqG/tve8sT7lmNFQRA2h3/P91Urt8PWUN298+uMeTa6FsCrHzAfVNBn0FL9VK2Y2xTFDq7YMf4LcMWA5jpGR1qX0CcbRD9AFC1CBx4z7P6NfsZDBVDnP8u66jr7Ld2e/UeoXuNR/hn4bVHFr/RNgAI0eFOESYDa2AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; cursor: pointer; display: none; } service-create .config-wrapper ul li .item-wrapper p.groupList span.groupNum:hover i { display: block; } service-create .config-wrapper ul li .item-wrapper p.p-mobileWeb .tips { top: -120px; } service-create .config-wrapper ul li .item-wrapper p.p-Android-name .tips, service-create .config-wrapper ul li .item-wrapper p.p-getAndroid .tips, service-create .config-wrapper ul li .item-wrapper p.p-ios-download .tips, service-create .config-wrapper ul li .item-wrapper p.p-ios-name .tips { top: -100px; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 1000; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .img-wrapper { width: 800px; height: 500px; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -250px; padding: 10px; background-color: #fff; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .img-wrapper > div { margin-left: 40px; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .img-wrapper > div span { display: block; width: 100%; text-align: center; color: #3d424c; font-size: 17px; font-weight: bold; margin: 30px auto; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .img-wrapper img { border: 1px solid #ccc; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .img-wrapper img.bigPic { width: 448px; height: 334px; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .img-wrapper img.smallPic { width: 188px; height: 334px; } service-create .config-wrapper ul li .item-wrapper .mask-wrapper .close-mark { position: absolute; right: -50px; top: -50px; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABMElEQVRYw83ZbWrDMAyAYbErNKMX2Oh2oCUtO393h47Aux91IAt14w9Zsn7KwjxgC4MsIiLAEbgAn9JJAB/BdFwSB+CHe/wCYwfIMVgItoMAX/yP2RMbkPPGNArwBtx6wEaQN+B9KTg/KDDFRpAzMG0L3bDJSE9sNtIDW4y0xFYjLbBqyJZYdWQLbDOkJrY5UgNrhqzBmiNLsG7IHKw7MgXbDTIB2w9yB9sXcoWdIlg15IuWtXDNLiKNk/0oeCBjzeSDjdzLOeSnLrDPkAk1NtgUpDs2B+mGLUGaY2uQZlgNZHOsJrIZtgVSHftko3MtUg1rgazGWiKLsR7IbKwnMhlLfDRuhtzB3kfjPP5sMEfuYEcBBuC60rshN9jllK/AsCwMwDdw8kausKdgehUR+QN/8sykW52BfwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; cursor: pointer; } service-create .config-wrapper ul li .questionMark { float: left; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==) no-repeat; margin: 6px 0 0 10px; background-size: 80%; position: relative; } service-create .config-wrapper ul li .questionMark span.tips { display: none; position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -80px; background: #fff; } service-create .config-wrapper ul li .questionMark span.tips::after { content: ''; width: 15px; height: 15px; border: 1px solid #ccc; position: absolute; left: 30px; bottom: -8px; transform: rotateZ(45deg); border-top: none; border-left: none; background: #fff; } service-create .config-wrapper ul li .questionMark:hover span.tips { display: block; } service-create .config-wrapper ul li .nobaiducase span.tips { top: -80px; } service-create .config-wrapper ul li.config-logo { margin-bottom: 30px; } service-create .config-wrapper ul li.config-name { margin-bottom: 20px; } service-create .config-wrapper ul li.config-name .item-wrapper { margin-top: -4px; } service-create .config-wrapper ul li.config-name input { width: 470px; display: inline-block; } service-create .config-wrapper ul li.config-name input::-moz-placeholder { color: #97a0b5; } service-create .config-wrapper ul li.config-name input::placeholder { color: #97a0b5; } service-create .config-wrapper ul li.config-instruction { margin-bottom: 20px; } service-create .config-wrapper ul li.config-instruction textarea { width: 470px; height: 150px; resize: none; float: left; padding-top: 2px; } service-create .config-wrapper ul li.config-instruction textarea::-moz-placeholder { color: #97a0b5; } service-create .config-wrapper ul li.config-instruction textarea::placeholder { color: #97a0b5; } service-create .config-wrapper ul li.config-classify { margin-bottom: 30px; } service-create .config-wrapper ul li.config-shape { margin-bottom: 10px; } service-create .config-wrapper ul li.config-shape p { margin: 0px 0px 10px 0px; } service-create .config-wrapper ul li.config-shape p span { color: #97a0b5; } service-create .config-wrapper ul li.config-shape p:nth-of-type(1) > span { padding-left: 10px; } service-create .config-wrapper ul li.config-shape p:nth-of-type(2) > span { padding-left: 23px; } service-create .config-wrapper ul li.config-general #label-heighVersion, service-create .config-wrapper ul li.config-follow #label-heighVersion, service-create .config-wrapper ul li.config-group #label-heighVersion { margin-left: 7px; margin-top: 5px; float: left; width: 2px; white-space: nowrap; } service-create .config-wrapper ul li.config-general .valid-error, service-create .config-wrapper ul li.config-follow .valid-error, service-create .config-wrapper ul li.config-group .valid-error { float: left; width: 20px; white-space: nowrap; margin-top: 3px; } service-create .config-wrapper ul li.config-general p, service-create .config-wrapper ul li.config-follow p, service-create .config-wrapper ul li.config-group p { margin: 0px 0px 10px 0px; color: #97a0b5; } service-create .config-wrapper ul li.config-general p input[type='text'], service-create .config-wrapper ul li.config-follow p input[type='text'], service-create .config-wrapper ul li.config-group p input[type='text'] { width: 300px; display: inline-block; float: left; } service-create .config-wrapper ul li.config-general p input[type='text']::-moz-placeholder, service-create .config-wrapper ul li.config-follow p input[type='text']::-moz-placeholder, service-create .config-wrapper ul li.config-group p input[type='text']::-moz-placeholder { color: #97a0b5; } service-create .config-wrapper ul li.config-general p input[type='text']::placeholder, service-create .config-wrapper ul li.config-follow p input[type='text']::placeholder, service-create .config-wrapper ul li.config-group p input[type='text']::placeholder { color: #97a0b5; } service-create .config-wrapper ul li.config-general p label, service-create .config-wrapper ul li.config-follow p label, service-create .config-wrapper ul li.config-group p label { margin-left: 20px; } service-create .config-wrapper ul li.config-general p .icon::before, service-create .config-wrapper ul li.config-follow p .icon::before, service-create .config-wrapper ul li.config-group p .icon::before { content: ''; position: absolute; width: 20px; height: 20px; background-size: 100%; } service-create .config-wrapper ul li.config-general p .pc-icon::before, service-create .config-wrapper ul li.config-follow p .pc-icon::before, service-create .config-wrapper ul li.config-group p .pc-icon::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0M5QTBBNDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZCRkEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzlBMEE0MDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQzlBMEE0MTJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsOuexQAAAKGSURBVHjaxJe9TxRRFMXvjItBkY9oYCXGqLCVEjA2xsSYGBqCdttorcbaRuzEDir9A7TGQjslNoRgFDqjK8RCF9AGkUJgFUjArOcM9+E4zoyz8Ng5yS/ZfTNz731f993njI2/l4Q6AC6Bi+A0OAEa9dkSmAFvwSh4Dn4kMZpJ8E4O9IGroC7inRblLLgJfoIhMAg+xRl3Y57VggEwBa7HOA9TnX4zpUHUVhpAO5jQnu+V7Yvf3lZbuaQBnAGvdZ5tibZeqe3YABjlC5AV+8qq7VxUAPvAE9Asuyfafqq+/gmgH3TJ7qtTfXlyNA9w0X0ANY7jSNuxw5JtbpJMZo8Vjxsbv2R+YVGmP3+VcrnMpnVwklvUjMAdOucPOj/Sesiacy/ZwBZtHj/aYppq1KeXiOo1yWyuFPScejc5LUulFSsBNNbvl66ONmnNHpSZL/Om+Qq4xRHo9ScZ03Nbzv22AqNKn70MoFvSU7erqzItdbq6A9JSOwNoSDGABldSFgNYTtH/MgMophhAkQEUgmnTJA9rE622jG2fCsyEI+CGaWHOZtpk5rKtuW/fg00jDGBYazgvG/LAMCnZ9mE0+ycNU0yPwwygBB6Da2zlaVWcnfOI04VzHX/9fzkxWWlcLFpLZhsO6BFZLa1rsbpVkLB0vl/FAB6Aj2EVUaEKzgv+iijjm9NVzGMeP8fD6kLuirit6V8TPH5ZT4RoAeTx7opZM27ACKeih7txJ110wptps0d9RF/N8MIbRHdeq9etozqiR5UMez7o3F+URl3N7rFsMvXiNlc7F/ddsFbp3XBNr2anwENNHEm1Ch7pt31Rzv83AmHX88uB63mTPlsMXM+fJb2e/xZgANZMr+WZ9wPVAAAAAElFTkSuQmCC) no-repeat; left: -118px; top: 7px; background-size: 80%; } service-create .config-wrapper ul li.config-general p .mobile-icon::before, service-create .config-wrapper ul li.config-follow p .mobile-icon::before, service-create .config-wrapper ul li.config-group p .mobile-icon::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZCRkQyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZCRkUyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGQjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkJGQzJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLH4Q8AAAK3SURBVHjaxJdNTxNRFIYP06mAHxSVWqsbYMAYjfgRE8S4MWwM+gN0Lf4FcemSupEfoGtd6E6NG2JMBD8SG61RY2z9WFkqiRRUSttpfc94xrTDzPSWjJk3eQLJvfecd27v3Dmn4/H8G1LUVnAWnAZHwACIyVgRfAavwCNwH/xUCdqhYGAITIELYIui2V/gFkiBrN9EzWesC0yDt2CyjeQkcydlbUpitWXAAE/lyTfRxsVrL0usIVUDx8Cc/M5BiWM9kdi+BtjlQ5Cg4JWQ2E07oTf83w3ugHiTQ00jo3837errpUhEU8pkmjUqLC5R7kuearVa4xDHvgtOgFXnDlwFh9cdBiRPJnZYyev1OlWrpi8snstrjP6km78RydX0GvKhew+iztljx/dTNKpTvvADT/TNejo/cfJ9g3sp3hez5s69eOc2rQIO8Ctq78AVt+QsTs5SSW5v/6ev+X9mPBSVnNZPsE0uGU9VTVMpua21ckVl2nnOzQYm2rxkghLnnGAD4xSexjU5lWFpRJM3ICwZbKAnRAM9GoUsNrAcYv5lNpAL0UCODWRCNJDhe3YWXFKZvbm7k44eMjyvWL4tX77OUmmtrGpglg08kBqu5W1ofw35r/uVXfMcc9Fvzs0GVsBtcNFrph6JkK5HaLVUpufpDy0jd3UqVXFctK7Yezktn0jXbWUND+6hKEy0LALx9TQGkk1rPT7HqcaKiEvn61JANqmwWERxsZ3iO2MW7YjXemgGfHT2BVySPXN+G/6WZEmUZLE2S7KiVUM4SjKSt25MzsC6xoQLxnlnXRigvoOTjc2K85F44AxY+A/JFyR2tlVfkAanAr6gMhIzrdoZsctRcM3r7VBURWKMevWIfqeqJK3ZQXDDPjSK4pr/pqydklgb7o4b2/Nzjva8V8aWHO35PdX2/I8AAwBjreMpFkpYaAAAAABJRU5ErkJggg==) no-repeat; left: -118px; top: 7px; background-size: 80%; } service-create .config-wrapper ul li.config-general p .pc-address::before, service-create .config-wrapper ul li.config-follow p .pc-address::before, service-create .config-wrapper ul li.config-group p .pc-address::before, service-create .config-wrapper ul li.config-general p .mobile-address::before, service-create .config-wrapper ul li.config-follow p .mobile-address::before, service-create .config-wrapper ul li.config-group p .mobile-address::before { left: -90px; } service-create .config-wrapper ul li.config-general p .col-name, service-create .config-wrapper ul li.config-follow p .col-name, service-create .config-wrapper ul li.config-group p .col-name { margin-left: 120px; float: left; width: 50px; position: relative; height: 30px; } service-create .config-wrapper ul li.config-general p .col-name i, service-create .config-wrapper ul li.config-follow p .col-name i, service-create .config-wrapper ul li.config-group p .col-name i { position: absolute; width: 150px; right: 0; top: 0; text-align: right; height: 100%; line-height: 30px; font-style: normal; } service-create .config-wrapper ul li.config-general p .align, service-create .config-wrapper ul li.config-follow p .align, service-create .config-wrapper ul li.config-group p .align { float: left; height: 100%; line-height: 30px; } service-create .config-wrapper ul li.config-general p:nth-of-type(3) span:nth-of-type(2), service-create .config-wrapper ul li.config-follow p:nth-of-type(3) span:nth-of-type(2), service-create .config-wrapper ul li.config-group p:nth-of-type(3) span:nth-of-type(2) { color: #3d424c; } service-create .config-wrapper ul li.config-general p.p-add-group input, service-create .config-wrapper ul li.config-follow p.p-add-group input, service-create .config-wrapper ul li.config-group p.p-add-group input { width: 90px; } service-create .config-wrapper ul li.config-general p.p-add-group .add-group, service-create .config-wrapper ul li.config-follow p.p-add-group .add-group, service-create .config-wrapper ul li.config-group p.p-add-group .add-group { width: 90px; height: 30px; text-align: center; line-height: 30px; border: 1px dashed #ccc; margin-left: 20px; cursor: pointer; } service-create .config-wrapper ul li.config-general .p-add-group-hide, service-create .config-wrapper ul li.config-follow .p-add-group-hide, service-create .config-wrapper ul li.config-group .p-add-group-hide { visibility: hidden; } service-create .config-wrapper ul li.config-general .nobaiducase p .pc-icon::before, service-create .config-wrapper ul li.config-follow .nobaiducase p .pc-icon::before, service-create .config-wrapper ul li.config-group .nobaiducase p .pc-icon::before { left: -90px; } service-create .config-wrapper ul li.config-general .nobaiducase p .mobile-icon::before, service-create .config-wrapper ul li.config-follow .nobaiducase p .mobile-icon::before, service-create .config-wrapper ul li.config-group .nobaiducase p .mobile-icon::before { left: -90px; } service-create .config-wrapper ul li.config-general .nobaiducase p .col-name, service-create .config-wrapper ul li.config-follow .nobaiducase p .col-name, service-create .config-wrapper ul li.config-group .nobaiducase p .col-name { margin-left: 90px; } service-create .config-wrapper ul li.config-general .hasHeight span.valid-error { position: relative; left: 50px; } service-create .config-wrapper ul li.config-general p span.valid-error { position: relative; left: 0px; } service-create .config-wrapper ul li.config-follow p label:first-child { margin-left: 0; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper { padding: 0; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify { padding: 0; margin-bottom: 20px; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify div.col-visibile { font-size: 13px; color: #97a0b5; font-weight: bolder; width: inherit; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper { width: 100px; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line { width: 500px; padding: 0; position: relative; top: -5px; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line li { display: inline-block; margin-left: 10px; margin-right: 15px; padding: 0; font-style: normal; font-size: 13px; font-weight: bolder; color: #97a0b5; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify div.list-wrapper ul.line li span { color: #3d424c; } service-create .config-wrapper ul li.visibility-wrapper ul.visibility-wrapper li.li-classify { margin-bottom: 0; } service-create .config-wrapper ul li.visibility-wrapper ul.app-visibility { position: relative; left: 142px; top: 0; } service-create .config-wrapper ul li.visibility-wrapper ul.app-baidu-visibility { position: relative; left: 170px; top: 0; } service-create .create-service .config-general .item-wrapper, service-create .create-service .config-group .item-wrapper { position: relative; left: 0; top: -5px; } service-create .create-service .config-general .item-wrapper .uploadZip, service-create .create-service .config-group .item-wrapper .uploadZip { height: 30px; } service-create .create-service .config-general .item-wrapper .uploadZip .upload-inputWrapper, service-create .create-service .config-group .item-wrapper .uploadZip .upload-inputWrapper { display: inline-block; position: relative; overflow: hidden; margin-left: 170px; } service-create .create-service .config-general .item-wrapper .uploadZip .upload-input, service-create .create-service .config-group .item-wrapper .uploadZip .upload-input { opacity: 0; filter: alpha(opacity=0); height: 103px; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 16px; } service-create .create-service .config-general .item-wrapper .uploadZip .zipName, service-create .create-service .config-group .item-wrapper .uploadZip .zipName { margin: 5px 0 0 20px; position: relative; width: 20px; height: 21px; } service-create .create-service .config-general .item-wrapper .uploadZip .zipName span, service-create .create-service .config-group .item-wrapper .uploadZip .zipName span { position: absolute; left: 0; top: 0; width: 500px; height: 100%; } service-create .create-service .config-group { margin-top: 10px; } service-create visiable-info h4.list-tip { display: none; } service-create visiable-info hr { display: none; } service-create visiable-info div.item { margin: 0; padding: 0; } service-create visiable-info div.item h3 { margin: 0; font-size: 14px; font-weight: normal; position: relative; top: -2px; } appcreate > div { height: 100%; position: relative; overflow-y: auto; } auth-detail { display: none; } auth-detail .valid-error { position: absolute; } auth-detail .valid-error .icon-alert { display: inline-block; transform: scale(0.5); position: absolute; top: 2px; } auth-detail .valid-error .icon-waring { position: relative; display: inline-block; font-size: 12px; left: 15px; } auth-detail .modal-container { padding: 0; } auth-detail .enterpriseType { font-weight: bold; } auth-detail footer a { display: inline-block; } auth-head { display: none; } auth-head header { height: 60px; border-bottom: 1px solid #e1e1e9; background: #f5f5f7; width: 100%; text-align: left; } auth-head header img { width: 24px; height: 24px; display: inline-block; margin: 16px 0 0 18px; } auth-head header span { display: inline-block; margin: 17px 0 0 13px; } auth-head h4 { text-align: center; font-size: 21px; margin: 98px 0 42px 0; } auth-head ul { width: 788px; display: flex; flex-direction: row; margin: 0 auto; } auth-head ul li { width: 238px; height: 318px; margin-right: 30px; border: 1px solid #fff; border-radius: 4px; } auth-head ul li:hover { border: 1px solid #378eef; border-radius: 4px; } auth-head ul li:last-child { margin-right: 0px; } auth-head ul li a { display: block; width: 236px; height: 316px; color: #222; cursor: inherit; border: 1px solid #c5cbd9; border-radius: 3px; } auth-head ul li a:hover { color: #222; border: 1px solid #378eef; border-radius: 3px; } auth-head ul li a:active { background: #f5f5f7; } auth-head ul li a:active .enterprise { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjdENTM1MjNENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjdENTM1MjRENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCN0Q1MzUyMUQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCN0Q1MzUyMkQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpFch5QAAAzZSURBVHja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) no-repeat center; background-size: 100%; } auth-head ul li a:active .government { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjdENTM1MUZENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjdENTM1MjBENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCN0Q1MzUxREQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCN0Q1MzUxRUQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhpFp6MAAAq3SURBVHja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) no-repeat center; background-size: 100%; } auth-head ul li a:active .other { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE3RDJDOUVENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTE3RDJDOUZENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTdEMkM5Q0Q0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTdEMkM5REQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnEoXysAAAprSURBVHja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) no-repeat center; background-size: 100%; } auth-head ul li .type-item { height: 175px; overflow: hidden; } auth-head ul li .organizationType { font-weight: bold; font-size: 16px; text-align: center; } auth-head ul li .type-icon { width: 64px; height: 64px; margin: 26px auto 40px; } auth-head ul li .enterprise { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk3RkVEREVENDEwMTFFNkE1QzVGMkFBN0NDNDc3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk3RkVEREZENDEwMTFFNkE1QzVGMkFBN0NDNDc3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCN0Q1MzUyNUQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCN0Q1MzUyNkQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpnM3KIAABBLSURBVHja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) no-repeat center; background-size: 100%; } auth-head ul li .government { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE3RDJDQTJENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjdENTM1MUNENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTdEMkNBMEQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTdEMkNBMUQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjIclxwAAA65SURBVHja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) no-repeat center; background-size: 100%; } auth-head ul li .other { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE3RDJDOUFENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTE3RDJDOUJENDBGMTFFNkE1QzVGMkFBN0NDNDc3OEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTdEMkM5OEQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTdEMkM5OUQ0MEYxMUU2QTVDNUYyQUE3Q0M0Nzc4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv8msMoAAA8tSURBVHja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) no-repeat center; background-size: 100%; } auth-head ul li .organizationIntroduce { height: 100px; padding: 10px; height: 139px; background: #f5f5f7; } auth-head ul:hover { cursor: pointer; } upload-authlicense img, edit-authorizationBook img { border: 1px solid #cccccc; } upload-authlicense .checkPic_container, edit-authorizationBook .checkPic_container { padding-left: 5px; } upload-authlicense .checkPic_container:hover, edit-authorizationBook .checkPic_container:hover { cursor: pointer; } upload-authlicense .enterprise-logo, edit-authorizationBook .enterprise-logo { width: 80px; margin-right: 20px; text-align: right; } upload-authlicense .enterprise-logo em, edit-authorizationBook .enterprise-logo em { float: right; font-style: normal; width: 200px; } upload-authlicense .check-model, edit-authorizationBook .check-model { position: relative; left: 10px; top: 0; } upload-authlicense .enterprise-logo-pic, edit-authorizationBook .enterprise-logo-pic { width: 80px; height: 80px; display: block; } upload-authlicense .message-logo, edit-authorizationBook .message-logo { position: relative; left: 15px; top: 50px; } upload-authlicense .message-logo .download, edit-authorizationBook .message-logo .download { width: 100px; white-space: nowrap; position: absolute; left: 100px; top: -8px; } upload-authlicense .message-logo .advices, edit-authorizationBook .message-logo .advices { width: 290px; display: inline-block; position: absolute; left: 100px; top: 12px; line-height: 16px; font-size: 13px; color: #97a0b5; } upload-authlicense .message-logo .logo-upload-box, edit-authorizationBook .message-logo .logo-upload-box { width: 90px; height: 28px; /* border: 1px solid #000000; */ display: inline-block; position: relative; border-radius: 14px; overflow: hidden; } upload-authlicense .message-logo .logo-upload-box .logo-status, edit-authorizationBook .message-logo .logo-upload-box .logo-status { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 26px; } edit-businessLicense img { border: 1px solid #cccccc; } edit-businessLicense .checkPic_container { padding-left: 5px; } edit-businessLicense .checkPic_container:hover { cursor: pointer; } edit-businessLicense .enterprise-logo { width: 80px; margin-right: 20px; text-align: right; } edit-businessLicense .enterprise-logo em { float: right; font-style: normal; width: 200px; } edit-businessLicense .enterprise-logo-pic { width: 80px; height: 80px; display: block; } edit-businessLicense .check-model { position: relative; left: 10px; top: 0; } edit-businessLicense .message-logo { position: relative; left: 15px; top: 50px; } edit-businessLicense .message-logo .advices { width: 200px; white-space: nowrap; display: inline-block; position: absolute; left: 100px; top: 3px; font-size: 13px; color: #97a0b5; } edit-businessLicense .message-logo .logo-upload-box { width: 90px; height: 28px; /* border: 1px solid #000000; */ border-radius: 14px; display: inline-block; position: relative; overflow: hidden; } edit-businessLicense .message-logo .logo-upload-box .logo-status { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 26px; } edit-corplegalcert img { border: 1px solid #cccccc; } edit-corplegalcert .checkPic_container { padding-left: 5px; } edit-corplegalcert .checkPic_container:hover { cursor: pointer; } edit-corplegalcert .enterprise-logo { width: 80px; margin-right: 20px; text-align: right; } edit-corplegalcert .enterprise-logo em { float: right; font-style: normal; width: 200px; } edit-corplegalcert .enterprise-logo-pic { width: 80px; height: 80px; display: block; } edit-corplegalcert .check-model { position: relative; left: 10px; top: 0; } edit-corplegalcert .message-logo { position: relative; left: 15px; top: 50px; } edit-corplegalcert .message-logo .advices { width: 200px; white-space: nowrap; display: inline-block; position: absolute; left: 100px; top: 3px; font-size: 13px; color: #97a0b5; } edit-corplegalcert .message-logo .logo-upload-box { width: 90px; height: 28px; /* border: 1px solid #000000; */ border-radius: 14px; display: inline-block; position: relative; overflow: hidden; } edit-corplegalcert .message-logo .logo-upload-box .logo-status { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 26px; } edit-logo img { border: 1px solid #cccccc; } edit-logo .checkPic_container { padding-left: 5px; } edit-logo .enterprise-logo { width: 80px; margin-right: 20px; text-align: right; } edit-logo .enterprise-logo em { float: right; font-style: normal; width: 200px; } edit-logo .enterprise-logo-pic { width: 80px; height: 80px; } edit-logo .message-logo { position: relative; left: 15px; top: 50px; } edit-logo .message-logo .advices { position: relative; left: 5px; top: -10px; font-size: 13px; color: #97a0b5; } edit-logo .message-logo .logo-upload-box { width: 90px; height: 28px; /* border: 1px solid #000000; */ border-radius: 14px; overflow: hidden; display: inline-block; position: relative; } edit-logo .message-logo .logo-upload-box .logo-status { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 26px; } edit-success header { height: 60px; background: #f5f5f7; border-bottom: 1px solid #e1e1e9; width: 100%; text-align: left; } edit-success header img { width: 24px; height: 24px; display: inline-block; margin: 16px 0 0 18px; } edit-success header span { display: inline-block; margin: 17px 0 0 13px; } edit-success ul { width: 580px; margin: 0 auto; } edit-success ul li { text-align: center; } edit-success ul li:nth-child(1) { margin-top: 100px; font-size: 20px ; color: #69d26a; } edit-success ul .yes { margin-top: 50px; } edit-success ul .yes img { width: 100px; height: 100px; } edit-success ul li:nth-last-child(1) { margin-top: 30px; color: #97a0b5; font-size: 14px; } expansion-head .enterpriseType, enterprise-info .enterpriseType { font-weight: bold; } expansion-head select, enterprise-info select { width: 475px; height: 26px; } expansion-head .input-long, enterprise-info .input-long { width: 475px; font-size: 12px; display: inline-block; position: relative; left: 0; top: -7px; } expansion-head .input, enterprise-info .input { height: 32px; padding: 2px 10px; border: 1px solid #c5cbd9; border-radius: 3px; outline: none; font-weight: bold; } expansion-head .updown, enterprise-info .updown { width: 10px; height: 10px; position: absolute; right: 5px; bottom: 35px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } expansion-head .info-wrap, enterprise-info .info-wrap { height: 100%; position: relative; overflow-y: auto; } expansion-head .info-wrap select, enterprise-info .info-wrap select { position: relative; left: 0; top: -5px; height: 32px; } expansion-head .info-wrap .info-banner, enterprise-info .info-wrap .info-banner { height: 36px; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; } expansion-head .info-wrap .info-banner h4, enterprise-info .info-wrap .info-banner h4 { font-size: 17px; color: #3d3c41; line-height: 36px; font-weight: normal; margin: 0 auto; } expansion-head .info-wrap .info-detail, enterprise-info .info-wrap .info-detail { width: 580px; margin: 20px auto 100px; flex: 1; } expansion-head .info-wrap .info-detail li.item-logo, enterprise-info .info-wrap .info-detail li.item-logo { height: 105px; } expansion-head .info-wrap .info-detail li, enterprise-info .info-wrap .info-detail li { padding: 6px 0 20px 0; position: relative; } expansion-head .info-wrap .info-detail li .valid-error, enterprise-info .info-wrap .info-detail li .valid-error { left: 100px; top: 35px; } expansion-head .info-wrap .info-detail li em, enterprise-info .info-wrap .info-detail li em { color: #97a0b5; } expansion-head .info-wrap .info-detail li em.redspot:before, enterprise-info .info-wrap .info-detail li em.redspot:before { content: '*'; color: red; position: absolute; left: -5px; top: 8px; } expansion-head .info-wrap .info-detail li em.redspot_far1:before, enterprise-info .info-wrap .info-detail li em.redspot_far1:before { content: '*'; color: red; position: absolute; left: -5px; top: 8px; } expansion-head .info-wrap .info-detail li em.redspot_far2:before, enterprise-info .info-wrap .info-detail li em.redspot_far2:before { content: '*'; color: red; position: absolute; left: -16px; top: 8px; } expansion-head .info-wrap .info-detail li .col-name, enterprise-info .info-wrap .info-detail li .col-name { display: inline-block; width: 80px; margin-right: 20px; text-align: right; } expansion-head .info-wrap .info-detail li .col-name em, enterprise-info .info-wrap .info-detail li .col-name em { float: right; font-style: normal; width: 200px; } expansion-head .info-wrap footer, enterprise-info .info-wrap footer { width: 100%; height: 50px; position: fixed; left: 0; bottom: 0; line-height: 50px; border-top: 1px solid #eff4f8; background: #ffffff; text-align: center; } expansion-head .info-wrap footer #back_btn, enterprise-info .info-wrap footer #back_btn { margin-right: 10px; } expansion-head .info-wrap footer button, enterprise-info .info-wrap footer button { margin-top: 11px; } expansion-head .modal-container, enterprise-info .modal-container { padding: 0; } government-info select { width: 475px; height: 26px; } government-info .input-long { width: 475px; font-size: 12px; display: inline-block; position: relative; left: 0; top: -7px; } government-info .input { height: 32px; padding: 2px 10px; border: 1px solid #c5cbd9; border-radius: 3px; outline: none; } government-info .updown { width: 10px; height: 10px; position: absolute; right: 5px; bottom: 35px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } government-info .info-wrap { height: 100%; position: relative; overflow-y: auto; } government-info .info-wrap select { position: relative; left: 0; top: -5px; height: 32px; } government-info .info-wrap .info-banner { height: 36px; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; } government-info .info-wrap .info-banner h4 { font-size: 17px; color: #3d3c41; line-height: 36px; font-weight: normal; margin: 0 auto; } government-info .info-wrap .info-detail { width: 580px; margin: 20px auto 100px; flex: 1; } government-info .info-wrap .info-detail li.item-logo { height: 105px; } government-info .info-wrap .info-detail li { padding: 6px 0 20px 0; position: relative; } government-info .info-wrap .info-detail li .valid-error { left: 100px; top: 35px; } government-info .info-wrap .info-detail li em { color: #97a0b5; } government-info .info-wrap .info-detail li em.redspot:before { content: '*'; color: red; position: absolute; left: -5px; top: 8px; } government-info .info-wrap .info-detail li em.redspot_far1:before { content: '*'; color: red; position: absolute; left: -47px; top: 8px; } government-info .info-wrap .info-detail li em.redspot_far2:before { content: '*'; color: red; position: absolute; left: -16px; top: 8px; } government-info .info-wrap .info-detail li em.redspot_far3:before { content: '*'; color: red; position: absolute; left: -40px; top: 8px; } government-info .info-wrap .info-detail li .col-name { display: inline-block; width: 80px; margin-right: 20px; text-align: right; } government-info .info-wrap .info-detail li .col-name em { float: right; font-style: normal; width: 200px; } government-info .info-wrap footer { width: 100%; height: 50px; position: fixed; left: 0; bottom: 0; line-height: 50px; border-top: 1px solid #eff4f8; background: #ffffff; text-align: center; } government-info .info-wrap footer button { margin-top: 11px; } other-info select { width: 475px; height: 26px; } other-info .input-long { width: 475px; font-size: 12px; display: inline-block; position: relative; left: 0; top: -7px; } other-info .input { height: 32px; padding: 2px 10px; border: 1px solid #c5cbd9; border-radius: 3px; outline: none; } other-info .updown { width: 10px; height: 10px; position: absolute; right: 5px; bottom: 35px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } other-info .info-wrap { height: 100%; position: relative; overflow-y: auto; } other-info .info-wrap select { position: relative; left: 0; top: -5px; height: 32px; } other-info .info-wrap .info-banner { height: 36px; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; } other-info .info-wrap .info-banner h4 { font-size: 17px; color: #3d3c41; line-height: 36px; font-weight: normal; margin: 0 auto; } other-info .info-wrap .info-detail { width: 580px; margin: 20px auto 100px; flex: 1; } other-info .info-wrap .info-detail li.item-logo { height: 105px; } other-info .info-wrap .info-detail li { padding: 6px 0 20px 0; position: relative; } other-info .info-wrap .info-detail li .valid-error { left: 100px; top: 35px; } other-info .info-wrap .info-detail li em { color: #97a0b5; } other-info .info-wrap .info-detail li em.redspot:before { content: '*'; color: red; position: absolute; left: -5px; top: 8px; } other-info .info-wrap .info-detail li em.redspot_far1:before { content: '*'; color: red; position: absolute; left: -47px; top: 8px; } other-info .info-wrap .info-detail li em.redspot_far2:before { content: '*'; color: red; position: absolute; left: -16px; top: 8px; } other-info .info-wrap .info-detail li .col-name { display: inline-block; width: 80px; margin-right: 20px; text-align: right; } other-info .info-wrap .info-detail li .col-name em { float: right; font-style: normal; width: 200px; } other-info .info-wrap footer { width: 100%; height: 50px; position: fixed; left: 0; bottom: 0; line-height: 50px; border-top: 1px solid #eff4f8; background: #ffffff; text-align: center; } other-info .info-wrap footer button { margin-top: 11px; } auth { background: #fff; display: block; width: 100%; } auth .auth-content { width: 600px; margin: auto; padding-bottom: 20px; } auth .auth-content h2 { text-align: center; padding: 40px 0; margin: 0; font-size: 20px; color: #000; line-height: 20px; height: 20px; font-weight: normal; } auth .auth-content li > * { display: inline-block; } auth .auth-content .step-tab div { display: inline-block; width: 49%; } auth #error-content { width: 600px; height: 400px; margin: auto; text-align: center; display: table; } auth #error-content > div { display: table-cell; vertical-align: middle; } auth #error-content .error-tip { font-size: 18px; font-weight: bolder; } auth .step { width: 100%; border: 1px solid #ddd; } auth .step div { width: 296px; height: 40px; line-height: 40px; display: inline-block; text-align: center; } auth .step > div:last-child { position: relative; left: 5px; background: url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/home/dist/img/mod-process/split_38b29dd8.png) no-repeat left 1px; background-color: #e5e5e5; } auth .sub-header { font-size: 14px; color: #75777A; margin-left: 10px; font-weight: normal; } auth .trusteeship { width: 320px; display: block; margin: 20px auto 0px auto; padding: 0; position: relative; border: 1px solid #4a90e2; background-color: #4a90e2; color: #fff; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; } auth .arrow { background-image: url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/home/dist/sprite/style-appstore@2x_444f752b.png); background-position: -244px -243px; background-size: 480px; width: 22px; height: 16px; } auth .app-logo { height: 30px; width: 30px; } auth .app-item { margin: 10px 0; cursor: pointer; width: 240px; text-align: center; } auth .app-item img, auth .app-item span { display: inline-block; vertical-align: middle; } auth .modal-base { display: block; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.4); opacity: 1; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } auth .del-app { display: inline-block; cursor: pointer; position: relative; width: 25px; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -132px 1px; vertical-align: middle; } auth .modal-dialog { width: 460px; margin: 50px auto; background: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; min-height: 150px; } auth trd-app > ul, auth app-agent > ul { display: block; cursor: pointer; } auth trd-app > ul li, auth app-agent > ul li { line-height: 30px; height: 30px; cursor: pointer; padding-left: 20px; } auth trd-app > ul li.active, auth app-agent > ul li.active { background: #e5e5e5; } auth trd-app > ul li.selected, auth app-agent > ul li.selected { opacity: 0.5; } auth .sub-title { font-size: 14px; font-weight: normal; padding-left: 20px; } auth .modal-container { height: 250px; overflow-y: auto; overflow-x: hidden; } auth .dept-list { margin: 15px 0; } auth .dept-list li { display: inline-block; padding: 3px; background: #e5e5e5; margin-left: 8px; border-radius: 3px; } check-pic { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; } check-pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } check-pic .show-pic { position: absolute; left: 50%; top: 50%; background: #ffffff; display: flex; justify-content: center; align-items: center; overflow-y: auto; overflow-x: hidden; } check-pic .checkPic_close { position: absolute; right: 50px; top: 50px; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABMElEQVRYw83ZbWrDMAyAYbErNKMX2Oh2oCUtO393h47Aux91IAt14w9Zsn7KwjxgC4MsIiLAEbgAn9JJAB/BdFwSB+CHe/wCYwfIMVgItoMAX/yP2RMbkPPGNArwBtx6wEaQN+B9KTg/KDDFRpAzMG0L3bDJSE9sNtIDW4y0xFYjLbBqyJZYdWQLbDOkJrY5UgNrhqzBmiNLsG7IHKw7MgXbDTIB2w9yB9sXcoWdIlg15IuWtXDNLiKNk/0oeCBjzeSDjdzLOeSnLrDPkAk1NtgUpDs2B+mGLUGaY2uQZlgNZHOsJrIZtgVSHftko3MtUg1rgazGWiKLsR7IbKwnMhlLfDRuhtzB3kfjPP5sMEfuYEcBBuC60rshN9jllK/AsCwMwDdw8kausKdgehUR+QN/8sykW52BfwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } check-pic .checkPic_close:hover { cursor: pointer; } select-box .select-sidebar { height: 300px; width: 240px; border-right: 1px solid #eff4f8; float: left; overflow-y: scroll; } select-box .select-sidebar li { padding: 10px 0px 10px 10px; } select-box .select-sidebar li:hover { background: #eff4f8; cursor: pointer; } select-box .select-sidebar li.on { color: #378eef; } select-box .select-content { height: 300px; float: left; width: 359px; overflow-y: scroll; } select-box .select-content li { padding: 10px 0px 10px 10px; } select-box .select-content li:hover { background: #eff4f8; cursor: pointer; } select-box .select-content li.on { color: #378eef; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; /*text-decoration: underline;*/ } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } [role="button"] { cursor: pointer; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } /** * @DOC START * @title 按钮公用样式 * @element button * @primaryClass btn * @class btn-primary,btn-light,btn-success,btn-disable,btn-plain * @DOC END */ /** * 例子： * * * * * * */ .btn { min-width: 90px; height: 28px; line-height: 26px; border-radius: 14px; outline: none; text-align: center; color: #fff; border: none; padding: 0; background-color: #e1e1e1; } .btn:hover, .btn:active { color: #fff; } .btn-primary { background-color: #82b6f4; border: 1px solid #82b6f4; } .btn-primary:hover { border: 1px solid #378eef; background-color: #378eef; } .btn-primary:active { border: 1px solid #3383dc; background-color: #3383dc; } .btn-light { background-color: #fff; color: #378eef; border: 1px solid #378eef; } .btn-light:hover { border: 1px solid #378eef; background-color: #378eef; } .btn-light:active { border: 1px solid #3383dc; background-color: #3383dc; } .btn-success { background-color: #fff; color: #43d372; border: 1px solid #43d372; } .btn-success:hover { border: 1px solid #43d372; background-color: #43d372; } .btn-success:active { border: 1px solid #40bf69; background-color: #40bf69; } .btn-disable { background-color: #b1bace; color: #fff; border: 1px solid #b1bace; } .btn-disable:hover { border: 1px solid #b1bace; background-color: #b1bace; } .btn-disable:active { border: 1px solid #b1bace; background-color: #b1bace; } .btn-alert { background-color: #fff; color: #ff5341; border: 1px solid #ff5341; } .btn-alert:hover { border: 1px solid #ff5341; background-color: #ff5341; } .btn-alert:active { border: 1px solid #e74030; background-color: #e74030; } .btn-plain { background-color: #fff; color: #656565; border: 1px solid #999; } .btn-plain:hover { border: 1px solid #3c5263; background-color: #3c5263; } .btn-plain:active { border: 1px solid #243948; background-color: #243948; } .btn-gray { background-color: #dddddd; color: #ffffff; border: 1px solid #dddddd; } .btn-gray:hover { border: 1px solid #cccccc; background-color: #cccccc; } .btn-gray:active { border: 1px solid #cccccc; background-color: #cccccc; } /* 开关按钮 */ .btn-switch { display: none; } .btn-switch, .btn-switch *, .btn-switch :after, .btn-switch :before, .btn-switch + .btn-switch-btn, .btn-switch:after, .btn-switch:before { box-sizing: border-box; } .btn-switch ::-moz-selection, .btn-switch :after::-moz-selection, .btn-switch :before::-moz-selection, .btn-switch + .btn-switch-btn::-moz-selection, .btn-switch::-moz-selection, .btn-switch:after::-moz-selection, .btn-switch:before::-moz-selection { background: 0 0; } .btn-switch ::-moz-selection, .btn-switch :after::-moz-selection, .btn-switch :before::-moz-selection, .btn-switch + .btn-switch-btn::-moz-selection, .btn-switch::-moz-selection, .btn-switch:after::-moz-selection, .btn-switch:before::-moz-selection { background: 0 0; } .btn-switch ::selection, .btn-switch :after::selection, .btn-switch :before::selection, .btn-switch + .btn-switch-btn::selection, .btn-switch::selection, .btn-switch:after::selection, .btn-switch:before::selection { background: 0 0; } .btn-switch + .btn-switch-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; } .btn-switch + .btn-switch-btn:after, .btn-switch + .btn-switch-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .btn-switch + .btn-switch-btn:after { left: 0; } .btn-switch + .btn-switch-btn:before { display: none; } .btn-switch:checked + .btn-switch-btn:after { left: 50%; } .btn-switch-light + .btn-switch-btn { background: #cccccc; border-radius: 2em; padding: 2px; transition: all 0.4s ease; } .btn-switch-light + .btn-switch-btn:after { border-radius: 50%; background: #fff; transition: all 0.2s ease; } .btn-switch-light:checked + .btn-switch-btn { background: #70da65; } /* 导入中按钮样式 */ .btn-import { text-align: left; padding-left: 20px; } .btn-import::after { display: block; content: '导入中'; animation: importing 1.5s linear infinite; } @keyframes importing { 30% { content: '导入中.'; } 60% { content: '导入中..'; } 90% { content: '导入中...'; } } dropdown-btn { display: inline-block; position: relative; cursor: pointer; outline: none; } dropdown-btn .dropdown-menu { position: absolute; z-index: 1000; min-width: 120px; padding: 6px 0; margin: 0; font-size: 14px; text-align: center; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dbe0e2; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: 100%; top: 35px; outline: none; } dropdown-btn .dropdown-menu li { padding: 2px 0; } dropdown-btn .dropdown-menu li:hover { background-color: #f1f2f7; } /* * dropdown tag */ dropdown { position: relative; display: block; outline: none; } dropdown .dropdown-current { display: block; cursor: pointer; position: relative; padding: 6px; /*border: 1px solid #dbe0e2;*/ border-radius: 4px; background: #ffffff; text-align: center; } dropdown .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } dropdown .dropdown-menu { position: absolute; z-index: 1000; min-width: 120px; padding: 6px 0; margin: 0; font-size: 14px; text-align: center; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dbe0e2; border-radius: 4px; overflow-y: auto; overflow-x: hidden; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: 100%; top: 34px; outline: none; } dropdown a { display: block; } .g-new-btn { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 3px; cursor: pointer; display: flex; justify-content: center; height: 32px; align-items: center; font-size: 14px; } .g-new-btn.g-new-btn-back { position: absolute; left: 16px; top: 12px; width: 70px; color: #666; display: flex; flex-wrap: nowrap; } .g-new-btn.g-new-btn-back:hover { background: #F5F5F5; border: 1px solid #E0E0E0; } .g-new-btn.g-new-btn-back:active { background: #EEEEEE; border: 1px solid #E0E0E0; } .g-new-btn .g-back-icon { display: flex; width: 6px; height: 10px; margin-right: 4px; } .container { position: relative; } .col-1 { position: relative; float: left; width: 8%; padding-right: 0.33333333%; } .col-2 { position: relative; float: left; width: 16%; padding-right: 0.33333333%; } .col-3 { position: relative; float: left; width: 24%; padding-right: 0.33333333%; } .col-4 { position: relative; float: left; width: 32%; padding-right: 0.33333333%; } .col-5 { position: relative; float: left; width: 40%; padding-right: 0.33333333%; } .col-6 { position: relative; float: left; width: 48%; padding-right: 0.33333333%; } .col-7 { position: relative; float: left; width: 56%; padding-right: 0.33333333%; } .col-8 { position: relative; float: left; width: 64%; padding-right: 0.33333333%; } .col-9 { position: relative; float: left; width: 72%; padding-right: 0.33333333%; } .col-10 { position: relative; float: left; width: 80%; padding-right: 0.33333333%; } .col-11 { position: relative; float: left; width: 88%; padding-right: 0.33333333%; } .col-12 { position: relative; float: left; width: 96%; padding-right: 0.33333333%; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-alert { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMUEzQUI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMUEzQUM4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERCNkQyODg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUxQTNBQTg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhglbEAAAAGzSURBVHjatJY9SwNBEIYv8cBGGzFqDChoIya9dSpBUEjjF3YSW1GQ+AdELYzYKwh+JWlEm3TGH6FtjEESUMHCdEL0nTgny3qbmwvcCw+35HbfuZubnU1oKvthka43xy0XjYBlkASTIAK+wAt4BvcgD570hTenZ62rbbmLjPfAPOjS7nWDCWYa7HCQbVDVjWyXJ58D56DXkikMlsAsWANX+k1V65QtH+aqesAF2DAFWACHLkEdFcEwUzTMCYED9vr9oWb1OTl/5KcwiYzrPI6CWpu5DRDHh646T7vrYW4p5vrYlK595w1GcS23SY36+qq+PeY3wRiZLgrMO1HLO8ybKCglKUAiwAAJCtAfYICIn9xHlfGQnw/xLpx7zMYxcCJc82bzBosJJs8I6l/XA73BXYDfoBTmVtsUTJb0In2j5SlABRQEC1Y5RXUee6mAXlRxqijDDUoqrzbRYM+/FkEnUdpjobSKyCNNnVQ/MnNgEGQNvUlSRWS+xV6uJ9oRSIHPDiqG0rLCB47xyCTdcn/KCauryXPj4PLfoW9YVOWDPKP8bSGDAb7/yhu0xBVYNkX/EWAAG4ldvaYgx20AAAAASUVORK5CYII=); background-size: cover; width: 12px; height: 12px; } .icon-app-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -171px; width: 48px; height: 48px; } .icon-app { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -53px; width: 48px; height: 48px; } .icon-bayf { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -224px; width: 24px; height: 24px; } .icon-bayp { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -117px; width: 26px; height: 26px; } .icon-baypt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -116px -224px; width: 24px; height: 24px; } .icon-bayt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -87px; width: 20px; height: 20px; } .icon-bayv { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -31px; width: 20px; height: 26px; } .icon-bluef { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -58px -224px; width: 24px; height: 24px; } .icon-bluep { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -86px; width: 26px; height: 26px; } .icon-bluept { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -169px; width: 24px; height: 24px; } .icon-bluet { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -62px; width: 20px; height: 20px; } .icon-bluev { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px 0px; width: 20px; height: 26px; } .icon-cancel { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -53px; width: 28px; height: 28px; } .icon-contact-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px 0px; width: 48px; height: 48px; } .icon-contact { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -65px 0px; width: 48px; height: 48px; } .icon-device-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -106px; width: 48px; height: 48px; } .icon-device { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -171px; width: 48px; height: 48px; } .icon-dropdown-arrow { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -131px; width: 17px; height: 10px; } .icon-gray-tip { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -87px -224px; width: 24px; height: 24px; } .icon-iocn_185 { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px 0px; width: 60px; height: 60px; } .icon-lower { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -148px; width: 40px; height: 16px; } .icon-meeting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -159px -171px; width: 48px; height: 48px; } .icon-meeting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -118px; width: 48px; height: 48px; } .icon-msg-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px -53px; width: 48px; height: 48px; } .icon-msg { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -65px; width: 48px; height: 48px; } .icon-setting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px 0px; width: 48px; height: 48px; } .icon-setting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -171px; width: 48px; height: 48px; } .icon-statics-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -118px; width: 48px; height: 48px; } .icon-statics { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -118px; width: 48px; height: 48px; } .icon-suite-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px 0px; width: 48px; height: 48px; } .icon-suite { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -65px; width: 48px; height: 48px; } .icon-tree-close { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -146px; width: 6px; height: 10px; } .icon-tree-open { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -161px; width: 10px; height: 6px; } .icon-tree-tool { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -112px; width: 14px; height: 14px; } .import-desc p { font-size: 14px; font-weight: bold; color: #95a8b8; } .import-desc { border-top: 1px dotted #95a8b8; margin: 0.5rem 40px; } .import-btn-wrap { padding: 40px 0 10px 0; text-align: center; } .import-btn-wrap .btn { padding-top: 4px; padding-bottom: 4px; margin-right: 16px; position: relative; top: -16px; } .import-btn-wrap .upload-btn { width: 82px; height: 32px; border-radius: 2px; display: inline-block; } #import-device .new-modal-container { padding-bottom: 30px; max-height: 450px; } .import-desc .error-msg, .import-desc .error-list li { color: #f96e75; font-size: 14px; font-weight: bold; } .import-desc .error-list { display: block; max-height: 150px; overflow-x: hidden; overflow-y: scroll; } .load-show { width: 50px; height: 50px; margin: 0 auto; display: none; } item-handle { right: 0px; top: 12px; position: absolute; display: inline-block; } item-handle .tools-icon { display: inline-block; right: 0; margin-right: 10px; background-position: -64px -103px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -45px -25px; height: 17px; width: 17px; vertical-align: middle; z-index: 999; } /** * search tag */ member-search { display: block; width: 100%; position: relative; } member-search .search-wrapper { height: 28px; position: relative; margin: auto; margin-right: 10px; margin-left: 10px; } member-search .search-icon { position: absolute; right: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e2e6ec; background-color: #eeeff3; } member-search .search-icon img { position: relative; left: 1px; width: 15px; height: 16px; } member-search .search-results { position: absolute; z-index: 1000; width: 86%; margin-left: 7%; background-color: white; color: #333; max-height: 325px; overflow: auto; border: 1px solid #dbe0e2; border-top: none; box-shadow: 0 4px 10px 0px #f0f0f0; } member-search .search-results ul { float: none; position: static; } member-search .search-results ul li { display: block; cursor: pointer; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } member-search .search-results h5 { font-size: 14px; font-weight: bold; color: #c1ccd5; margin: 0; height: 30px; line-height: 30px; border-top: 1px solid #e5e5e5; padding: 0 10px; } member-search .search-results li:hover { background: #eff3f8; } member-search .search-results .search-empty { padding: 30px 0; text-align: center; font-size: 14px; font-weight: bolder; color: #c1ccd5; } member-search .search-bar { outline: none; width: 100%; height: 28px; padding: 0; padding-left: 4.66666667%; padding-right: 28px; border-radius: 14px; border: 1px solid #e2e6ec; } member-search .search-bar::-webkit-input-placeholder { font-size: 13px; color: #97a0b5; } /* * Modal style */ modal { display: none; background: rgba(0, 0, 0, 0.4); opacity: 1; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; outline: 0; } #selector.data-not-mounted .btn.btn-primary.submit { cursor: not-allowed; } #selector.data-not-mounted .btn.btn-primary.submit:hover { background-color: #82b6f4; border: 1px solid #82b6f4; } .modal-dialog { width: 650px; margin: 50px auto; background: #fff; background-clip: padding-box; border-radius: 2px; outline: 0; } .modal-title { width: 100%; position: relative; height: 50px; line-height: 50px; font-size: 14px; color: #3d3c41; border-radius: 2px 2px 0 0; background: #eff4f8; text-align: center; } .modal-container { padding: 26px 20px; overflow-y: auto; overflow-x: hidden; } .modal-submit { position: relative; text-align: center; border-top: 1px solid #eff4f8; padding: 12px; height: 54px; } .modal-submit .button-wrap .submit { margin-right: 10px; } .one-form-inline { text-align: center; } .add-new-device .meetingOwned { padding-left: 0; } .add-new-device .question { display: none; } .add-new-device .isTipShow { display: inline-block; } .add-new-device .isTipShow .question { display: block; } .add-new-device .search-bar { display: inline-block; outline: 0; width: 100%; height: 28px; padding: 0 28px 0 10px; border-radius: 14px; } .add-new-device .search-icon { top: 0; } .add-new-device .meeting-search { margin-left: -19px; } .add-new-device .meeting-search h5, .add-new-device .meeting-search li { text-align: left; } device-card .questionMark, create-device .questionMark { float: left; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==) no-repeat; margin: 6px 0 0 0; background-size: 80%; position: relative; } device-card .questionMark.tel-question-mark, create-device .questionMark.tel-question-mark { left: -9px; } device-card .questionMark.tel-question-mark.create-device-question-mark, create-device .questionMark.tel-question-mark.create-device-question-mark { left: -73px; } device-card .questionMark.tel-question-tip, create-device .questionMark.tel-question-tip { float: right; right: 77px; top: 8px; } device-card .questionMark span.tips, create-device .questionMark span.tips { display: none; position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -80px; font-size: 12px; text-align: left; } device-card .questionMark span.tips.tel-tips, create-device .questionMark span.tips.tel-tips { font-size: 14px; height: auto; width: 190px; line-height: 1.5; background: #fff; color: #97a0b5; left: -96px; } device-card .questionMark span.tips::after, create-device .questionMark span.tips::after { content: ''; width: 15px; height: 15px; border: 1px solid #ccc; position: absolute; left: 30px; bottom: -8px; transform: rotateZ(45deg); border-top: none; border-left: none; background: #fff; } device-card .questionMark span.tips.tel-tips::after, create-device .questionMark span.tips.tel-tips::after { left: 96px; } device-card .questionMark:hover span.tips, create-device .questionMark:hover span.tips { display: block; } paginate { display: inline-block; position: absolute; right: 30px; } .paginate li { width: 23px; height: 23px; font-size: 14px; background-color: #fff; border-radius: 50%; cursor: pointer; display: inline-block; color: #656769; text-decoration: none; line-height: 23px; margin-right: 22px; text-align: center; } .paginate .paginate-prev, .paginate .paginate-last { position: relative; top: 7px; border-radius: 0; background-repeat: no-repeat no-repeat; background-position: center center; background-size: 7px 11px; } .paginate .paginate-prev:hover, .paginate .paginate-last:hover { background-color: #fff; } .paginate .paginate-prev { margin-right: 19px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBEOTRCQ0U4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBEQTRFMkE4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ5NEJDQzg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEQ5NEJDRDg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtSp5qAAAADPSURBVHjaYkxNz/zPAAGMDCQAJgbygCOpGkHqa4F4NwsJmkSBeAkQu4E4xGq0BeLlQCxNrB9BAVYOxPuQNRGyURiIFwKxNzZJXBotgHglEMsRGx0gpxUC8SF8mtBtFADi+UAcQExoIWs8B8SKtE45KBqNgHgDORo/AHEQEBcB8W9SnQrKKf1AbAfEj8jx4wmo07eSEzhvgdgXiCuA+A+poQpyeicQOwHxU3Ki4zAQGwLxLnLi8TUQewJxHRD/ZSEx3v8BcTMQHyE35ewHCDAANPkhI2yo+3IAAAAASUVORK5CYII=); } .paginate .paginate-prev:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBEQTRFMzE4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBEQTRFMzI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERBNEUyRjg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMERBNEUzMDg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0pNLgAAADPSURBVHjaYjTve/+fAQIYGUgATAzkAUdSNYLU1wLxbhYSNIkC8RIgdgNxiNVoC8TLgViaWD+CAqwciPchayJkozAQLwRib2ySuDRaAPFKIJYjNjpATisE4kP4NKHbKADE84E4gJjQQtZ4DogVaZ1yUDQaAfEGcjR+AOIgIC4C4t+kOhWUU/qB2A6IH5HjxxNQp28lJ3DeArEvEFcA8R9SQxXk9E4gdgLip+REx2EgNgTiXeTE42sg9gTiOiD+y0JivP8D4mYgPkJuytkPEGAAoX8hoiOw1iQAAAAASUVORK5CYII=); } .paginate .paginate-last { left: -8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBEQTRFMkQ4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBEQTRFMkU4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERBNEUyQjg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMERBNEUyQzg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoKb7ToAAADVSURBVHjanNI/CwFxHMfxO392JZPyFMRkMRgoSckiD0AyspyFwWTyUKQkRbliuYnnoExSdsT7V3d1Xanf9/ep13XL5+77vd/Zvf7AEuarLjFULIOo4h4T/15UjGOGLTKSYpAaLihLiypZHODAlhRVEphjjbSkGKSBM0rSokoORwyjo+scQRILLJEK76ObFvKSN1omO4azQlFSfGGENp66O17RgScZdeOP5unu+MYYTTz+PTU66g1dnCRfdYeCTikofjBFHXfds1GjVuGa/ACuyZ/zE2AAWqAfrDgDy3UAAAAASUVORK5CYII=); } .paginate .paginate-last:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBEQjZEMUU4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBEQjZEMUY4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERBNEUzMzg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMERBNEUzNDg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi4kW/QAAADUSURBVHjanNI/CwFxHMfxO392JZPyFMTCYjBQkpJFHgYLyxlMpnsoUpKiXLHcxHNQJokd8f7VXV1X6vf9fep13fK5+37vd3bFfVjCfNUlgbplEFXcwQnuRcUkZtggJymGaeKMmrSoksceY9iSokoKc6yQlRTDtHFCVVpUKeCAYXx0nSNIw8UCmeg+uumiKHmjZbJjNEuUJcUXRujhqbvjBX34klHXwWi+7o5vTNDB/d9T46NeMcBR8lW3KOmUwuIHU7Rw0z0bNWoDnskP4Jn8OT8BBgDHJiArX0bPNgAAAABJRU5ErkJggg==); } .paginate li.active, .paginate li:hover { color: #378eef; background-color: #eff4f8; } /* * 公共滚动条样式 */ selector { display: block; } selector > * { margin: auto; } selector > hr { width: auto; margin: 0; } .selector-tab ul li { list-style: none; display: inline-block; cursor: pointer; padding: 0 10px; height: 40px; line-height: 45px; margin: 10px 0; } .selector-tab ul li.active { border-bottom: 2px solid #c5d3e4; } selector .selected { max-height: 90px; overflow: auto; border: 1px solid #dbe0e2; } .selected input { margin: 20px 0; width: 100%; margin-bottom: 20px; } .selector-show { height: 265px; border: 1px solid #dbe0e2; border-radius: 2px; } .modal-submit { padding: 10px 0; } .selected > ul > div { height: 25px; line-height: 25px; padding-bottom: 10px; } .selected > ul { padding: 5px; } .selected ul li { display: inline-block; background: #c5d3e4; border-radius: 10px; margin: 2px 5px 2px 0; height: 25px; line-height: 24px; padding: 0 5px; cursor: pointer; } .selected ul li > img { display: inline-block; height: 20px; width: 20px; vertical-align: middle; } .selected ul li > span { display: inline-block; vertical-align: middle; font-size: 14px; color: #ffffff; } .selected ul li > .del { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -157px -3px; } selector .selector-search { border: none; outline: none; display: inline-block; width: auto; box-shadow: none; /*width: 60px;*/ margin: 0; overflow: visible; padding: 0; height: 30px; } selector .search-container { position: relative; } selector .search-container .search-results li { display: block; cursor: pointer; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; } selector .search-container .search-results li:hover { background: #eff3f8; } selector .search-container .search-results h5 { font-size: 14px; font-weight: bold; color: #c1ccd5; margin: 0; height: 30px; line-height: 30px; border-top: 1px dotted #95a8b8; padding: 0 10px; } selector .search-container .search-results h5:first-child { border-top: none; } selector .search-container .search-results { width: 100%; background-color: #fff; z-index: 1000; position: absolute; max-height: 330px; overflow: auto; box-sizing: border-box; border: 1px solid #dbe0e2; border-top: none; } selector .search-container .search-empty { padding: 30px 0; text-align: center; font-size: 14px; font-weight: bolder; color: #c1ccd5; } selector .search-container search-result-bottom { position: relative; } /* * 用户选择器 */ tag-select .dept-side, user-select .dept-side { float: left; width: 40%; height: 100%; border-right: 1px solid #e5e5e5; overflow-y: auto; overflow-x: hidden; } tag-select .user-side, user-select .user-side { float: left; width: 60%; height: 100%; } user-select .user-side .user-list { height: 225px; overflow-y: auto; } tag-select .user-side .user-list, user-select .user-side .user-list.full-height { height: 100%; overflow-y: auto; } user-select .avatar { width: 20px; height: 20px; display: block; float: left; } tag-select .user-side .user-list > ul > li, user-select .user-side .user-list > ul > li { margin: 5px; margin-right: 10px!important; list-style: none; height: 24px; } tag-select .user-side .user-list > ul > li:first-child, user-select .user-side .user-list > ul > li:first-child { margin-top: 15px; } tag-select .user-side .user-checkbox, user-select .user-side .user-checkbox { display: block; float: right; } tag-select .user-side .user-name, user-select .user-side .user-name { display: inline-block; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 4px; } user-select .user-side i.class.emps { left: 0; top: -2px; } user-select .page-wrap { height: 30px; position: relative; border-top: 1px solid #e5e5e5; } dept-select .scroll-view { height: 100%; overflow-y: auto; overflow-x: hidden; } user-select, tag-select, dept-select { display: block; height: 100%; display: none; } /* * tag-selector */ tag-select .user-side i.class.tags { top: -1px; left: 2px; } side-wrapper { width: 240px; min-height: calc(100vh - 60px - 60px - 16px); background: #fff; border-right: 1px solid #eee; flex-shrink: 0; } side-wrapper .side-menu { margin: 16px 0; } side-wrapper a { display: inline-block; width: 100%; color: #333; } side-wrapper .level-wrap { width: 240px; height: 100%; } side-wrapper .primary-level { line-height: 56px; height: 56px; padding-left: 20px; } side-wrapper .primary-level .primary-title { color: #000; } side-wrapper .menu-list-item { width: 239px; height: 38px; line-height: 38px; padding-left: 40px; } side-wrapper .menu-list-item:hover a, side-wrapper .menu-list-item:active a, side-wrapper .menu-list-item:visited a { color: #2c8fff; } side-wrapper .menu-list-item.active { background: #f2f7ff; } side-wrapper .menu-list-item.active a { color: #2c8fff; } tab { width: 100%; box-sizing: border-box; height: 41px; } tab .tab-container { display: flex; justify-content: center; } tab .tab-title { flex: 1; text-align: center; cursor: pointer; max-width: 110px; } tab .tab-token { padding: 10px 0px; font-size: 14px; color: #333333; } tab .tab-token a { color: #000; } tab .tab-token:hover a { color: #2c8fff; } tab .tab-token.active { border-bottom: 3px solid #2c8fff; } tab .tab-token.active a { color: #2c8fff; } tooltip { display: inline-block; margin-left: 4px; } tooltip .question-mark { position: relative; display: inline-block; top: 2px; width: 14px; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==); background-size: 100% 100%; } tooltip .question-mark .tooltip-text { position: absolute; padding: 5px 0; width: 300px; height: 30px; background: #fff; color: #000; text-align: center; border: 1px solid #e1e1e1; border-radius: 4px; box-shadow: #e1e1e1 0 0 10px; visibility: hidden; z-index: 999; transition: visibility 0.5s; font-style: normal; } tooltip .question-mark .top { bottom: 150%; left: 50%; margin-left: -150px; } tooltip .question-mark .top:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top: 5px solid #fff; } tooltip .question-mark .bottom { top: 150%; left: 50%; margin-left: -150px; } tooltip .question-mark .bottom:after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-bottom: 5px solid #fff; } tooltip .question-mark .right { top: -5px; left: 120%; } tooltip .question-mark .right::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border: 5px solid transparent; border-right: 5px solid #fff; } tooltip .question-mark .left { top: -5px; right: 120%; } tooltip .question-mark .left::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border: 5px solid transparent; border-left: 5px solid #fff; } tooltip .question-mark:hover .tooltip-text { visibility: visible; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-alert { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMUEzQUI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMUEzQUM4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERCNkQyODg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUxQTNBQTg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhglbEAAAAGzSURBVHjatJY9SwNBEIYv8cBGGzFqDChoIya9dSpBUEjjF3YSW1GQ+AdELYzYKwh+JWlEm3TGH6FtjEESUMHCdEL0nTgny3qbmwvcCw+35HbfuZubnU1oKvthka43xy0XjYBlkASTIAK+wAt4BvcgD570hTenZ62rbbmLjPfAPOjS7nWDCWYa7HCQbVDVjWyXJ58D56DXkikMlsAsWANX+k1V65QtH+aqesAF2DAFWACHLkEdFcEwUzTMCYED9vr9oWb1OTl/5KcwiYzrPI6CWpu5DRDHh646T7vrYW4p5vrYlK595w1GcS23SY36+qq+PeY3wRiZLgrMO1HLO8ybKCglKUAiwAAJCtAfYICIn9xHlfGQnw/xLpx7zMYxcCJc82bzBosJJs8I6l/XA73BXYDfoBTmVtsUTJb0In2j5SlABRQEC1Y5RXUee6mAXlRxqijDDUoqrzbRYM+/FkEnUdpjobSKyCNNnVQ/MnNgEGQNvUlSRWS+xV6uJ9oRSIHPDiqG0rLCB47xyCTdcn/KCauryXPj4PLfoW9YVOWDPKP8bSGDAb7/yhu0xBVYNkX/EWAAG4ldvaYgx20AAAAASUVORK5CYII=); background-size: cover; width: 12px; height: 12px; } .icon-app-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -171px; width: 48px; height: 48px; } .icon-app { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -53px; width: 48px; height: 48px; } .icon-bayf { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -224px; width: 24px; height: 24px; } .icon-bayp { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -117px; width: 26px; height: 26px; } .icon-baypt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -116px -224px; width: 24px; height: 24px; } .icon-bayt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -87px; width: 20px; height: 20px; } .icon-bayv { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -31px; width: 20px; height: 26px; } .icon-bluef { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -58px -224px; width: 24px; height: 24px; } .icon-bluep { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -86px; width: 26px; height: 26px; } .icon-bluept { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -169px; width: 24px; height: 24px; } .icon-bluet { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -62px; width: 20px; height: 20px; } .icon-bluev { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px 0px; width: 20px; height: 26px; } .icon-cancel { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -53px; width: 28px; height: 28px; } .icon-contact-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px 0px; width: 48px; height: 48px; } .icon-contact { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -65px 0px; width: 48px; height: 48px; } .icon-device-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -106px; width: 48px; height: 48px; } .icon-device { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -171px; width: 48px; height: 48px; } .icon-dropdown-arrow { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -131px; width: 17px; height: 10px; } .icon-gray-tip { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -87px -224px; width: 24px; height: 24px; } .icon-iocn_185 { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px 0px; width: 60px; height: 60px; } .icon-lower { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -148px; width: 40px; height: 16px; } .icon-meeting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -159px -171px; width: 48px; height: 48px; } .icon-meeting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -118px; width: 48px; height: 48px; } .icon-msg-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px -53px; width: 48px; height: 48px; } .icon-msg { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -65px; width: 48px; height: 48px; } .icon-setting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px 0px; width: 48px; height: 48px; } .icon-setting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -171px; width: 48px; height: 48px; } .icon-statics-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -118px; width: 48px; height: 48px; } .icon-statics { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -118px; width: 48px; height: 48px; } .icon-suite-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px 0px; width: 48px; height: 48px; } .icon-suite { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -65px; width: 48px; height: 48px; } .icon-tree-close { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -146px; width: 6px; height: 10px; } .icon-tree-open { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -161px; width: 10px; height: 6px; } .icon-tree-tool, tree tree-item .tree-tool-icon { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -112px; width: 14px; height: 14px; } tree { font-size: 13px; font-weight: normal; } tree .tree-item-row { height: 30px; line-height: 30px; width: 100%; display: block; cursor: pointer; } tree .tree-item-row.active { color: #378eef; } tree .tree-item-row:hover, tree .tree-item-row.rightHover { background: #eff4f8; color: #378eef; } tree .tree-item-icon { cursor: pointer; } tree .tree-item-content { width: 100%; height: 30px; position: absolute; display: flex; align-items: center; } tree .tree-item-wrap .tree-item-row .checkbox { position: relative; top: -11px; } tree .tree-item-arrow { height: 100%; display: inline-block; width: 20px; display: flex; align-items: center; } tree .tree-item-arrow i { display: inline-block; vertical-align: top; } tree .tree-item-arrow i.icon-tree-open { position: relative; left: -2px; } tree .tree-item-name { display: inline-block; cursor: pointer; z-index: 0; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tree tree-item { position: relative; } tree tree-item input { display: inline-block; vertical-align: top; margin-right: 5px; } tree tree-item .tree-no-arrow { padding-left: 26px; } tree tree-item .tree-tool-icon { display: inline-block; right: 0; margin-right: 10px; height: 17px; width: 17px; vertical-align: middle; margin-top: 9px; position: absolute; z-index: 999; } /*************** 树结构样式 ***************/ .tree-item-arrow.open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: 2px -24px; } .tree-item-arrow.empty { background: inherit; } .tree-item-arrow ~ ul { display: none; } .tree-item-arrow.open ~ ul { display: block; } move-contacts .tree-item-wrap.active, dropdown .dropdown-menu .tree-item-wrap.active, #selector .tree-item-wrap.active, move-contacts .tree-item-row:hover, dropdown .dropdown-menu .tree-item-row:hover, #selector .tree-item-row:hover { background: #eff4f8; } data-admin-log { display: block; } data-admin-log .data-statistics { position: relative; top: 30px; margin-bottom: 110px; } data-admin-log .data-statistics .title { width: 890px !important; margin: 0 auto; } data-admin-log .filter-box, data-admin-log .content-wrap { width: 890px !important; margin: 0 auto; } data-admin-log .filter-box { height: 30px; margin: 40px auto 10px; } data-admin-log .filter-box > div { display: inline-block; position: relative; } data-admin-log .filter-box > div input { width: 130px; border: 1px solid #c6cbd8; font-family: "PingFang SC", "Microsoft Yahei"; outline: none; cursor: pointer; font-size: 14px; padding-left: 10px; line-height: 26px; } data-admin-log .filter-box > div .caret-down { position: absolute; right: 8px; top: 12px; display: block; border-style: solid; border-width: 7px; border-color: #ccc transparent transparent transparent; } data-admin-log .filter-box > div .caret-down-obj, data-admin-log .filter-box > div .caret-down-manager, data-admin-log .filter-box > div .caret-down-blue { position: absolute; right: 8px; top: 12px; display: block; border-style: solid; border-width: 7px; border-color: #fff transparent transparent transparent; } data-admin-log .filter-box > div.drop-box { position: relative; } data-admin-log .filter-box > div.drop-box > ul { position: absolute; width: 130px; top: 30px; border: 1px solid #ccc; border-top: none; z-index: 10000; background: #fff; } data-admin-log .filter-box > div.drop-box > ul li { font-size: 14px; font-family: "PingFang SC", "Microsoft Yahei"; padding: 4px 10px; cursor: pointer; } data-admin-log .filter-box > div.drop-box > ul li:hover { background-color: #eff4f8; } data-admin-log .filter-box > div.drop-box > a { position: absolute; cursor: pointer; display: block; right: 0; top: 0; width: 30px; height: 30px; background-color: #378eef; } data-admin-log .filter-box > div.drop-box-opertmag { position: absolute; width: 150px; } data-admin-log .filter-box > div.drop-box-opertmag input { width: 190px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } data-admin-log .filter-box > div.drop-box-opertmag .tags-wrapper { width: 150px; height: 30px; border: 1px solid #ccc; } data-admin-log .filter-box > div.drop-box-opertmag .dropdown-menu { width: 250px; left: -60px; } data-admin-log .filter-box > div.drop-box-opertmag .dropdown-current { padding-left: 0; padding-bottom: 0; padding-top: 4px; } data-admin-log .filter-box > div.drop-box-opertmag .dropdown-current span { position: relative; display: block; width: 120px; text-align: left; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } data-admin-log .content-wrap { flex: 1; } data-admin-log .content-wrap .table-userMsg { height: 100%; border: 1px solid #e5e5e5; } data-admin-log .content-wrap .table-userMsg span.td { height: 48px; line-height: 48px; text-align: center; color: #97a0b5; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } data-admin-log .content-wrap .table-userMsg .tr-content-first { background-color: #eff4f8; border-bottom: solid 1px #e5e5e5; font-weight: bold; padding-right: 7px; height: 49px; } data-admin-log .content-wrap .table-userMsg .tr-content-first span { color: #333; } data-admin-log .content-wrap .table-userMsg .tr-content-first span.time { width: 23%; } data-admin-log .content-wrap .table-userMsg .tr-content-first span.name { width: 14%; } data-admin-log .content-wrap .table-userMsg .tr-content-first span.opertionType { width: 23%; } data-admin-log .content-wrap .table-userMsg .tr-content-first span.detailData { width: 38%; } data-admin-log .content-wrap .table-userMsg .table-list { height: 392px; /*overflow-y: scroll;*/ overflow-y: hidden; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content { border-bottom: solid 1px #e5e5e5; height: 49px; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span { color: #97a0b5; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.time { width: 23%; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.name { width: 14%; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.opertionType { width: 23%; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.detailData { width: 38%; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.detailData .hl { color: red; } data-admin-log .content-wrap .table-userMsg .table-list .tr-content span.detailData i { color: #333; font-style: normal; } data-admin { height: 100%; display: flex; } data-admin data-app-statics, data-admin data-service-statics, data-admin data-admin-log { flex: 1; } @keyframes importDataStatic { 30% { content: '导出中.'; } 60% { content: '导出中..'; } 90% { content: '导出中...'; } } data-appdetail { display: flex; flex-direction: column; height: 100%; } data-appdetail a { display: inline-block; } data-appdetail a.new-btn { background: #fff; margin-top: 14px; border: 1px solid #E0E0E0; border-radius: 3px; align-content: center; height: 32px; line-height: 32px; justify-content: center; display: flex; cursor: pointer; position: absolute; left: 16px; } data-appdetail a.new-btn.new-btn-back { width: 70px; color: #666; } data-appdetail a.new-btn .back-icon { display: flex; margin-right: 2px; } data-appdetail header { height: 60px; background: #fff; display: flex; flex-direction: row; justify-content: center; position: relative; border-bottom: 1px solid #e1e1e9; } data-appdetail header button { position: absolute; left: 30px; top: 16px; } data-appdetail header .backBtn { position: absolute; left: 30px; top: 16px; } data-appdetail header .app-wrapper { display: flex; align-items: center; position: relative; cursor: pointer; } data-appdetail header .app-wrapper img { width: 30px; height: 30px; border-radius: 100%; margin-right: 15px; } data-appdetail header .app-wrapper .appname { margin-right: 10px; } data-appdetail header .app-wrapper .icon { width: 20px; height: 12px; } data-appdetail header .app-wrapper .icon-down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAABIB77kAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAA9UlEQVQ4y73TQUoDQRCF4X8SCMQbCNnrAd4t3AQFB8wZ3HkQD+BWIVlEBMWdJ3gnyDkEIRBw04FmmJnu6Yy+ZVPdH1VUQxTbc/44kwi7AHa2b8cEbF/ZfrU9A6jC4SXwBZwDB+BO0mYMDNgCM+ATWFZhjDtgEdWejDawY94mkn6Ah4AcMwVeSsfbge2BpyoqqoHngBV32oPdSHqvGsUnoSkMwtKMgeZgrWAJmotB9A/jSFoDK9oXqS7FOjvM6HQlaT0US4IJ9BG4b8GuJX10vZcEe9Bmklg2mIFmYYPAHjQbGwy2oIOw4tiubX+HLf2f2D4rufcLcAij2iKgIf0AAAAASUVORK5CYII=) no-repeat; background-size: 100%; } data-appdetail header .app-wrapper .icon-up { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABRUlEQVQ4y63TSUoDQRTG8X8H1wpuXChu1Bt8jisjCB7AnYs4gQl4ElduTFAXcbyCM+oBHl5ADcHhGKKLVCCU1Z1Ua+26XnX/eN/rSohcZjYH7AIrkp5j3k1yQJdAP/AJFGPAQiR04SCAYeDezCb+tTMzm3UdDQTKH8BCLx12xbpAnWBR0kvuGM1sJgB9ATfe0RHgwczGc2FmNg1cBaASsARUU8CxKMxB1wFoVdK5pG9gOwV8TAOTADTlYgpBZ97ZBNgDKt5n3mnN8DUVM7NJ4DYArUk6TUkhC5yX1PiFZUDrkk7IWA6sAuUsMPkr5IE1YMsrvblIG4mZCbgLQBuSjnuBegULwE4A2oyFANxfWgEOvNIoUC8Ay8CTBx3FQh5YBg47tptAqT2zQVoXuCapnhcKRLoPLNKaWbOz2PcfiA+a2VD7+QcMh5VSpIKSnwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } data-appdetail header .app-wrapper .applist-wrap { position: absolute; left: -10px; top: 59px; color: #aaa; border: 1px solid #dbe0e2; z-index: 99999; background: #fff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175); border-radius: 4px; height: auto; max-height: 291px; overflow-y: auto; overflow-x: hidden; padding-top: 0; -moz-user-select: none; user-select: none; -webkit-user-select: none; } data-appdetail header .app-wrapper .applist-wrap li { border-bottom: solid 1px #dbe0e2; /* padding: 0 8px; */ padding-left: 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; width: 198px; height: 58px; } data-appdetail header .app-wrapper .applist-wrap li a { height: 58px; line-height: 58px; display: inline-block; z-index: 99999; width: 100%; } data-appdetail header .app-wrapper .applist-wrap li a img { margin-right: 5px; border-radius: 50%; } data-appdetail .info-nav { margin-top: 45px; } data-appdetail .info-nav .title { width: 710px; margin: 0 auto; color: #3d424c; } data-appdetail .info-nav .title a { position: relative; } data-appdetail .info-nav .title a div { display: none; width: 130px; position: absolute; height: 100px; right: 0; border: 1px solid #eff4f8; top: 34px; background: #fff; z-index: 999; } data-appdetail .info-nav .title a div::after { content: ''; width: 10px; height: 10px; border: 1px solid #eff4f8; position: absolute; right: 6px; top: -6px; transform: rotateZ(-45deg); border-bottom: none; border-left: none; background: #fff; } data-appdetail .info-nav .title a div ul li { height: 50px; text-align: left; line-height: 50px; padding-left: 10px; } data-appdetail .info-nav .title a div ul li:hover { background-color: #f9fbfd; } data-appdetail .info-nav .title a.show-list div { display: block; } data-appdetail .info-nav .title a.importing { color: #ccc; width: 60px; position: relative; left: 32px; } data-appdetail .info-nav .title a.importing::after { display: block; content: '导出中'; animation: importDataStatic 1.5s linear infinite; } data-appdetail .info-nav .title span { font-size: 14px; color: #97a0b5; padding-left: 20px; } data-appdetail .enterprise-employee { width: 100%; margin: 0 auto; overflow-y: auto; } data-appdetail .enterprise-employee .chart-wrapper { width: 800px; margin: 0 auto; } @keyframes importPicTxtData { 30% { content: '导出中.'; } 60% { content: '导出中..'; } 90% { content: '导出中...'; } } data-chart-graph .date-nav { text-align: center; font-size: 14px; overflow: hidden; position: relative; margin-top: 30px; margin-bottom: 30px; } data-chart-graph .date-nav ul { position: relative; color: #3d424c; margin-left: 70px; } data-chart-graph .date-nav ul li { cursor: pointer; float: left; width: 64px; height: 30px; line-height: 30px; border: 1px solid #c5cbd9; border-left: none; } data-chart-graph .date-nav ul li:first-child { border-left: 1px solid #c5cbd9; border-radius: 4px 0 0 4px; } data-chart-graph .date-nav ul .last-li { position: relative; padding: 0 30px !important; width: 260px; border-radius: 0 4px 4px 0; } data-chart-graph .date-nav ul .last-li .datePick, data-chart-graph .date-nav ul .last-li #pictxtNum, data-chart-graph .date-nav ul .last-li #activeEmployeeNum { top: -1px; right: 0; height: 30px; position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: 9999; cursor: pointer; } data-chart-graph .date-nav ul .current { color: #378eef !important; border: 1px solid #378eef !important; } data-chart-graph .date-nav ul .startRange { display: inline-block; min-width: 30px; } data-chart-graph .date-nav ul .endRange { display: inline-block; min-width: 30px; } data-chart-graph .date-nav ul .lower { display: inline-block; position: absolute; top: 7px; right: 0; transform: scale(0.5); z-index: 1; } data-chart-graph .date-nav > div { position: absolute; top: 30px; right: 60px; } data-chart-graph .date-nav > div > a, data-chart-graph .date-nav > div a.importing { text-align: left; display: inline-block; cursor: pointer; } data-chart-graph .date-nav > div > a.importing { color: #ccc; width: 60px; position: relative; left: 32px; } data-chart-graph .date-nav > div > a.importing::after { display: block; content: '导出中'; animation: importPicTxtData 1.5s linear infinite; } data-chart-graph .pictxtTipsBar { width: 660px; padding-left: 20px; margin: 20px auto 0px; } data-chart-graph .pictxtTipsBar > a { display: inline-block; font-size: 13px; color: #222; width: 130px; margin: 0 20px 10px 0; height: 20px; max-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } data-chart-graph .pictxtTipsBar > a:hover { color: #222; } data-chart-graph .pictxtTipsBar > a > span:nth-child(1) { float: left; text-align: center; color: #fff; font-weight: bold; font-family: 'Arial'; line-height: 16px; width: 16px; height: 16px; margin-right: 6px; vertical-align: top; border-radius: 50%; } data-chart-graph .pictxtTipsBar > a > span:nth-child(2) { float: left; height: 16px; line-height: 16px; width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } data-chart .icon-lower { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAABk1z2tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA3OTNENDFENTdBMTFFNkFFRkJDRkVFNjNEQUQzMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzA3OTNENDJENTdBMTFFNkFFRkJDRkVFNjNEQUQzMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTE5QTJBRUQ1NzQxMUU2QUVGQkNGRUU2M0RBRDMyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMDc5M0Q0MEQ1N0ExMUU2QUVGQkNGRUU2M0RBRDMyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvKHEncAAADMSURBVHjaYjx6+mY6AwPDJCBmYxhc4BcQ5zEBiZlA7AjEzwaR455D3TSTCSpwDIhNofRAg+NAbAJzCxOSBCgEnYB41gA6bjZ6bDKhKfgJxOlQ/JPO6S0DiNPQ7WXCoWEWNDSf0TO9YZNkwqORHukSJb2R6kBap8vZxJQeTEQYRO10iTO9ketAaqZLvOmNUgdSmi4JpjdqOJDcdElUeqOWA0lJlySlN2o6kJh0SXJ6o4UDcaVLstIbNsBCpTINli5BzTZGIM6lVlUJEGAAXqc/NNc9hasAAAAASUVORK5CYII=); width: 40px; height: 16px; display: inline-block; } data-chart data-chart-graph { position: relative; } data-chart data-chart-graph .legend { position: absolute; left: 540px; top: -24px; width: 300px; } data-chart data-chart-graph .legend span { padding-left: 20px; position: relative; } data-chart data-chart-graph .legend span em { position: absolute; width: 10px; height: 10px; left: 3px; top: 2px; border-radius: 100%; background: red; } data-chart data-chart-graph .legend .appNum em { background: #69d26a; } data-chart data-chart-graph .legend .sendMsg em { background: #378eef; } data-chart data-chart-graph .legend .userMsg em { background: #ff9500; } data-chart data-chart-graph .title { text-align: center; font-size: 20px; font-weight: bold; margin-top: 40px; } data-chart data-chart-graph .date-nav { margin-top: 30px; text-align: center; font-size: 14px; overflow: hidden; } data-chart data-chart-graph .date-nav ul { position: relative; color: #3d424c; margin-left: 76px; } data-chart data-chart-graph .date-nav ul li { cursor: pointer; float: left; width: 64px; height: 30px; line-height: 30px; border: 1px solid #c5cbd9; border-left: none; } data-chart data-chart-graph .date-nav ul li:first-child { border-left: 1px solid #c5cbd9; } data-chart data-chart-graph .date-nav ul .last-li { position: relative; padding: 0 30px !important; width: 260px; } data-chart data-chart-graph .date-nav ul .current { color: #378eef !important; border: 1px solid #378eef !important; } data-chart data-chart-graph .date-nav ul .startRange { display: inline-block; min-width: 30px; } data-chart data-chart-graph .date-nav ul .endRange { display: inline-block; min-width: 30px; } data-chart data-chart-graph .date-nav ul .lower { display: inline-block; position: absolute; top: 7px; right: 0; transform: scale(0.5); z-index: 1; } data-chart data-chart-graph .date-nav ul #appUserNum, data-chart data-chart-graph .date-nav ul #sendMsgNum, data-chart data-chart-graph .date-nav ul #receiveMsgNum { top: -1px; right: 0; height: 30px; position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: 9999; cursor: pointer; } data-chart data-chart-graph .radio-wrapper { margin: 20px 0 10px 76px; } data-chart data-chart-graph .radio-wrapper label { padding-right: 20px; cursor: pointer; } data-chart data-chart-graph .radio-wrapper label input { margin-right: 10px; cursor: pointer; } data-chart data-chart-graph .radio-wrapper label.active { color: #378eef; } data-nodata .no-app { margin-top: 0; padding-top: 100px; } @keyframes importData { 30% { content: '导出中.'; } 60% { content: '导出中..'; } 90% { content: '导出中...'; } } data-statistics, data-statistics-clone { position: relative; display: block; height: 100%; } data-statistics .tab-bar, data-statistics-clone .tab-bar { padding: 30px 0 0; } data-statistics .tab-bar .search-key, data-statistics-clone .tab-bar .search-key { position: absolute; width: 180px; right: 210px; margin-top: 4px; } data-statistics .tab-bar .search-key .search-wrapper, data-statistics-clone .tab-bar .search-key .search-wrapper { width: 86%; height: 28px; position: relative; margin: auto; } data-statistics .tab-bar .search-key .search-wrapper .search-icon, data-statistics-clone .tab-bar .search-key .search-wrapper .search-icon { font-size: 12px; position: absolute; right: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e2e6ec; background-color: #eeeff3; cursor: pointer; z-index: 999; } data-statistics .tab-bar .search-key .search-wrapper .search-icon img, data-statistics-clone .tab-bar .search-key .search-wrapper .search-icon img { position: relative; left: 1px; width: 15px; height: 16px; } data-statistics .tab-bar .search-key .search-wrapper .search-bar, data-statistics-clone .tab-bar .search-key .search-wrapper .search-bar { outline: none; width: 100%; height: 28px; padding: 0; padding-left: 4.66666667%; padding-right: 28px; border-radius: 14px; border: 1px solid #e2e6ec; } data-statistics .tab-bar .app-message-nav, data-statistics-clone .tab-bar .app-message-nav { width: 600px; margin: 0 auto; } data-statistics .tab-bar .app-message-nav:after, data-statistics-clone .tab-bar .app-message-nav:after { content: ''; display: block; clear: both; } data-statistics .tab-bar .app-message-nav .message-nav, data-statistics-clone .tab-bar .app-message-nav .message-nav { /* padding: 5px; */ /*width: 75px;*/ width: 146px; height: 44px; line-height: 44px; display: inline-block; border: solid 1px #cccccc; text-align: center; border-right: none; cursor: pointer; background-color: #eff4f8; float: left; } data-statistics .tab-bar .app-message-nav .message-nav:last-child, data-statistics-clone .tab-bar .app-message-nav .message-nav:last-child { border-right: solid 1px #cccccc; } data-statistics .tab-bar .app-message-nav .message-nav.active, data-statistics-clone .tab-bar .app-message-nav .message-nav.active { /* background: #cccccc; color: #ffffff; */ background: #ffffff; color: #378eef; } data-statistics .tab-bar .message-nav-first, data-statistics-clone .tab-bar .message-nav-first { border-radius: 4px 0px 0px 4px; } data-statistics .tab-bar .message-nav-last, data-statistics-clone .tab-bar .message-nav-last { border-radius: 0px 4px 4px 0px; } data-statistics ul.data-statistics, data-statistics-clone ul.data-statistics { width: 100%; height: auto; padding-top: 30px; } data-statistics ul.data-statistics > li:last-child, data-statistics-clone ul.data-statistics > li:last-child { margin-bottom: 40px; } data-statistics ul.data-statistics li.app-data, data-statistics-clone ul.data-statistics li.app-data { padding-bottom: 40px; /*margin-top: 70px;*/ } data-statistics ul.data-statistics li.app-data .app-content .sortList ul li:nth-of-type(6), data-statistics-clone ul.data-statistics li.app-data .app-content .sortList ul li:nth-of-type(6) { margin-right: 0; } data-statistics ul.data-statistics li.app-data .app-content .sortList ul li:nth-of-type(7), data-statistics-clone ul.data-statistics li.app-data .app-content .sortList ul li:nth-of-type(7) { margin-right: 20px; } data-statistics ul.data-statistics .title, data-statistics-clone ul.data-statistics .title { width: 710px; margin: 0 auto; color: #3d424c; } data-statistics ul.data-statistics .title a.importing, data-statistics-clone ul.data-statistics .title a.importing { color: #ccc; width: 60px; position: relative; left: 32px; } data-statistics ul.data-statistics .title a.importing::after, data-statistics-clone ul.data-statistics .title a.importing::after { display: block; content: '导出中'; animation: importData 1.5s linear infinite; } data-statistics ul.data-statistics .title span, data-statistics-clone ul.data-statistics .title span { font-size: 14px; color: #97a0b5; padding-left: 20px; } data-statistics ul.data-statistics .employee-content, data-statistics-clone ul.data-statistics .employee-content { margin: 40px auto; display: flex; flex-direction: row; width: 710px; } data-statistics ul.data-statistics .employee-content .employee, data-statistics-clone ul.data-statistics .employee-content .employee { flex: 1; display: flex; flex-direction: row; } data-statistics ul.data-statistics .employee-content .employee .num, data-statistics-clone ul.data-statistics .employee-content .employee .num { display: flex; flex-direction: column; margin-left: 40px; } data-statistics ul.data-statistics .employee-content .employee .num div:first-child, data-statistics-clone ul.data-statistics .employee-content .employee .num div:first-child { color: #3d424c; font-size: 14px; } data-statistics ul.data-statistics .employee-content .employee .num div:last-child, data-statistics-clone ul.data-statistics .employee-content .employee .num div:last-child { font-size: 32px; font-weight: bold; } data-statistics ul.data-statistics .employee-content .join, data-statistics-clone ul.data-statistics .employee-content .join { border-right: 1px solid #d5d5d5; } data-statistics ul.data-statistics .employee-content .join .icon, data-statistics-clone ul.data-statistics .employee-content .join .icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzExOUEyQThENTc0MTFFNkFFRkJDRkVFNjNEQUQzMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzExOUEyQTlENTc0MTFFNkFFRkJDRkVFNjNEQUQzMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTE5QTJBNkQ1NzQxMUU2QUVGQkNGRUU2M0RBRDMyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTE5QTJBN0Q1NzQxMUU2QUVGQkNGRUU2M0RBRDMyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph4To1YAABRpSURBVHja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) no-repeat; width: 64px; height: 64px; background-size: 100%; } data-statistics ul.data-statistics .employee-content .no-join .icon, data-statistics-clone ul.data-statistics .employee-content .no-join .icon { margin-left: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzExOUEyQUNENTc0MTFFNkFFRkJDRkVFNjNEQUQzMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzExOUEyQURENTc0MTFFNkFFRkJDRkVFNjNEQUQzMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTE5QTJBQUQ1NzQxMUU2QUVGQkNGRUU2M0RBRDMyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTE5QTJBQkQ1NzQxMUU2QUVGQkNGRUU2M0RBRDMyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppc9tjEAABVaSURBVHja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) no-repeat; width: 64px; height: 64px; background-size: 100%; } data-statistics ul.data-statistics .enterprise-employee, data-statistics-clone ul.data-statistics .enterprise-employee { width: 800px; margin: 0 auto; height: 430px; } data-statistics ul.data-statistics .app-content .appSort, data-statistics-clone ul.data-statistics .app-content .appSort { margin: 30px 0; } data-statistics ul.data-statistics .app-content .appSort h4, data-statistics-clone ul.data-statistics .app-content .appSort h4 { text-align: right; } data-statistics ul.data-statistics .app-content .sortList, data-statistics-clone ul.data-statistics .app-content .sortList { width: 780px; margin: 30px auto 0; border: 1px solid #e5e5e5; } data-statistics ul.data-statistics .app-content .sortList ul, data-statistics-clone ul.data-statistics .app-content .sortList ul { width: 100%; display: flex; flex-direction: row; } data-statistics ul.data-statistics .app-content .sortList ul li, data-statistics-clone ul.data-statistics .app-content .sortList ul li { line-height: 60px; text-align: center; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } data-statistics ul.data-statistics .app-content .sortList ul li span, data-statistics-clone ul.data-statistics .app-content .sortList ul li span { position: absolute; left: 10px; top: 18px; color: #97a0b5; font-size: 13px; } data-statistics ul.data-statistics .app-content .sortList ul li img, data-statistics-clone ul.data-statistics .app-content .sortList ul li img { width: 31px; height: 31px; border-radius: 50%; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(1), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(1) { flex: 2; text-align: left; padding-left: 10px; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(2), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(2) { flex: 2; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(3), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(3) { flex: 2; position: relative; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(4), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(4) { flex: 2; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(5), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(5) { flex: 2; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(6), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(6) { flex: 2; } data-statistics ul.data-statistics .app-content .sortList ul li:nth-of-type(7), data-statistics-clone ul.data-statistics .app-content .sortList ul li:nth-of-type(7) { flex: 1; } data-statistics ul.data-statistics .app-content .sortList ul li.center, data-statistics-clone ul.data-statistics .app-content .sortList ul li.center { text-align: center; } data-statistics ul.data-statistics .app-content .sortList .list-head, data-statistics-clone ul.data-statistics .app-content .sortList .list-head { width: 100%; height: 60px; background: #f9fbfd; border-bottom: 1px solid #e5e5e5; } data-statistics ul.data-statistics .app-content .sortList .list-content, data-statistics-clone ul.data-statistics .app-content .sortList .list-content { width: 100%; height: 480px; overflow-y: auto; } data-statistics ul.data-statistics .app-content .sortList .list-content ul li:nth-of-type(6), data-statistics-clone ul.data-statistics .app-content .sortList .list-content ul li:nth-of-type(6) { cursor: pointer; } data-statistics ul.data-statistics .app-content .sortList .noData, data-statistics-clone ul.data-statistics .app-content .sortList .noData { width: 100%; height: 100%; line-height: 500px; text-align: center; } data-statistics ul.data-statistics .app-content .sortList .list-foot, data-statistics-clone ul.data-statistics .app-content .sortList .list-foot { width: 100%; height: 48px; line-height: 48px; text-align: center; border-top: 1px solid #e5e5e5; } data-statistics #modal_notjoin .modal-dialog, data-statistics-clone #modal_notjoin .modal-dialog { position: relative; } data-statistics #modal_notjoin .modal-title, data-statistics-clone #modal_notjoin .modal-title { height: 60px; line-height: 60px; background: #f9fbfd; border-bottom: 1px solid #eff4f8; } data-statistics #modal_notjoin .modal-container, data-statistics-clone #modal_notjoin .modal-container { padding: 0; } data-statistics data-notadmin, data-statistics-clone data-notadmin { display: none; } invitation .invitate { display: inline-block; font-style: normal; } invitation .joined { font-style: normal; padding-right: 25px; } employee-notjoin .employeesNojoin { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } employee-notjoin .col-name { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); display: flex; } employee-notjoin .col-name span { display: inline-block; line-height: 47px; white-space: nowrap; text-overflow: ellipsis; /*padding-left: 10px;*/ text-align: center; overflow: hidden; } employee-notjoin .col-name span:nth-of-type(1) { flex: 2; /*margin-left: 30px;*/ } employee-notjoin .col-name span:nth-of-type(2) { flex: 2; /*width: 10%;*/ } employee-notjoin .col-name span:nth-of-type(3) { flex: 2; /*width: 10%;*/ } employee-notjoin .col-name span:nth-of-type(4) { flex: 3; /*width: 15%;*/ } employee-notjoin .col-name span:nth-of-type(5) { flex: 4; /*width: 25%;*/ } employee-notjoin .col-name span:nth-of-type(6) { flex: 3; /*text-align: center;*/ /*width: 23%;*/ } employee-notjoin .col-name span:nth-of-type(6) { /*padding-right: 30px;*/ } employee-notjoin .employee-list { height: 410px; overflow-y: auto; } employee-notjoin .list-item { display: flex; } employee-notjoin .list-item:hover { background-color: #eff3f8; } employee-notjoin .list-item span { display: inline-block; line-height: 47px; white-space: nowrap; text-overflow: ellipsis; /*padding-left: 10px;*/ text-align: center; overflow: hidden; } employee-notjoin .list-item span:nth-of-type(1) { flex: 2; /*margin-left: 30px;*/ } employee-notjoin .list-item span:nth-of-type(2) { flex: 2; /*width: 10%;*/ } employee-notjoin .list-item span:nth-of-type(3) { flex: 2; /*width: 10%;*/ } employee-notjoin .list-item span:nth-of-type(4) { flex: 3; /*width: 15%;*/ } employee-notjoin .list-item span:nth-of-type(5) { flex: 4; /*width: 25%;*/ } employee-notjoin .list-item span:nth-of-type(6) { flex: 3; /*text-align: center;*/ /*width: 23%;*/ } employee-notjoin .list-item img { width: 31px; height: 31px; border-radius: 50%; } employee-notjoin .page-list { /*width: 350px;*/ height: 30px; position: relative; /*left: 650px;*/ /*top: 0px;*/ } employee-notjoin .page-list paginate { z-index: 999; } audit-manage, invite-info { width: 100%; height: 100%; display: block; overflow-y: auto; } audit-manage .audit-nav, invite-info .audit-nav { padding-left: 20px; height: 60px; line-height: 60px; } audit-manage .audit-nav span, invite-info .audit-nav span { color: #378eef; } audit-manage .info-nav h4, invite-info .info-nav h4 { width: 710px; margin: 0 auto; color: #3d424c; } audit-manage .invite-content, invite-info .invite-content { height: 230px; width: 710px; margin: 0 auto; color: #3d424c; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; } audit-manage .invite-content .invite-link, invite-info .invite-content .invite-link { width: 50%; display: flex; flex-direction: column; } audit-manage .invite-content .invite-link .btn, invite-info .invite-content .invite-link .btn { width: 90px; margin: 30px auto 0; } audit-manage .invite-content .invite-qrcode, invite-info .invite-content .invite-qrcode { width: 50%; } audit-manage .invite-content .invite-qrcode .qrcode-wrapper, invite-info .invite-content .invite-qrcode .qrcode-wrapper { margin: 0 auto 20px; width: 140px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; } audit-manage .invite-content .invite-qrcode .qrcode-wrapper img, invite-info .invite-content .invite-qrcode .qrcode-wrapper img { width: 120px; height: 120px; } audit-manage .apply-list .no-data, invite-info .apply-list .no-data { text-align: center; margin-top: 100px; } audit-manage .apply-list .no-data img, invite-info .apply-list .no-data img { width: 100px; height: 95px; } audit-manage .apply-list .no-data p, invite-info .apply-list .no-data p { font-size: 17px; color: #3d424c; } audit-manage .apply-list .data-list, invite-info .apply-list .data-list { width: 710px; margin: 30px auto 20px; border: 1px solid #e5e5e5; } audit-manage .apply-list .data-list .list-head, invite-info .apply-list .data-list .list-head { width: 100%; height: 60px; background: #f9fbfd; border-bottom: 1px solid #e5e5e5; } audit-manage .apply-list .data-list .list-head ul, invite-info .apply-list .data-list .list-head ul { height: 100%; display: flex; flex-direction: row; } audit-manage .apply-list .data-list .list-head ul li, invite-info .apply-list .data-list .list-head ul li { line-height: 60px; text-align: center; } audit-manage .apply-list .data-list .list-head ul li:nth-of-type(1), invite-info .apply-list .data-list .list-head ul li:nth-of-type(1) { flex: 1; } audit-manage .apply-list .data-list .list-head ul li:nth-of-type(2), invite-info .apply-list .data-list .list-head ul li:nth-of-type(2) { flex: 1; } audit-manage .apply-list .data-list .list-head ul li:nth-of-type(3), invite-info .apply-list .data-list .list-head ul li:nth-of-type(3) { flex: 2; } audit-manage .apply-list .data-list .list-content, invite-info .apply-list .data-list .list-content { height: 460px; overflow-y: auto; } audit-manage .apply-list .data-list .list-foot, invite-info .apply-list .data-list .list-foot { width: 100%; height: 48px; line-height: 48px; text-align: center; border-top: 1px solid #e5e5e5; } audit-manage .tip-content, invite-info .tip-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } audit-manage .modal-container, invite-info .modal-container { padding: 0; } audit-manage .other-info, invite-info .other-info { margin-bottom: 0; } audit-manage .layer-footer, invite-info .layer-footer { display: none; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-alert { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMUEzQUI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMUEzQUM4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERCNkQyODg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUxQTNBQTg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhglbEAAAAGzSURBVHjatJY9SwNBEIYv8cBGGzFqDChoIya9dSpBUEjjF3YSW1GQ+AdELYzYKwh+JWlEm3TGH6FtjEESUMHCdEL0nTgny3qbmwvcCw+35HbfuZubnU1oKvthka43xy0XjYBlkASTIAK+wAt4BvcgD570hTenZ62rbbmLjPfAPOjS7nWDCWYa7HCQbVDVjWyXJ58D56DXkikMlsAsWANX+k1V65QtH+aqesAF2DAFWACHLkEdFcEwUzTMCYED9vr9oWb1OTl/5KcwiYzrPI6CWpu5DRDHh646T7vrYW4p5vrYlK595w1GcS23SY36+qq+PeY3wRiZLgrMO1HLO8ybKCglKUAiwAAJCtAfYICIn9xHlfGQnw/xLpx7zMYxcCJc82bzBosJJs8I6l/XA73BXYDfoBTmVtsUTJb0In2j5SlABRQEC1Y5RXUee6mAXlRxqijDDUoqrzbRYM+/FkEnUdpjobSKyCNNnVQ/MnNgEGQNvUlSRWS+xV6uJ9oRSIHPDiqG0rLCB47xyCTdcn/KCauryXPj4PLfoW9YVOWDPKP8bSGDAb7/yhu0xBVYNkX/EWAAG4ldvaYgx20AAAAASUVORK5CYII=); background-size: cover; width: 12px; height: 12px; } .icon-app-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -171px; width: 48px; height: 48px; } .icon-app { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -53px; width: 48px; height: 48px; } .icon-bayf { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -224px; width: 24px; height: 24px; } .icon-bayp { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -117px; width: 26px; height: 26px; } .icon-baypt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -116px -224px; width: 24px; height: 24px; } .icon-bayt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -87px; width: 20px; height: 20px; } .icon-bayv { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -31px; width: 20px; height: 26px; } .icon-bluef { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -58px -224px; width: 24px; height: 24px; } .icon-bluep { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -86px; width: 26px; height: 26px; } .icon-bluept { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -169px; width: 24px; height: 24px; } .icon-bluet { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -62px; width: 20px; height: 20px; } .icon-bluev { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px 0px; width: 20px; height: 26px; } .icon-cancel { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -53px; width: 28px; height: 28px; } .icon-contact-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px 0px; width: 48px; height: 48px; } .icon-contact { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -65px 0px; width: 48px; height: 48px; } .icon-device-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -106px; width: 48px; height: 48px; } .icon-device { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -171px; width: 48px; height: 48px; } .icon-dropdown-arrow { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -131px; width: 17px; height: 10px; } .icon-gray-tip { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -87px -224px; width: 24px; height: 24px; } .icon-iocn_185 { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px 0px; width: 60px; height: 60px; } .icon-lower { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -148px; width: 40px; height: 16px; } .icon-meeting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -159px -171px; width: 48px; height: 48px; } .icon-meeting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -118px; width: 48px; height: 48px; } .icon-msg-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px -53px; width: 48px; height: 48px; } .icon-msg { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -65px; width: 48px; height: 48px; } .icon-setting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px 0px; width: 48px; height: 48px; } .icon-setting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -171px; width: 48px; height: 48px; } .icon-statics-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -118px; width: 48px; height: 48px; } .icon-statics { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -118px; width: 48px; height: 48px; } .icon-suite-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px 0px; width: 48px; height: 48px; } .icon-suite { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -65px; width: 48px; height: 48px; } .icon-tree-close { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -146px; width: 6px; height: 10px; } .icon-tree-open { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -161px; width: 10px; height: 6px; } .icon-tree-tool, tree tree-item .tree-tool-icon { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -112px; width: 14px; height: 14px; } tree { font-size: 13px; font-weight: normal; } tree .tree-item-row { height: 30px; line-height: 30px; width: 100%; display: block; cursor: pointer; } tree .tree-item-row.active { color: #378eef; } tree .tree-item-row:hover, tree .tree-item-row.rightHover { background: #eff4f8; color: #378eef; } tree .tree-item-icon { cursor: pointer; } tree .tree-item-content { width: 100%; height: 30px; position: absolute; display: flex; align-items: center; } tree .tree-item-wrap .tree-item-row .checkbox { position: relative; top: -11px; } tree .tree-item-arrow { height: 100%; display: inline-block; width: 20px; display: flex; align-items: center; } tree .tree-item-arrow i { display: inline-block; vertical-align: top; } tree .tree-item-arrow i.icon-tree-open { position: relative; left: -2px; } tree .tree-item-name { display: inline-block; cursor: pointer; z-index: 0; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tree tree-item { position: relative; } tree tree-item input { display: inline-block; vertical-align: top; margin-right: 5px; } tree tree-item .tree-no-arrow { padding-left: 26px; } tree tree-item .tree-tool-icon { display: inline-block; right: 0; margin-right: 10px; height: 17px; width: 17px; vertical-align: middle; margin-top: 9px; position: absolute; z-index: 999; } /*************** 树结构样式 ***************/ .tree-item-arrow.open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: 2px -24px; } .tree-item-arrow.empty { background: inherit; } .tree-item-arrow ~ ul { display: none; } .tree-item-arrow.open ~ ul { display: block; } move-contacts .tree-item-wrap.active, dropdown .dropdown-menu .tree-item-wrap.active, #selector .tree-item-wrap.active, move-contacts .tree-item-row:hover, dropdown .dropdown-menu .tree-item-row:hover, #selector .tree-item-row:hover { background: #eff4f8; } tags, toper, contacts { /*************** 右侧弹层样式 ***************/ } tags .topper-list, toper .topper-list, contacts .topper-list { border: 1px solid #eee; } tags .content-container, toper .content-container, contacts .content-container { display: flex; position: relative; } tags .toper-content-wrapper, toper .toper-content-wrapper, contacts .toper-content-wrapper { min-height: 1242px; } tags .content-list, toper .content-list, contacts .content-list { float: left; height: 1242px; width: 23.62204724%; position: relative; display: flex; flex-direction: column; border-right: 1px solid #eee; } tags .content-list .tag-wrapper, toper .content-list .tag-wrapper, contacts .content-list .tag-wrapper { display: flex; height: 46px; flex-basis: 46px; flex-shrink: 0; background: #eff4f8; border-top: 1px solid #eff4f8; cursor: pointer; } tags .content-list .tag-wrapper div, toper .content-list .tag-wrapper div, contacts .content-list .tag-wrapper div { display: flex; flex: 1; height: 46px; flex-shrink: 1; justify-content: center; align-items: center; font-size: 14px; } tags .content-list .tag-wrapper .active, toper .content-list .tag-wrapper .active, contacts .content-list .tag-wrapper .active { background: #fff; color: #378eef; } tags .content-list .tag-wrapper a, toper .content-list .tag-wrapper a, contacts .content-list .tag-wrapper a { color: #1b1b1b; display: block; width: 100%; height: 100%; text-align: center; line-height: 46px; } tags .content-list .search-container, toper .content-list .search-container, contacts .content-list .search-container { display: flex; width: 100%; height: 60px; flex-basis: 60px; flex-shrink: 0; background: #fff; justify-content: center; align-items: center; position: relative; } tags .content-list .search-container .manage, toper .content-list .search-container .manage, contacts .content-list .search-container .manage { position: absolute; right: 5px; top: 18px; cursor: pointer; height: 28px; line-height: 26px; } tags .content-list .search-container .manage img, toper .content-list .search-container .manage img, contacts .content-list .search-container .manage img { width: 15px; height: 16px; } tags .content-list #tree-area, toper .content-list #tree-area, contacts .content-list #tree-area { flex: 1; overflow: auto; overflow-x: hidden; } tags .content-list .search-bar, toper .content-list .search-bar, contacts .content-list .search-bar { outline: none; width: 100%; height: 28px; padding: 0; padding-left: 4.66666667%; padding-right: 28px; border-radius: 14px; border: 1px solid #e2e6ec; } tags .content-list .search-bar::-webkit-input-placeholder, toper .content-list .search-bar::-webkit-input-placeholder, contacts .content-list .search-bar::-webkit-input-placeholder { font-size: 13px; color: #97a0b5; } tags .content-list .switch-area, toper .content-list .switch-area, contacts .content-list .switch-area { padding: 15px; text-align: center; position: relative; /* border-bottom: 1px solid #d4dce5;*/ height: 9%; min-height: 65px; } tags .content-list .switch-area .tools-inline, toper .content-list .switch-area .tools-inline, contacts .content-list .switch-area .tools-inline { position: absolute; top: 50%; left: 0; right: 0; bottom: 0; height: 35px; margin-top: -18px; padding: 0 15px; } tags .content-list .switch-area .dropdown-wrap, toper .content-list .switch-area .dropdown-wrap, contacts .content-list .switch-area .dropdown-wrap { min-width: 135px; width: 76%; float: left; } tags .content-list .switch-area .add-contacts-wrap, toper .content-list .switch-area .add-contacts-wrap, contacts .content-list .switch-area .add-contacts-wrap { width: 15%; float: left; } tags .content-list .add-contacts, toper .content-list .add-contacts, contacts .content-list .add-contacts { display: inline-block; height: 34px; width: 34px; position: absolute; border-radius: 4px; background-color: #509ee2; } tags .content-list .add-contacts:after, toper .content-list .add-contacts:after, contacts .content-list .add-contacts:after { content: ' '; display: block; margin: auto; width: 14px; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -69px -24px; position: relative; top: 10px; } tags .content-show, toper .content-show, contacts .content-show { float: left; height: 100%; width: 76.2992126%; position: relative; display: flex; flex-direction: column; padding: 0 20px; } tags .content-show .hidden, toper .content-show .hidden, contacts .content-show .hidden { display: none; } tags .content-show employee-list, toper .content-show employee-list, contacts .content-show employee-list { order: 10; } tags .content-show .opacity-list, toper .content-show .opacity-list, contacts .content-show .opacity-list { opacity: 0; } tags .content-show .content-header, toper .content-show .content-header, contacts .content-show .content-header { display: flex; height: 60px; align-items: center; justify-content: space-between; } tags .content-show .content-header .header-actions, toper .content-show .content-header .header-actions, contacts .content-show .content-header .header-actions { /*.btn.updating { cursor: auto; color: #222; &:hover { color: #222; }; }*/ } tags .content-show .content-header .header-actions .employee-list-buttons, toper .content-show .content-header .header-actions .employee-list-buttons, contacts .content-show .content-header .header-actions .employee-list-buttons { display: flex; align-items: center; } tags .content-show .content-header .header-actions .employee-list-buttons .batch-import, toper .content-show .content-header .header-actions .employee-list-buttons .batch-import, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-import, tags .content-show .content-header .header-actions .employee-list-buttons .batch-export, toper .content-show .content-header .header-actions .employee-list-buttons .batch-export, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-export, tags .content-show .content-header .header-actions .employee-list-buttons .move, toper .content-show .content-header .header-actions .employee-list-buttons .move, contacts .content-show .content-header .header-actions .employee-list-buttons .move, tags .content-show .content-header .header-actions .employee-list-buttons .delete, toper .content-show .content-header .header-actions .employee-list-buttons .delete, contacts .content-show .content-header .header-actions .employee-list-buttons .delete { height: 32px; padding: 0 16px; line-height: 32px; border: 1px solid #2c8fff; color: #2c8fff; border-radius: 3px; background: #fff; } tags .content-show .content-header .header-actions .employee-list-buttons .batch-import:hover, toper .content-show .content-header .header-actions .employee-list-buttons .batch-import:hover, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-import:hover, tags .content-show .content-header .header-actions .employee-list-buttons .batch-export:hover, toper .content-show .content-header .header-actions .employee-list-buttons .batch-export:hover, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-export:hover, tags .content-show .content-header .header-actions .employee-list-buttons .move:hover, toper .content-show .content-header .header-actions .employee-list-buttons .move:hover, contacts .content-show .content-header .header-actions .employee-list-buttons .move:hover, tags .content-show .content-header .header-actions .employee-list-buttons .delete:hover, toper .content-show .content-header .header-actions .employee-list-buttons .delete:hover, contacts .content-show .content-header .header-actions .employee-list-buttons .delete:hover { background-color: #f2f7ff; } tags .content-show .content-header .header-actions .employee-list-buttons .batch-import:active, toper .content-show .content-header .header-actions .employee-list-buttons .batch-import:active, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-import:active, tags .content-show .content-header .header-actions .employee-list-buttons .batch-export:active, toper .content-show .content-header .header-actions .employee-list-buttons .batch-export:active, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-export:active, tags .content-show .content-header .header-actions .employee-list-buttons .move:active, toper .content-show .content-header .header-actions .employee-list-buttons .move:active, contacts .content-show .content-header .header-actions .employee-list-buttons .move:active, tags .content-show .content-header .header-actions .employee-list-buttons .delete:active, toper .content-show .content-header .header-actions .employee-list-buttons .delete:active, contacts .content-show .content-header .header-actions .employee-list-buttons .delete:active { background-color: #d9e6ff; } tags .content-show .content-header .header-actions .employee-list-buttons .batch-export, toper .content-show .content-header .header-actions .employee-list-buttons .batch-export, contacts .content-show .content-header .header-actions .employee-list-buttons .batch-export { margin-right: 0; margin-left: 16px; } tags .content-show .content-header .header-actions .employee-list-buttons .move, toper .content-show .content-header .header-actions .employee-list-buttons .move, contacts .content-show .content-header .header-actions .employee-list-buttons .move, tags .content-show .content-header .header-actions .employee-list-buttons .delete, toper .content-show .content-header .header-actions .employee-list-buttons .delete, contacts .content-show .content-header .header-actions .employee-list-buttons .delete { outline: none; color: #2c8fff; margin-left: 16px; } tags .content-show .content-header .header-actions .employee-list-buttons new-add-employee span, toper .content-show .content-header .header-actions .employee-list-buttons new-add-employee span, contacts .content-show .content-header .header-actions .employee-list-buttons new-add-employee span { margin-right: 16px; } tags .content-show .content-header .header-actions .refreshmember, toper .content-show .content-header .header-actions .refreshmember, contacts .content-show .content-header .header-actions .refreshmember { margin-left: 30px; } tags .content-show .content-header .header-actions span, toper .content-show .content-header .header-actions span, contacts .content-show .content-header .header-actions span { font-size: 14px; display: inline-block; cursor: pointer; color: #378eef; } tags .content-show .content-header .header-actions span:last-of-type, toper .content-show .content-header .header-actions span:last-of-type, contacts .content-show .content-header .header-actions span:last-of-type { margin-right: 30px; } tags .content-show .content-header .header-actions .normal-color, toper .content-show .content-header .header-actions .normal-color, contacts .content-show .content-header .header-actions .normal-color { color: #3d3c41; margin-left: 10px; } tags .content-show .content-header .header-actions button, toper .content-show .content-header .header-actions button, contacts .content-show .content-header .header-actions button { margin-left: 10px; } tags .content-show .department-title, toper .content-show .department-title, contacts .content-show .department-title { font-size: 16px; font-weight: 500; display: inline-flex; } tags .content-show .department-title span, toper .content-show .department-title span, contacts .content-show .department-title span { display: inline-block; } tags .content-show .department-name, toper .content-show .department-name, contacts .content-show .department-name { display: inline-block; max-width: 300px; font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tags .content-show tag-member-list .authority, toper .content-show tag-member-list .authority, contacts .content-show tag-member-list .authority { position: relative; } tags .content-show tag-member-list .authority .refresh-loading, toper .content-show tag-member-list .authority .refresh-loading, contacts .content-show tag-member-list .authority .refresh-loading { width: 150px; height: 150px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading_spinner.gif?078aa3f09332c2484dbfd7239ef39e2d) no-repeat center; background-size: 150px; display: none; } tags .content-show tag-member-list .authority .refresh-loading.show, toper .content-show tag-member-list .authority .refresh-loading.show, contacts .content-show tag-member-list .authority .refresh-loading.show { display: block; } tags .content-show tag-member-list .authority .add-btn, toper .content-show tag-member-list .authority .add-btn, contacts .content-show tag-member-list .authority .add-btn, tags .content-show tag-member-list .authority .remove-btn, toper .content-show tag-member-list .authority .remove-btn, contacts .content-show tag-member-list .authority .remove-btn, tags .content-show tag-member-list .authority .imports-btn, toper .content-show tag-member-list .authority .imports-btn, contacts .content-show tag-member-list .authority .imports-btn { height: 32px; padding: 0 16px; line-height: 32px; border: 1px solid #2c8fff; color: #2c8fff; border-radius: 3px; background: #fff; } tags .content-show tag-member-list .authority .add-btn:hover, toper .content-show tag-member-list .authority .add-btn:hover, contacts .content-show tag-member-list .authority .add-btn:hover, tags .content-show tag-member-list .authority .remove-btn:hover, toper .content-show tag-member-list .authority .remove-btn:hover, contacts .content-show tag-member-list .authority .remove-btn:hover, tags .content-show tag-member-list .authority .imports-btn:hover, toper .content-show tag-member-list .authority .imports-btn:hover, contacts .content-show tag-member-list .authority .imports-btn:hover { background-color: #f2f7ff; } tags .content-show tag-member-list .authority .add-btn:active, toper .content-show tag-member-list .authority .add-btn:active, contacts .content-show tag-member-list .authority .add-btn:active, tags .content-show tag-member-list .authority .remove-btn:active, toper .content-show tag-member-list .authority .remove-btn:active, contacts .content-show tag-member-list .authority .remove-btn:active, tags .content-show tag-member-list .authority .imports-btn:active, toper .content-show tag-member-list .authority .imports-btn:active, contacts .content-show tag-member-list .authority .imports-btn:active { background-color: #d9e6ff; border: 1px solid #2c8fff; } tags .content-show tag-member-list .authority .updating-btn, toper .content-show tag-member-list .authority .updating-btn, contacts .content-show tag-member-list .authority .updating-btn { height: 32px; padding: 0 16px; line-height: 32px; border: 1px solid #2c8fff; color: #2c8fff; border-radius: 3px; background: #fff; background-color: #d9e6ff; } tags .content-show tag-member-list .authority .add-btn, toper .content-show tag-member-list .authority .add-btn, contacts .content-show tag-member-list .authority .add-btn { background: #2c8fff; color: #fff; } tags .content-show tag-member-list .authority .add-btn:hover, toper .content-show tag-member-list .authority .add-btn:hover, contacts .content-show tag-member-list .authority .add-btn:hover { background-color: #54a1ff; } tags .content-show tag-member-list .tag-list, toper .content-show tag-member-list .tag-list, contacts .content-show tag-member-list .tag-list { border: 1px solid #eee; } tags .content-show tag-member-list, toper .content-show tag-member-list, contacts .content-show tag-member-list, tags .content-show toper-list, toper .content-show toper-list, contacts .content-show toper-list, tags .content-show employee-list, toper .content-show employee-list, contacts .content-show employee-list { position: relative; display: block; height: 100%; background: #ffffff; } tags .content-show tag-member-list h2, toper .content-show tag-member-list h2, contacts .content-show tag-member-list h2, tags .content-show toper-list h2, toper .content-show toper-list h2, contacts .content-show toper-list h2, tags .content-show employee-list h2, toper .content-show employee-list h2, contacts .content-show employee-list h2 { font-size: 18px; color: #95a8b8; height: 49px; line-height: 49px; margin: 0; border-bottom: 1px solid #e5e5e5; } tags .content-show tag-member-list .no-data, toper .content-show tag-member-list .no-data, contacts .content-show tag-member-list .no-data, tags .content-show toper-list .no-data, toper .content-show toper-list .no-data, contacts .content-show toper-list .no-data, tags .content-show employee-list .no-data, toper .content-show employee-list .no-data, contacts .content-show employee-list .no-data { color: #3d3c41; font-size: 14px; margin-top: 30px; } tags .content-show tag-member-list .list-empty, toper .content-show tag-member-list .list-empty, contacts .content-show tag-member-list .list-empty, tags .content-show toper-list .list-empty, toper .content-show toper-list .list-empty, contacts .content-show toper-list .list-empty, tags .content-show employee-list .list-empty, toper .content-show employee-list .list-empty, contacts .content-show employee-list .list-empty { display: table; width: 100%; } tags .content-show tag-member-list .list-empty-content, toper .content-show tag-member-list .list-empty-content, contacts .content-show tag-member-list .list-empty-content, tags .content-show toper-list .list-empty-content, toper .content-show toper-list .list-empty-content, contacts .content-show toper-list .list-empty-content, tags .content-show employee-list .list-empty-content, toper .content-show employee-list .list-empty-content, contacts .content-show employee-list .list-empty-content { vertical-align: middle; text-align: center; padding: 100px 0; } tags .content-show tag-member-list .notice, toper .content-show tag-member-list .notice, contacts .content-show tag-member-list .notice, tags .content-show toper-list .notice, toper .content-show toper-list .notice, contacts .content-show toper-list .notice, tags .content-show employee-list .notice, toper .content-show employee-list .notice, contacts .content-show employee-list .notice { width: 100%; height: 38px; background: #eb875b; color: #fff; text-align: center; line-height: 38px; } tags .content-show tag-member-list .notice .apply, toper .content-show tag-member-list .notice .apply, contacts .content-show tag-member-list .notice .apply, tags .content-show toper-list .notice .apply, toper .content-show toper-list .notice .apply, contacts .content-show toper-list .notice .apply, tags .content-show employee-list .notice .apply, toper .content-show employee-list .notice .apply, contacts .content-show employee-list .notice .apply { text-decoration: underline; color: #fff; } tags .content-show tag-member-list li span .minu-tips, toper .content-show tag-member-list li span .minu-tips, contacts .content-show tag-member-list li span .minu-tips, tags .content-show toper-list li span .minu-tips, toper .content-show toper-list li span .minu-tips, contacts .content-show toper-list li span .minu-tips, tags .content-show employee-list li span .minu-tips, toper .content-show employee-list li span .minu-tips, contacts .content-show employee-list li span .minu-tips { line-height: 23px; padding-left: 0; vertical-align: middle; } tags .content-show tag-member-list li span span, toper .content-show tag-member-list li span span, contacts .content-show tag-member-list li span span, tags .content-show toper-list li span span, toper .content-show toper-list li span span, contacts .content-show toper-list li span span, tags .content-show employee-list li span span, toper .content-show employee-list li span span, contacts .content-show employee-list li span span { padding-left: 0; } tags .content-show tag-member-list #list-header, toper .content-show tag-member-list #list-header, contacts .content-show tag-member-list #list-header, tags .content-show toper-list #list-header, toper .content-show toper-list #list-header, contacts .content-show toper-list #list-header, tags .content-show employee-list #list-header, toper .content-show employee-list #list-header, contacts .content-show employee-list #list-header, tags .content-show tag-member-list .list-item, toper .content-show tag-member-list .list-item, contacts .content-show tag-member-list .list-item, tags .content-show toper-list .list-item, toper .content-show toper-list .list-item, contacts .content-show toper-list .list-item, tags .content-show employee-list .list-item, toper .content-show employee-list .list-item, contacts .content-show employee-list .list-item { width: 100%; height: 54px; overflow: hidden; line-height: 54px; padding: 0; } tags .content-show tag-member-list #list-header span span, toper .content-show tag-member-list #list-header span span, contacts .content-show tag-member-list #list-header span span, tags .content-show toper-list #list-header span span, toper .content-show toper-list #list-header span span, contacts .content-show toper-list #list-header span span, tags .content-show employee-list #list-header span span, toper .content-show employee-list #list-header span span, contacts .content-show employee-list #list-header span span, tags .content-show tag-member-list .list-item span span, toper .content-show tag-member-list .list-item span span, contacts .content-show tag-member-list .list-item span span, tags .content-show toper-list .list-item span span, toper .content-show toper-list .list-item span span, contacts .content-show toper-list .list-item span span, tags .content-show employee-list .list-item span span, toper .content-show employee-list .list-item span span, contacts .content-show employee-list .list-item span span { padding-left: 0; } tags .content-show tag-member-list #list-header, toper .content-show tag-member-list #list-header, contacts .content-show tag-member-list #list-header, tags .content-show toper-list #list-header, toper .content-show toper-list #list-header, contacts .content-show toper-list #list-header, tags .content-show employee-list #list-header, toper .content-show employee-list #list-header, contacts .content-show employee-list #list-header { border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: 500; position: relative; background: #f5f5f5; } tags .content-show tag-member-list .employee-list-container, toper .content-show tag-member-list .employee-list-container, contacts .content-show tag-member-list .employee-list-container, tags .content-show toper-list .employee-list-container, toper .content-show toper-list .employee-list-container, contacts .content-show toper-list .employee-list-container, tags .content-show employee-list .employee-list-container, toper .content-show employee-list .employee-list-container, contacts .content-show employee-list .employee-list-container { position: absolute; right: 4%; } tags .content-show tag-member-list .employee-list-container .triangle_border_up, toper .content-show tag-member-list .employee-list-container .triangle_border_up, contacts .content-show tag-member-list .employee-list-container .triangle_border_up, tags .content-show toper-list .employee-list-container .triangle_border_up, toper .content-show toper-list .employee-list-container .triangle_border_up, contacts .content-show toper-list .employee-list-container .triangle_border_up, tags .content-show employee-list .employee-list-container .triangle_border_up, toper .content-show employee-list .employee-list-container .triangle_border_up, contacts .content-show employee-list .employee-list-container .triangle_border_up { position: relative; width: 0; height: 0; border-width: 0 15px 15px; border-style: solid; border-color: transparent transparent #e6e6ed; /*透明 透明 灰*/ margin: 40px auto; right: 11%; top: -4px; z-index: 10; } tags .content-show tag-member-list .employee-list-container .triangle_border_up span, toper .content-show tag-member-list .employee-list-container .triangle_border_up span, contacts .content-show tag-member-list .employee-list-container .triangle_border_up span, tags .content-show toper-list .employee-list-container .triangle_border_up span, toper .content-show toper-list .employee-list-container .triangle_border_up span, contacts .content-show toper-list .employee-list-container .triangle_border_up span, tags .content-show employee-list .employee-list-container .triangle_border_up span, toper .content-show employee-list .employee-list-container .triangle_border_up span, contacts .content-show employee-list .employee-list-container .triangle_border_up span { display: block; width: 0; height: 0; border-width: 0 13px 13px; border-style: solid; border-color: transparent transparent #fff; /*透明 透明 黄*/ position: absolute; top: 2px; left: -13px; } tags .content-show tag-member-list .employee-list-container .invite-tabs, toper .content-show tag-member-list .employee-list-container .invite-tabs, contacts .content-show tag-member-list .employee-list-container .invite-tabs, tags .content-show toper-list .employee-list-container .invite-tabs, toper .content-show toper-list .employee-list-container .invite-tabs, contacts .content-show toper-list .employee-list-container .invite-tabs, tags .content-show employee-list .employee-list-container .invite-tabs, toper .content-show employee-list .employee-list-container .invite-tabs, contacts .content-show employee-list .employee-list-container .invite-tabs { position: relative; top: -45px; width: 185px; background: #fff; z-index: 9; text-align: center; border: 1px solid #e6e6ed; border-bottom: none; box-shadow: -3px 2px #eff1f4; } tags .content-show tag-member-list .employee-list-container .invite-tabs li, toper .content-show tag-member-list .employee-list-container .invite-tabs li, contacts .content-show tag-member-list .employee-list-container .invite-tabs li, tags .content-show toper-list .employee-list-container .invite-tabs li, toper .content-show toper-list .employee-list-container .invite-tabs li, contacts .content-show toper-list .employee-list-container .invite-tabs li, tags .content-show employee-list .employee-list-container .invite-tabs li, toper .content-show employee-list .employee-list-container .invite-tabs li, contacts .content-show employee-list .employee-list-container .invite-tabs li { cursor: pointer; height: 35px; border-bottom: 1px solid #e6e6ed; line-height: 35px; } tags .content-show tag-member-list .employee-list-container .invite-tabs li:hover, toper .content-show tag-member-list .employee-list-container .invite-tabs li:hover, contacts .content-show tag-member-list .employee-list-container .invite-tabs li:hover, tags .content-show toper-list .employee-list-container .invite-tabs li:hover, toper .content-show toper-list .employee-list-container .invite-tabs li:hover, contacts .content-show toper-list .employee-list-container .invite-tabs li:hover, tags .content-show employee-list .employee-list-container .invite-tabs li:hover, toper .content-show employee-list .employee-list-container .invite-tabs li:hover, contacts .content-show employee-list .employee-list-container .invite-tabs li:hover { color: #378eef; } tags .content-show tag-member-list .list-item, toper .content-show tag-member-list .list-item, contacts .content-show tag-member-list .list-item, tags .content-show toper-list .list-item, toper .content-show toper-list .list-item, contacts .content-show toper-list .list-item, tags .content-show employee-list .list-item, toper .content-show employee-list .list-item, contacts .content-show employee-list .list-item { cursor: pointer; } tags .content-show tag-member-list .list-item:hover, toper .content-show tag-member-list .list-item:hover, contacts .content-show tag-member-list .list-item:hover, tags .content-show toper-list .list-item:hover, toper .content-show toper-list .list-item:hover, contacts .content-show toper-list .list-item:hover, tags .content-show employee-list .list-item:hover, toper .content-show employee-list .list-item:hover, contacts .content-show employee-list .list-item:hover, tags .content-show tag-member-list .list-item.active, toper .content-show tag-member-list .list-item.active, contacts .content-show tag-member-list .list-item.active, tags .content-show toper-list .list-item.active, toper .content-show toper-list .list-item.active, contacts .content-show toper-list .list-item.active, tags .content-show employee-list .list-item.active, toper .content-show employee-list .list-item.active, contacts .content-show employee-list .list-item.active { background-color: #eff3f8; } tags .content-show tag-member-list .list-item .avatar, toper .content-show tag-member-list .list-item .avatar, contacts .content-show tag-member-list .list-item .avatar, tags .content-show toper-list .list-item .avatar, toper .content-show toper-list .list-item .avatar, contacts .content-show toper-list .list-item .avatar, tags .content-show employee-list .list-item .avatar, toper .content-show employee-list .list-item .avatar, contacts .content-show employee-list .list-item .avatar { width: 31px; height: 31px; border-radius: 50%; } tags .content-show tag-member-list .list-item span, toper .content-show tag-member-list .list-item span, contacts .content-show tag-member-list .list-item span, tags .content-show toper-list .list-item span, toper .content-show toper-list .list-item span, contacts .content-show toper-list .list-item span, tags .content-show employee-list .list-item span, toper .content-show employee-list .list-item span, contacts .content-show employee-list .list-item span, tags .content-show tag-member-list #list-header span, toper .content-show tag-member-list #list-header span, contacts .content-show tag-member-list #list-header span, tags .content-show toper-list #list-header span, toper .content-show toper-list #list-header span, contacts .content-show toper-list #list-header span, tags .content-show employee-list #list-header span, toper .content-show employee-list #list-header span, contacts .content-show employee-list #list-header span { display: inline-block; text-align: center; line-height: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; text-align: left; } tags .content-show tag-member-list #list-header .arrow_down, toper .content-show tag-member-list #list-header .arrow_down, contacts .content-show tag-member-list #list-header .arrow_down, tags .content-show toper-list #list-header .arrow_down, toper .content-show toper-list #list-header .arrow_down, contacts .content-show toper-list #list-header .arrow_down, tags .content-show employee-list #list-header .arrow_down, toper .content-show employee-list #list-header .arrow_down, contacts .content-show employee-list #list-header .arrow_down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAMAAAAGcixRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjEzMUVBN0E4RDMxMTFFNkEzODBCNzdEQThBODQyNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjEzMUVBNzk4RDMxMTFFNkEzODBCNzdEQThBODQyNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phw6/eEAAAAnUExURcPDxdDQ0v7+/vPz9Le3uerq666usKOjpt7e3/r6+qenqqKipf///xFwyYIAAAANdFJOU////////////////wA96CKGAAAANklEQVR42izGQQ4AIAjEwAVUQPb/7zWoPTQD1A/I9bQSnN7ySZDSFDZ1VA29pO1tfGRE/wgwAGEGApd8HlycAAAAAElFTkSuQmCC) no-repeat center; width: 10px; height: 7px; display: inline-block; cursor: pointer; margin-left: 5px; } tags .content-show tag-member-list .table-list, toper .content-show tag-member-list .table-list, contacts .content-show tag-member-list .table-list, tags .content-show toper-list .table-list, toper .content-show toper-list .table-list, contacts .content-show toper-list .table-list, tags .content-show employee-list .table-list, toper .content-show employee-list .table-list, contacts .content-show employee-list .table-list { border: 1px solid #eee; border-top: none; } tags .content-show tag-member-list .table-list .check-box, toper .content-show tag-member-list .table-list .check-box, contacts .content-show tag-member-list .table-list .check-box, tags .content-show toper-list .table-list .check-box, toper .content-show toper-list .table-list .check-box, contacts .content-show toper-list .table-list .check-box, tags .content-show employee-list .table-list .check-box, toper .content-show employee-list .table-list .check-box, contacts .content-show employee-list .table-list .check-box, tags .content-show tag-member-list .table-list .img, toper .content-show tag-member-list .table-list .img, contacts .content-show tag-member-list .table-list .img, tags .content-show toper-list .table-list .img, toper .content-show toper-list .table-list .img, contacts .content-show toper-list .table-list .img, tags .content-show employee-list .table-list .img, toper .content-show employee-list .table-list .img, contacts .content-show employee-list .table-list .img { width: 5%; } tags .content-show tag-member-list .table-list .member-id, toper .content-show tag-member-list .table-list .member-id, contacts .content-show tag-member-list .table-list .member-id, tags .content-show toper-list .table-list .member-id, toper .content-show toper-list .table-list .member-id, contacts .content-show toper-list .table-list .member-id, tags .content-show employee-list .table-list .member-id, toper .content-show employee-list .table-list .member-id, contacts .content-show employee-list .table-list .member-id { width: 10%; } tags .content-show tag-member-list .table-list .name, toper .content-show tag-member-list .table-list .name, contacts .content-show tag-member-list .table-list .name, tags .content-show toper-list .table-list .name, toper .content-show toper-list .table-list .name, contacts .content-show toper-list .table-list .name, tags .content-show employee-list .table-list .name, toper .content-show employee-list .table-list .name, contacts .content-show employee-list .table-list .name, tags .content-show tag-member-list .table-list .phone, toper .content-show tag-member-list .table-list .phone, contacts .content-show tag-member-list .table-list .phone, tags .content-show toper-list .table-list .phone, toper .content-show toper-list .table-list .phone, contacts .content-show toper-list .table-list .phone, tags .content-show employee-list .table-list .phone, toper .content-show employee-list .table-list .phone, contacts .content-show employee-list .table-list .phone { width: 15%; } tags .content-show tag-member-list .table-list .email, toper .content-show tag-member-list .table-list .email, contacts .content-show tag-member-list .table-list .email, tags .content-show toper-list .table-list .email, toper .content-show toper-list .table-list .email, contacts .content-show toper-list .table-list .email, tags .content-show employee-list .table-list .email, toper .content-show employee-list .table-list .email, contacts .content-show employee-list .table-list .email { width: 20%; } tags .content-show tag-member-list .table-list .status, toper .content-show tag-member-list .table-list .status, contacts .content-show tag-member-list .table-list .status, tags .content-show toper-list .table-list .status, toper .content-show toper-list .table-list .status, contacts .content-show toper-list .table-list .status, tags .content-show employee-list .table-list .status, toper .content-show employee-list .table-list .status, contacts .content-show employee-list .table-list .status { width: 25%; cursor: pointer; } tags .content-show tag-member-list .table-list .invite, toper .content-show tag-member-list .table-list .invite, contacts .content-show tag-member-list .table-list .invite, tags .content-show toper-list .table-list .invite, toper .content-show toper-list .table-list .invite, contacts .content-show toper-list .table-list .invite, tags .content-show employee-list .table-list .invite, toper .content-show employee-list .table-list .invite, contacts .content-show employee-list .table-list .invite, tags .content-show tag-member-list .table-list .unactivated, toper .content-show tag-member-list .table-list .unactivated, contacts .content-show tag-member-list .table-list .unactivated, tags .content-show toper-list .table-list .unactivated, toper .content-show toper-list .table-list .unactivated, contacts .content-show toper-list .table-list .unactivated, tags .content-show employee-list .table-list .unactivated, toper .content-show employee-list .table-list .unactivated, contacts .content-show employee-list .table-list .unactivated { line-height: 23px; } tags .content-show tag-member-list #employee-tool, toper .content-show tag-member-list #employee-tool, contacts .content-show tag-member-list #employee-tool, tags .content-show toper-list #employee-tool, toper .content-show toper-list #employee-tool, contacts .content-show toper-list #employee-tool, tags .content-show employee-list #employee-tool, toper .content-show employee-list #employee-tool, contacts .content-show employee-list #employee-tool { height: 50px; line-height: 50px; background: #ffffff; border-top: 1px dotted #e5e5e5; } tags .content-show tag-member-list #list-wrapper, toper .content-show tag-member-list #list-wrapper, contacts .content-show tag-member-list #list-wrapper, tags .content-show toper-list #list-wrapper, toper .content-show toper-list #list-wrapper, contacts .content-show toper-list #list-wrapper, tags .content-show employee-list #list-wrapper, toper .content-show employee-list #list-wrapper, contacts .content-show employee-list #list-wrapper { overflow: auto; min-height: 1080px; } tags .content-show tag-member-list #list-wrapper .invite, toper .content-show tag-member-list #list-wrapper .invite, contacts .content-show tag-member-list #list-wrapper .invite, tags .content-show toper-list #list-wrapper .invite, toper .content-show toper-list #list-wrapper .invite, contacts .content-show toper-list #list-wrapper .invite, tags .content-show employee-list #list-wrapper .invite, toper .content-show employee-list #list-wrapper .invite, contacts .content-show employee-list #list-wrapper .invite { border: 1px solid #43d372; padding: 0 30px; border-radius: 20px; cursor: pointer; color: #43d372; line-height: 30px; height: 30px; vertical-align: middle; } tags .content-show tag-member-list #list-wrapper .invite:hover, toper .content-show tag-member-list #list-wrapper .invite:hover, contacts .content-show tag-member-list #list-wrapper .invite:hover, tags .content-show toper-list #list-wrapper .invite:hover, toper .content-show toper-list #list-wrapper .invite:hover, contacts .content-show toper-list #list-wrapper .invite:hover, tags .content-show employee-list #list-wrapper .invite:hover, toper .content-show employee-list #list-wrapper .invite:hover, contacts .content-show employee-list #list-wrapper .invite:hover { color: #fff; } tags .content-show tag-member-list #list-wrapper .invite-off, toper .content-show tag-member-list #list-wrapper .invite-off, contacts .content-show tag-member-list #list-wrapper .invite-off, tags .content-show toper-list #list-wrapper .invite-off, toper .content-show toper-list #list-wrapper .invite-off, contacts .content-show toper-list #list-wrapper .invite-off, tags .content-show employee-list #list-wrapper .invite-off, toper .content-show employee-list #list-wrapper .invite-off, contacts .content-show employee-list #list-wrapper .invite-off { background: #c5cbd9; padding: 0 20px; border-radius: 15px; color: #fff; line-height: 30px; height: 30px; vertical-align: middle; } tags .content-show tag-member-list .list-item:last-child, toper .content-show tag-member-list .list-item:last-child, contacts .content-show tag-member-list .list-item:last-child, tags .content-show toper-list .list-item:last-child, toper .content-show toper-list .list-item:last-child, contacts .content-show toper-list .list-item:last-child, tags .content-show employee-list .list-item:last-child, toper .content-show employee-list .list-item:last-child, contacts .content-show employee-list .list-item:last-child { border-bottom: none; } tags .content-show tag-member-list .paginate-footer, toper .content-show tag-member-list .paginate-footer, contacts .content-show tag-member-list .paginate-footer, tags .content-show toper-list .paginate-footer, toper .content-show toper-list .paginate-footer, contacts .content-show toper-list .paginate-footer, tags .content-show employee-list .paginate-footer, toper .content-show employee-list .paginate-footer, contacts .content-show employee-list .paginate-footer { height: 48px; line-height: 48px; background: #fff; } tags #handle-dept, toper #handle-dept, contacts #handle-dept { display: none; position: fixed; background: #ffffff; width: 184px; z-index: 10; right: 0px; top: 30px; border: 1px solid #e6e6ed; border-bottom: none; z-index: 999; } tags #handle-dept li, toper #handle-dept li, contacts #handle-dept li { text-align: center; line-height: 34px; border-bottom: 1px solid #e6e6ed; cursor: pointer; } tags #handle-dept li:hover, toper #handle-dept li:hover, contacts #handle-dept li:hover { color: #378eef; background-color: #eff4f8; } tags side-layer, toper side-layer, contacts side-layer { display: block; height: 100%; width: 400px; position: absolute; right: -420px; top: 0; transition: right 0.3s; -moz-transition: right 0.3s; /* Firefox 4 */ -webkit-transition: right 0.3s; /* Safari 和 Chrome */ -o-transition: right 0.3s; background: #fff; border-left: 1px solid #e5e5e5; z-index: 1000; } tags side-layer.show-layer, toper side-layer.show-layer, contacts side-layer.show-layer { right: 0px; position: fixed; } tags .layer-title, toper .layer-title, contacts .layer-title { color: #3d3c41; height: 61px; line-height: 61px; width: 100%; text-align: center; border-bottom: 1px solid #ccc; font-size: 16px; background: #fff; } tags .layer-close, toper .layer-close, contacts .layer-close { position: absolute; left: 0; top: 8px; width: 25px; height: 25px; margin: 10px 10px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -105px -18px; cursor: pointer; } tags .layer-content, toper .layer-content, contacts .layer-content { padding-left: 50px; overflow-y: auto; overflow-x: hidden; } tags .layer-body, toper .layer-body, contacts .layer-body { height: 100%; overflow: auto; } tags .layer-content h4, toper .layer-content h4, contacts .layer-content h4 { margin-top: 35px; color: #95a8b8; font-size: 18px; margin-bottom: -10px; } tags .layer-content h4 a, toper .layer-content h4 a, contacts .layer-content h4 a { font-size: 14px; padding-left: 20px; } tags .layer-footer, toper .layer-footer, contacts .layer-footer { padding: 10px 20px 10px 56px; position: absolute; margin-bottom: 20px; bottom: -20px; width: 100%; background: #fff; border-top: 1px solid #e5e5e5; text-align: right; } tags .layer-content .base-msg .avatar, toper .layer-content .base-msg .avatar, contacts .layer-content .base-msg .avatar { height: 80px; width: 80px; display: block; float: left; } tags .layer-content .base-msg .name-area, toper .layer-content .base-msg .name-area, contacts .layer-content .base-msg .name-area { width: 250px; float: left; padding-left: 20px; } tags .layer-content .base-msg .name-area input, toper .layer-content .base-msg .name-area input, contacts .layer-content .base-msg .name-area input { width: 200px; } tags .layer-content table, toper .layer-content table, contacts .layer-content table { margin-top: 20px; } tags .layer-content table th, toper .layer-content table th, contacts .layer-content table th { text-align: right; color: #95a8b8; font-weight: normal; font-size: 14px; width: 75px; padding-right: 5px; } tags .layer-content table tr, toper .layer-content table tr, contacts .layer-content table tr { height: 45px; } tags .layer-content table th, toper .layer-content table th, contacts .layer-content table th, tags .layer-content table td, toper .layer-content table td, contacts .layer-content table td { min-height: 30px; font-size: 14px; font-weight: bold; } tags .no-authority, toper .no-authority, contacts .no-authority { position: relative; top: 50%; height: 100%; text-align: center; color: #f96e75; } tags .no-authority div, toper .no-authority div, contacts .no-authority div { margin-top: 20px; } contacts .content-list { height: 1089px; } employee-list #list-footer { position: relative; left: 0; } edit-audit { height: 60px; display: block; } edit-audit ul { height: 100%; display: flex; flex-direction: row; } edit-audit ul li { line-height: 60px; text-align: center; } edit-audit ul li .operate-wrapper { height: 100%; } edit-audit ul li .operate-wrapper span { color: #97a0b5; display: inline-block; width: 90px; height: 100%; } edit-audit ul li .operate-wrapper .refuse { position: relative; left: 45px; top: 0; } edit-audit ul li:nth-of-type(1), edit-audit ul li:nth-of-type(2) { flex: 1; } edit-audit ul li:nth-of-type(3) { flex: 2; } .questionMark { float: left; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==) no-repeat; margin: 6px 0 0 0; background-size: 80%; position: relative; } .questionMark.tel-question-mark { float: right; } .questionMark.tel-question-mark.service-question-mark { top: 10px; left: -19px; } .questionMark span.tips { display: none; position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -80px; font-size: 12px; text-align: left; } .questionMark span.tips.tel-tips { font-size: 14px; height: auto; width: 190px; line-height: 1.5; background: #fff; color: #97a0b5; left: -96px; } .questionMark span.tips.tel-tips.service { width: 457px; top: -63px; } .questionMark span.tips.tel-tips.force { width: 200px; top: -63px; } .questionMark span.tips.tel-tips.number { width: 527px; top: -63px; } .questionMark span.tips::after { content: ''; width: 15px; height: 15px; border: 1px solid #ccc; position: absolute; left: 30px; bottom: -8px; transform: rotateZ(45deg); border-top: none; border-left: none; background: #fff; } .questionMark span.tips.tel-tips::after { left: 96px; } .questionMark:hover span.tips { display: block; } add-employee { display: flex; flex-direction: column; z-index: 1; } add-employee header { display: flex; align-items: center; line-height: 60px; padding: 0 17px; background-color: #fff; border-bottom: 1px solid #eff4f8; flex-shrink: 0; } add-employee header .currentNav { color: #378eef; } add-employee .add-contacts { flex-shrink: 0; border-bottom: 1px solid #eff4f8; display: flex; flex-direction: column; } add-employee .form-panel { flex: 1; flex-shrink: 0; } add-employee .form-panel .input-group label span { display: inline-block; } add-employee .form-panel .input-group label span::first-letter { margin-right: 1em; } add-employee .form-panel .input-group label b { font-weight: normal; } add-employee .add-tips { color: #97a0b5; font-size: 14px; align-self: center; display: flex; align-items: center; margin-bottom: 9px; } add-employee .add-tips i { display: inline-block; transform: scale(0.5); } add-employee .divider { height: 36px; background: #f9fbfd; border-bottom: 1px solid #eff4f8; display: flex; align-items: center; } add-employee .divider p { display: inline-block; margin-left: 29.30856553%; color: #97a0b5; font-size: 14px; } add-employee .divider span { font-size: 12px; } add-employee .alert { color: #e60012; } add-employee .warn { color: #ff9500; } add-employee .userId-hint { font-size: 12px; position: relative; left: 6px; bottom: 1px; } add-employee .divider + div { margin-left: 29.30856553%; } add-employee #add-employee:nth-child(1) .form-group { min-height: 0; } add-employee #add-employee:nth-child(2) .form-group { min-height: 80px; } add-employee .base-info { margin-top: 28px; margin-bottom: 7px; } add-employee .base-info .input-group { position: relative; margin-bottom: 7px; height: inherit; float: none; } add-employee .base-info .input-group .input-wrapper .error-tip { top: 0; left: 0; } add-employee .base-info .required { position: absolute; left: -15px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } add-employee .base-info .account-tip { position: absolute; right: -118px; bottom: 7px; font-size: 12px; } add-employee .base-info .dept { position: absolute; height: 22px; background: #afd2fd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; top: 4px; margin-left: 6px; padding: 0 4px 0 12px; border-radius: 10px; } add-employee .base-info .dept span { font-size: 14px; color: #3d424c; } add-employee .base-info .dept i { cursor: pointer; transform: scale(0.333); position: relative; top: 1px; } add-employee .identity-info { margin-top: 21px; margin-bottom: 22px; } add-employee .identity-info .input-group { margin-bottom: 13px; position: relative; height: inherit; float: none; } add-employee .identity-info .input-group .input-wrapper .error-tip { top: 0; left: 0; } add-employee .identity-info .input-group .required { position: absolute; left: -15px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } add-employee .other-info { margin-top: 23px; } add-employee .other-info .input-group { position: relative; margin-bottom: 12px; } add-employee .other-info .zone { width: 75px; display: inline-block; margin-right: 20px; } add-employee .other-info .link { width: 188px; } add-employee .other-info .hot-line { margin-right: 10px; } add-employee footer { display: flex; align-items: center; justify-content: center; background-color: #fff; height: 46px; padding: 9px 0; position: relative; flex-shrink: 0; } add-employee footer button { margin-right: 8px; } add-employee, import-tag, import-tag-next, import-employee, import-employee-next, export-employee { height: 100%; width: 100%; background-color: white; position: absolute; top: 0; left: 0; } add-employee header, import-tag header, import-tag-next header, import-employee header, import-employee-next header, export-employee header { margin-left: 18px; } import-employee-next { height: auto; } .questionMark { float: left; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==) no-repeat; margin: 6px 0 0 0; background-size: 80%; position: relative; } .questionMark.tel-question-mark { float: right; } .questionMark.tel-question-mark.service-question-mark { top: 10px; left: -19px; } .questionMark span.tips { display: none; position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -80px; font-size: 12px; text-align: left; } .questionMark span.tips.tel-tips { font-size: 14px; height: auto; width: 190px; line-height: 1.5; background: #fff; color: #97a0b5; left: -96px; } .questionMark span.tips.tel-tips.service { width: 457px; top: -63px; } .questionMark span.tips.tel-tips.force { width: 200px; top: -63px; } .questionMark span.tips.tel-tips.number { width: 527px; top: -63px; } .questionMark span.tips::after { content: ''; width: 15px; height: 15px; border: 1px solid #ccc; position: absolute; left: 30px; bottom: -8px; transform: rotateZ(45deg); border-top: none; border-left: none; background: #fff; } .questionMark span.tips.tel-tips::after { left: 96px; } .questionMark:hover span.tips { display: block; } tag-detail, toper-detail, employee-detail { display: flex; flex-direction: column; } tag-detail header, toper-detail header, employee-detail header { display: flex; align-items: center; height: 60px; padding: 0 17px; background-color: #fff; border-bottom: 1px solid #eff4f8; } tag-detail header .currentNav, toper-detail header .currentNav, employee-detail header .currentNav { color: #378eef; } tag-detail .edit-contacts, toper-detail .edit-contacts, employee-detail .edit-contacts { /*flex: 1; flex-shrink: 1; overflow-y: scroll; border-bottom: 1px solid #eff4f8; display: flex; flex-direction: column;*/ } tag-detail .dept, toper-detail .dept, employee-detail .dept { position: absolute; height: 22px; background: #afd2fd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; top: 4px; left: 17px; margin-left: 65px; padding: 0 4px 0 12px; border-radius: 10px; } tag-detail .dept span, toper-detail .dept span, employee-detail .dept span { font-size: 14px; color: #3d424c; } tag-detail .dept i, toper-detail .dept i, employee-detail .dept i { cursor: pointer; transform: scale(0.333); position: relative; top: 1px; display: inline-block; } tag-detail .form-panel, toper-detail .form-panel, employee-detail .form-panel { /* flex: 1; flex-shrink: 1;*/ } tag-detail .form-panel .title, toper-detail .form-panel .title, employee-detail .form-panel .title { margin: 20px 0; text-align: center; position: relative; } tag-detail .form-panel .flag, toper-detail .form-panel .flag, employee-detail .form-panel .flag { color: #43d372; font-size: 14px; position: absolute; right: 0; } tag-detail .form-panel .name, toper-detail .form-panel .name, employee-detail .form-panel .name { color: #3d3c41; font-size: 16px; margin-top: 10px; } tag-detail .form-panel .avatar, toper-detail .form-panel .avatar, employee-detail .form-panel .avatar { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #ededed; } tag-detail .form-panel b, toper-detail .form-panel b, employee-detail .form-panel b { font-weight: normal; } tag-detail .form-panel input[type=text]:not(.zone), toper-detail .form-panel input[type=text]:not(.zone), employee-detail .form-panel input[type=text]:not(.zone), tag-detail .form-panel textarea, toper-detail .form-panel textarea, employee-detail .form-panel textarea { width: 188px; } tag-detail .divider, toper-detail .divider, employee-detail .divider { height: 36px; background: #f9fbfd; border-bottom: 1px solid #eff4f8; border-top: 1px solid #eff4f8; display: flex; align-items: center; } tag-detail .divider p, toper-detail .divider p, employee-detail .divider p { display: inline-block; margin-left: 20px; color: #97a0b5; font-size: 14px; } tag-detail .divider span, toper-detail .divider span, employee-detail .divider span { font-size: 12px; } tag-detail .alert, toper-detail .alert, employee-detail .alert { color: #e60012; } tag-detail .warn, toper-detail .warn, employee-detail .warn { color: #ff9500; } tag-detail .divider + div, toper-detail .divider + div, employee-detail .divider + div { margin-left: 20px; } tag-detail .form-group, toper-detail .form-group, employee-detail .form-group { display: flex; flex-direction: column; } tag-detail .base-info, toper-detail .base-info, employee-detail .base-info { margin-top: 28px; margin-left: 20px; } tag-detail .base-info .input-group, toper-detail .base-info .input-group, employee-detail .base-info .input-group { position: relative; margin-bottom: 7px; } tag-detail .base-info .input-group.edit-phone .error-tip, toper-detail .base-info .input-group.edit-phone .error-tip, employee-detail .base-info .input-group.edit-phone .error-tip, tag-detail .base-info .input-group.edit-email .error-tip, toper-detail .base-info .input-group.edit-email .error-tip, employee-detail .base-info .input-group.edit-email .error-tip { left: -12px; } tag-detail .base-info .input-group label.phone, toper-detail .base-info .input-group label.phone, employee-detail .base-info .input-group label.phone { padding-right: 6px; } tag-detail .base-info .required, toper-detail .base-info .required, employee-detail .base-info .required { position: relative; right: 9px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } tag-detail .base-info .error-tip, toper-detail .base-info .error-tip, employee-detail .base-info .error-tip { display: none; font-size: 12px; position: relative; align-items: center; margin-bottom: 7px; align-self: flex-start; left: 63px; } tag-detail .base-info .error-tip i, toper-detail .base-info .error-tip i, employee-detail .base-info .error-tip i { display: inline-block; } tag-detail .identity-info, toper-detail .identity-info, employee-detail .identity-info { margin-top: 21px; margin-bottom: 22px; } tag-detail .identity-info .input-group, toper-detail .identity-info .input-group, employee-detail .identity-info .input-group { margin-bottom: 13px; } tag-detail .identity-info .mobile-number, toper-detail .identity-info .mobile-number, employee-detail .identity-info .mobile-number { width: 61px; } tag-detail .identity-info .email, toper-detail .identity-info .email, employee-detail .identity-info .email { width: 67px; } tag-detail .identity-info .input-wrapper input, toper-detail .identity-info .input-wrapper input, employee-detail .identity-info .input-wrapper input { width: 188px; border: 1px solid #ccc; } tag-detail .identity-info .required, toper-detail .identity-info .required, employee-detail .identity-info .required { position: relative; right: 9px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } tag-detail .input-group span, toper-detail .input-group span, employee-detail .input-group span { height: 30px; line-height: 30px; } tag-detail .input-group label, toper-detail .input-group label, employee-detail .input-group label { display: inline; text-align: right; padding-right: 5px; } tag-detail .input-group label.phone, toper-detail .input-group label.phone, employee-detail .input-group label.phone { padding-right: 0; } tag-detail .input-group .phone-number, toper-detail .input-group .phone-number, employee-detail .input-group .phone-number { vertical-align: middle; } tag-detail .input-group .question, toper-detail .input-group .question, employee-detail .input-group .question { vertical-align: middle; display: inline-block; width: 14px; height: 14px; border-radius: 7px; padding-top: -11px; text-align: center; line-height: 14px; font-weight: 700; margin-right: 2px; margin-left: -2px; } tag-detail .input-group .question .question-mark, toper-detail .input-group .question .question-mark, employee-detail .input-group .question .question-mark { line-height: 14px; } tag-detail .input-group .question .erp-icon-font, toper-detail .input-group .question .erp-icon-font, employee-detail .input-group .question .erp-icon-font { top: -1px; margin-left: -1px; } tag-detail .input-group .colon, toper-detail .input-group .colon, employee-detail .input-group .colon { margin-left: -5px; } tag-detail .other-info, toper-detail .other-info, employee-detail .other-info { margin-top: 23px; margin-bottom: 150px; align-items: flex-start; } tag-detail .other-info .input-group, toper-detail .other-info .input-group, employee-detail .other-info .input-group { margin-bottom: 12px; } tag-detail .other-info .input-group span.name, toper-detail .other-info .input-group span.name, employee-detail .other-info .input-group span.name { height: 30px; line-height: 30px; } tag-detail .other-info .input-group .ext-attr-name, toper-detail .other-info .input-group .ext-attr-name, employee-detail .other-info .input-group .ext-attr-name { display: inline-block; } tag-detail .other-info .input-group .ext-attr-name::first-letter, toper-detail .other-info .input-group .ext-attr-name::first-letter, employee-detail .other-info .input-group .ext-attr-name::first-letter { margin-right: 1em; } tag-detail .other-info .zone, toper-detail .other-info .zone, employee-detail .other-info .zone { width: 75px; display: inline-block; margin-right: 10px; } tag-detail .other-info .hot-line, toper-detail .other-info .hot-line, employee-detail .other-info .hot-line { width: 188px; margin-right: 10px; } tag-detail .other-info .link, toper-detail .other-info .link, employee-detail .other-info .link { width: 188px; } tag-detail .other-info .dynamic-label, toper-detail .other-info .dynamic-label, employee-detail .other-info .dynamic-label { width: 188px; } tag-detail footer, toper-detail footer, employee-detail footer { display: flex; align-items: center; justify-content: center; background-color: #fff; height: 46px; position: relative; } tag-detail footer button, toper-detail footer button, employee-detail footer button { margin-right: 8px; } tag-detail .footer, toper-detail .footer, employee-detail .footer { padding: 10px 20px; position: absolute; margin-bottom: 20px; width: 100%; height: 48px; bottom: -20px; background: #fff; border-top: 1px solid #e5e5e5; } tag-detail .footer button:last-child, toper-detail .footer button:last-child, employee-detail .footer button:last-child { float: right; } tag-detail .questionMark-1 span.tips, toper-detail .questionMark-1 span.tips, employee-detail .questionMark-1 span.tips { font-size: 12px; top: -46px; } tag-detail .questionMark-1 span.tips div, toper-detail .questionMark-1 span.tips div, employee-detail .questionMark-1 span.tips div { position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -52px; background: #fff; font-size: 12px; text-align: left; } tag-detail .questionMark-2 span.tips, toper-detail .questionMark-2 span.tips, employee-detail .questionMark-2 span.tips { font-size: 12px; top: -47px; z-index: 2; position: relative; } tag-detail .questionMark-2 span.tips div, toper-detail .questionMark-2 span.tips div, employee-detail .questionMark-2 span.tips div { position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -81px; background: #fff; font-size: 12px; text-align: left; } tag-detail .questionMark-3 span.tips, toper-detail .questionMark-3 span.tips, employee-detail .questionMark-3 span.tips { font-size: 12px; top: -46px; z-index: 2; position: relative; } tag-detail .questionMark-3 span.tips div, toper-detail .questionMark-3 span.tips div, employee-detail .questionMark-3 span.tips div { position: absolute; left: -15px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -111px; background: #fff; font-size: 12px; text-align: left; } tag-detail .questionMark-4 span.tips, toper-detail .questionMark-4 span.tips, employee-detail .questionMark-4 span.tips { font-size: 12px; top: -44px; z-index: 2; position: relative; } tag-detail .questionMark-4 span.tips div, toper-detail .questionMark-4 span.tips div, employee-detail .questionMark-4 span.tips div { position: absolute; left: -11px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -52px; background: #fff; font-size: 12px; text-align: left; } employee-detail .btn-alert { margin-right: 10px; } .show-tips { bottom: 96px; left: 32px; position: relative; color: #97a0b5; align-items: center; display: flex; } .show-tips .icon-gray-tip { display: inline-block; transform: scale(0.5); } import-tag-next, import-employee-next { font-size: 14px; } import-tag-next header, import-employee-next header { vertical-align: middle; height: 60px; line-height: 60px; } import-tag-next header .currentNav, import-employee-next header .currentNav { color: #378eef; } import-tag-next .import-container, import-employee-next .import-container { text-align: center; padding-bottom: 48px; overflow-y: auto; } import-tag-next .import-container .upload-success, import-employee-next .import-container .upload-success { border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; } import-tag-next .import-container .upload-success .success, import-employee-next .import-container .upload-success .success { margin: 10px 0; font-size: 24px; color: #358eef; } import-tag-next .import-container .upload-success .number, import-employee-next .import-container .upload-success .number { font-size: 16px; } import-tag-next .import-container .upload-success .number span, import-employee-next .import-container .upload-success .number span { color: #81b6f4; } import-tag-next .import-container .upload-success .number span:last-child, import-employee-next .import-container .upload-success .number span:last-child { color: #222; } import-tag-next .import-container .upload-success .download-failed, import-employee-next .import-container .upload-success .download-failed { margin-top: 45px; } import-tag-next .import-container .upload-success .download-failed a, import-employee-next .import-container .upload-success .download-failed a { background: #81b6f4; color: #fff; font-size: 13px; width: 120px; height: 28px; border-radius: 20px; padding: 7px 18px; cursor: pointer; } import-tag-next .import-container .upload-success .failed-tip, import-employee-next .import-container .upload-success .failed-tip { margin-top: 20px; margin-bottom: 40px; font-size: 14px; color: #97a0b5; } import-tag-next .import-container .upload-success .failed-tip .warning, import-employee-next .import-container .upload-success .failed-tip .warning { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RGMzZBNzA4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RGMzZBNkY4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgTm1v8AAAAzUExURZmit9PW35ukuKyzxKqxwpqjt/z8/aqyw5ykuPT196uyw/39/dLW3661xefp7pegtf///2pkuvoAAAARdFJOU/////////////////////8AJa2ZYgAAAFRJREFUeNpEjlkOACEIQ6vOuIL2/qcd0Uzgo+GxpAU5RGtVGSTY+jrVGzGsn3NLyQg2JU0D1EEBh/fC+Vn1nt1SiG8EufzwZDct29TipBiTxfkEGABFdgdUraWsrwAAAABJRU5ErkJggg==); width: 12px; height: 12px; display: inline-block; vertical-align: middle; } import-tag-next .import-container .help-area .step-black, import-employee-next .import-container .help-area .step-black { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMmE2OTUyZi1kM2E0LTRhYTctYTg1Yy1lMDNhNWZkNmYxZTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlDM0Y5QTE4RDA4MTFFNkEzODBCNzdEQThBODQyNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlDM0Y5QTA4RDA4MTFFNkEzODBCNzdEQThBODQyNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODZlNjU5LTg4MjMtNDc3Yi1hOTAyLWQ5YWU0YjkxNDU0ZCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDplMmE2OTUyZi1kM2E0LTRhYTctYTg1Yy1lMDNhNWZkNmYxZTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7S5jHzAAAASFBMVEXp6ekvLy99fX0NDQ0tLS3q6uosLCwuLi58fHwGBgYPDw8xMTEMDAyrq6sFBQULCwvr6+sHBwcBAQF5eXkODg6srKwAAAD////op65aAAAAGHRSTlP//////////////////////////////wDNEy7qAAAAW0lEQVR42lyPRw7AMAgE1yW9uQH//2liJ4psz4mREOxCRFy03ivtnhEitHIhUVYK/BFIMCT+SYDmighVq4WvdWl1b5en/hTaR10MkcO8ZkrIXGE8r23OFW4BBgAyeg8NuhtEwAAAAABJRU5ErkJggg==); display: inline-block; width: 14px; height: 14px; vertical-align: middle; color: #fff; font-size: 12px; line-height: 14px; } import-tag-next .import-container .help-area .title, import-employee-next .import-container .help-area .title { margin-top: 25px; } import-tag-next .import-container .help-area .title span, import-employee-next .import-container .help-area .title span { font-size: 16px; color: #232323; } import-tag-next .import-container .help-area .title p, import-employee-next .import-container .help-area .title p { font-size: 14px; color: #97a0b5; line-height: 12px; } import-tag-next .import-container .help-area .step-1, import-employee-next .import-container .help-area .step-1 { margin-top: 20px; } import-tag-next .import-container .help-area .step-2, import-employee-next .import-container .help-area .step-2 { border-top: 1px solid #eff4f8; margin-top: 20px; } import-tag-next .import-container .help-area .step-2 p, import-employee-next .import-container .help-area .step-2 p { line-height: 12px; } import-tag-next .import-container .help-area .step-2 span.send, import-employee-next .import-container .help-area .step-2 span.send { font-size: 13px; color: #378eef; padding: 5px 30px; border-radius: 20px; cursor: pointer; display: inline-block; border: 1px solid #378eef; margin-top: 20px; } import-tag-next .import-container .help-area .step-3, import-employee-next .import-container .help-area .step-3 { margin-top: 20px; margin-bottom: 10px; } import-tag-next .import-container .help-area .step-3 img, import-employee-next .import-container .help-area .step-3 img { margin: 0 30px; } import-tag-next .footer, import-employee-next .footer { border-top: 1px solid #eff4f8; padding: 10px; margin-bottom: 20px; width: 100%; bottom: -27px; background: #fff; text-align: center; } import-employee-next { z-index: 2; } import-tag, import-employee { font-size: 14px; } import-tag header, import-employee header { vertical-align: middle; height: 60px; line-height: 60px; } import-tag header .currentNav, import-employee header .currentNav { color: #378eef; } import-tag .import-employee, import-employee .import-employee { overflow-y: auto; height: auto; } import-tag .tip, import-employee .tip { border: 1px solid #eff4f8; height: 36px; line-height: 36px; background: #f9fbfd; text-align: center; } import-tag .tip span, import-employee .tip span { color: #378eef; } import-tag .file-area, import-employee .file-area { border-bottom: 1px solid #eff4f8; text-align: center; height: 200px; } import-tag .file-area .file-tip, import-employee .file-area .file-tip { margin: 60px 0; } import-tag .file-area .upload-area, import-employee .file-area .upload-area { position: relative; } import-tag .file-area .upload-file-name, import-employee .file-area .upload-file-name { margin-top: 20px; } import-tag .file-area .upload-file, import-employee .file-area .upload-file { height: 25px; width: 100px; border-radius: 20px; color: #fff; background: #378eef; padding: 5px 20px; cursor: pointer; } import-tag .file-area .upload-input, import-employee .file-area .upload-input { opacity: 0; filter: alpha(opacity=0); width: 80px; height: 30px; position: absolute; top: -4px; left: 46%; cursor: pointer; font-size: 16px; } import-tag .template-area, import-employee .template-area { text-align: center; margin-bottom: 100px; } import-tag .template-area div.step, import-employee .template-area div.step { text-align: center; border: 1px solid #eff4f8; width: 400px; vertical-align: middle; margin-top: 20px; } import-tag .template-area .first-step, import-employee .template-area .first-step { line-height: 50px; height: 100px; margin: 0 auto; } import-tag .template-area .two-step, import-employee .template-area .two-step { margin-top: 10px; line-height: 40px; height: 40px; margin: 0 auto; height: 50px; } import-tag .template-area .down-template, import-employee .template-area .down-template { height: 25px; width: 100px; border-radius: 20px; border: 1px solid #82b6f4; color: #82b6f4; padding: 5px 20px; cursor: pointer; } import-tag .template-area .step-gray, import-employee .template-area .step-gray { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RGMzZBNzQ4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RGMzZBNzM4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu5PBIoAAAA8UExURfj5+7/H17/G17W+0MDH17O7z77G1rW90LS90OXo7/n5+7a+0dbb5dfc5vn6+7O8z7W+0ebp77G6zv///7sJ134AAAAUdFJOU/////////////////////////8AT0/nEQAAAFdJREFUeNpcj1sOgCAMBBdQ8QGUsve/q4KJAvPVSZp2FyRTsCImpmcEqVdpZK2q5UOJM/+agVg6AkyvFtKrjOrn5ekUxkdTDPJwr7gWslbY1n1pFW4BBgAubAx6kq6yugAAAABJRU5ErkJggg==); display: inline-block; height: 14px; width: 14px; line-height: 14px; color: #fff; font-size: 12px; } import-tag .template-area .tip-one, import-employee .template-area .tip-one { display: block; color: #97a0b5; } import-tag .template-area .tip-two, import-employee .template-area .tip-two { color: #97a0b5; } import-tag .start-area, import-employee .start-area { line-height: 60px; text-align: center; } import-tag .start-area .warning, import-employee .start-area .warning { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RGMzZBNzA4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RGMzZBNkY4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgTm1v8AAAAzUExURZmit9PW35ukuKyzxKqxwpqjt/z8/aqyw5ykuPT196uyw/39/dLW3661xefp7pegtf///2pkuvoAAAARdFJOU/////////////////////8AJa2ZYgAAAFRJREFUeNpEjlkOACEIQ6vOuIL2/qcd0Uzgo+GxpAU5RGtVGSTY+jrVGzGsn3NLyQg2JU0D1EEBh/fC+Vn1nt1SiG8EufzwZDct29TipBiTxfkEGABFdgdUraWsrwAAAABJRU5ErkJggg==); width: 12px; height: 12px; display: inline-block; vertical-align: middle; } import-tag .start-area .leading-tip, import-employee .start-area .leading-tip { font-size: 12px; color: #97a0b5; vertical-align: middle; } import-tag .footer, import-employee .footer { border-top: 1px solid #eff4f8; padding: 10px; margin-bottom: 20px; width: 100%; bottom: -20px; background: #fff; text-align: center; height: auto; } import-employee { z-index: 2; } .questionMark { float: left; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyRjZDMDEyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyRjZDMDIyQ0FFMTFFNzhGMERDMDJEOTQ1MkUwOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQjJGNkJGRjJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQjJGNkMwMDJDQUUxMUU3OEYwREMwMkQ5NDUyRTA5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+m2gAAAALASURBVHjatJdLSJRRFMe/GUaxx5hBkS0yanrQA6mIpAdBiERTuySqTQS1aNuiB0TUIhA3RZs2UYsWJUWLsihFJCqLFiITFIEVhGAhRKmpKEL/I/8Ll6+Z+517xw78mBm+ex7z3XseN/Wi532klPlgP9gDNoEVYAGf/QZfQR/oBk/AqMZoShHASnAeHAHzlMH+AXdBC/jsWph2PKuigY/ghIfziGtF5wNtVPkGkANvwFlQGYVLJW2IrVXaAGR/X/NztkRsvQKbkwKQKDvAkmj2RWw+j7+JjPV9DrgPFicY+gXawFvwXQ4yjTeAZrDIoSu2H4DtYDyeBS3cL5fc4JqREs/lT1wEZxIOeKvxZQLI8bRXOJSugAvK130c3HI8nwLrJEVNlOcSnL/jPzOSBdfBFzAIHoH11vPb4KHDXgVry8wbyNKIK8+PsrBE3PMuVkRbfoC1rIoie8GzhGK1VN5AXlFkeqzvu4s4N6d8h/W7T1Gs8hJAo2JPj4HVYEtsK2yZBp+s3wsVdhslDesVCy+TyOH8FM+EkWaF3foMM6AcGQOHweNYAzut0M1JANVlOP8J9jFLjCxjxdNsQXW6DOfTfM228w3gZanGU6oZDQcG0Mbhw8hONpzlHjaG00kDg0PsPa8F7aDG08ZMJSwEBjBgp1OAc5FChlXtZGCPN5POtsA/0aUtxf9DJH1r02yt9wIMiN4dNp3JAH3pLSM+7Tg+lGy1DnATcz+l1J9i9+w3dUAMXfVMQTt7OkGvh/41cR6fCS95ZESx6pnVnnz6+mcolRntIBhSGDnEtcaGTEprFHpD1Btz3Yyk5T5VTsbfwNyEQdQeWPLxrSrWC2TBLuV21CmdF2izV3sz6ueY3RqYYkYmaaPBHDqfu+EER2fpcDftfVPIOHU20sZEObdj+3p+IHY9r7Hqgn09b9dez/8KMACAkJ+Mc9b4UgAAAABJRU5ErkJggg==) no-repeat; margin: 6px 0 0 0; background-size: 80%; position: relative; } .questionMark.tel-question-mark { float: right; } .questionMark.tel-question-mark.service-question-mark { top: 10px; left: -19px; } .questionMark span.tips { display: none; position: absolute; left: -30px; width: 200px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; top: -80px; font-size: 12px; text-align: left; } .questionMark span.tips.tel-tips { font-size: 14px; height: auto; width: 190px; line-height: 1.5; background: #fff; color: #97a0b5; left: -96px; } .questionMark span.tips.tel-tips.service { width: 457px; top: -63px; } .questionMark span.tips.tel-tips.force { width: 200px; top: -63px; } .questionMark span.tips.tel-tips.number { width: 527px; top: -63px; } .questionMark span.tips::after { content: ''; width: 15px; height: 15px; border: 1px solid #ccc; position: absolute; left: 30px; bottom: -8px; transform: rotateZ(45deg); border-top: none; border-left: none; background: #fff; } .questionMark span.tips.tel-tips::after { left: 96px; } .questionMark:hover span.tips { display: block; } .new-member { display: block; position: relative; margin-top: -20px; } .new-member input { margin: 10px; } .new-member .scroll-view { padding: 5px 10px 20px 30px; height: 350px; overflow-y: auto; overflow-x: hidden; width: 470px; } .new-member .base-msg .avatar { height: 80px; width: 80px; border-radius: 9999px; float: left; } .new-member .base-msg .avatar { height: 80px; width: 80px; float: left; } .area { border-bottom: 1px dotted #ccc; } .base-msg input { width: 290px; margin-right: 0px; } .base-msg .msg-area { margin-left: 20px; float: left; position: relative; top: -8px; } .identity-msg input, .other-msg input { width: 290px; margin-right: 0px; padding-right: 0px; display: inline; } .new-member .label-name { width: 100px; display: inline-block; text-align: right; } .msg-area input { width: 290px; margin-right: 0px; } export-password { text-align: center; } export-password div { margin-bottom: 20px; } export-password .name { font-size: 16px; color: #3d3c41; } export-password .warn-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA35pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTc1NzI3RkE4Rjg5MTFFNkE5NEE4MEYyNEY4QjU2NEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTc1NzI3Rjk4Rjg5MTFFNkE5NEE4MEYyNEY4QjU2NEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4QzE0OTA1ODlENEE0QUU5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDc4ZTRhNzktYzkwYi0xMTc5LWJjNDctOWUxNjYyYTBhMWI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jpxkqAAAADlQTFRF/9KS/5cG/5oL/6s0/9GQ/+bE/6gu/5gH/6kv/5oM//z4//Tk/9GR/6kw//35/6w4/+bD/5UA////lmx7rwAAABN0Uk5T////////////////////////ALJ93AgAAABYSURBVHjaRE5bDsAgDGLqNh/VKvc/7OqMkQ9SCCmAbKIpqTQSLHX8qIVo8+7dKGZguuRkQI9QXEe8S/R7clqxBYWM/W0IctyxJ5/SaKU2J3jnfLA5nwADAJR/CDvlJschAAAAAElFTkSuQmCC); display: inline-block; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } export-password .warn { font-size: 13px; color: #ff9500; } export-password #password { display: inline-block; width: 200px; } set-member-attr .scroll-view { height: 80%; } config-member-info .scroll-view { padding: 5px 20px 20px 20px; height: 330px; } .scroll-view { overflow-y: auto; overflow-x: hidden; } .scroll-view .not-only-col .name { color: #3c3d41; text-align: center; margin-bottom: 15px; } .table-list { border: 1px solid #dbe0e2; border-bottom: none; } .table-list li:first-child { background-color: #ebebf0; } .table-list li { list-style: none; padding: 5px 0; border-bottom: 1px solid #eee; } .table-list li:nth-of-type(odd) { background-color: #fff; } .table-list .edit-line input[type="text"] { padding: 0px; height: auto; width: 65%; display: inline; } .table-list li div { display: inline-block; text-align: center; vertical-align: middle; } .table-list .col-20 { width: 20%; } .table-list .col-35 { width: 35%; } .table-list .col-30 { width: 30%; } .table-list .col-25 { width: 25%; } .table-list .col-15 { width: 15%; } .table-list .col-10 { width: 10%; } .table-list .th { color: #777; } .add-new-col { color: #1c8eee; font-weight: lighter; padding-left: 20px; } .del-attr { cursor: pointer; position: relative; width: 25px; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -132px 1px; } set-member-attr .edit { color: #1c8eee; } set-member-auth .scroll-view { height: 80%; overflow-y: auto; overflow-x: hidden; } set-member-auth .scroll-view .not-only-col .name { color: #3c3d41; text-align: center; margin-bottom: 15px; } set-member-auth .table-list { border: 1px solid #dbe0e2; border-bottom: none; } set-member-auth .table-list .th { color: #777; } set-member-auth .table-list .col-20 { width: 20%; } set-member-auth .table-list .col-30 { width: 30%; } set-member-auth .table-list .col-15 { width: 15%; } set-member-auth .table-list .col-25 { width: 25%; } set-member-auth .table-list .col-10 { width: 10%; float: none; } set-member-auth .table-list li { list-style: none; padding: 5px 0; border-bottom: 1px solid #dbe0e2; } set-member-auth .table-list li div { display: inline-block; text-align: center; vertical-align: middle; } set-member-auth .table-list li:nth-of-type(odd) { background-color: #f9f9f9; } set-member-auth .table-list li:first-child { background-color: #ebebf0; } set-member-auth .table-list .edit-line input[type="text"] { padding: 0px; height: auto; width: 65%; display: inline; } set-member-auth .add-new-col { color: #1c8eee; font-weight: lighter; padding-left: 20px; } set-member-auth .del-attr { cursor: pointer; position: relative; width: 25px; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -132px 1px; } search { display: block; width: 100%; position: relative; } search .search-wrapper { height: 28px; position: relative; margin: auto; margin-right: 10px; margin-left: 10px; } search .search-icon { position: absolute; right: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e2e6ec; background-color: #eeeff3; } search .search-icon img { position: relative; left: 1px; width: 15px; height: 16px; } search .search-results { position: absolute; z-index: 1000; width: 86%; margin-left: 7%; background-color: white; color: #333; max-height: 325px; overflow: auto; border: 1px solid #dbe0e2; border-top: none; box-shadow: 0 4px 10px 0px #f0f0f0; } search .search-results ul { float: none; position: static; } search .search-results ul li { display: block; cursor: pointer; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } search .search-results h5 { font-size: 14px; font-weight: bold; color: #c1ccd5; margin: 0; height: 30px; line-height: 30px; border-top: 1px solid #e5e5e5; padding: 0 10px; } search .search-results li:hover { background: #eff3f8; } search .search-results .search-empty { padding: 30px 0; text-align: center; font-size: 14px; font-weight: bolder; color: #c1ccd5; } set-attr { display: block; height: 94%; min-height: 450px; width: 96%; margin: 2% auto; background: #ffffff; padding: 0 10px; /*.btn{ border-radius: 0; outline: none; &:active{ outline: none; } }*/ } set-attr .content-wrap { height: 100%; } set-attr .list-title { color: #3d3c41; font-size: 14px; height: 49px; line-height: 49px; margin: 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; text-align: center; } set-attr .list-title span { cursor: pointer; } set-attr .list-title span:last-child { color: #378eef; font-weight: lighter; } set-attr .list-title .first { float: left; } set-attr .list-title .contact-nav { display: inline-block; width: 300px; margin: 0 auto; } set-attr .list-title .contact-nav .item { width: 146px; height: 44px; line-height: 44px; display: inline-block; border: solid 1px #cccccc; text-align: center; border-right: none; cursor: pointer; background-color: #eff4f8; float: left; } set-attr .list-title .contact-nav .item:last-child { border-right: solid 1px #cccccc; } set-attr .list-title .contact-nav .active { background: #ffffff; color: #378eef; } set-attr .submit-div { position: absolute; margin-bottom: 20px; width: 100%; bottom: 0; text-align: center; } set-attr .submit-div div:first-child { float: left; } set-attr .submit-div div:last-child { float: right; margin-right: 80px; } set-attr .submit-div.submit-btn-back { position: relative; margin-top: 40px; } set-dept-attr .wrap { margin-top: 30px; } set-dept-attr .wrap div { line-height: 30px; } set-dept-attr .level-1 { padding-left: 120px; } set-dept-attr .level-2 { padding-left: 170px; } set-dept-attr .level-3 { padding-left: 20px; } set-dept-attr .describe { color: #97a0b5; } set-dept-attr label:first-child { margin-top: 30px; } set-dept-attr label { width: 150px; display: inline-block; margin-bottom: 30px; } set-dept-attr label input { margin-right: 5px; } set-dept-attr .submit-div { margin-top: 20px; } set-dept-attr .add { color: #4e9ae1; font-size: 14px; margin-left: -20px; } set-dept-attr ul { list-style: none; padding: 0 0 0 20px; } set-dept-attr .line li { display: inline-block; margin-right: 15px; } set-dept-attr .line li i { left: 0; } set-dept-attr .line div { line-height: 20px; } set-dept-attr .line li.class { color: #95a8b8; font-size: 14px; } set-dept-attr .line li img { width: 24px; height: 24px; position: relative; top: 6px; left: -3px; } set-dept-attr .edit-row { color: #1c8eee; } toper #tree-area { padding: 0 10px; } toper #tree-area div.title { text-align: center; font-size: 17px; margin: 40px 0; } toper #tree-area div.tip { margin-bottom: 20px; position: relative; } toper #tree-area div.tip span { display: inline-block; } toper #tree-area div.tip span:first-child { position: absolute; } toper #tree-area div.tip span:last-child { position: relative; left: 10px; } device-card { position: fixed; width: 455px; right: 0; /*top: 50px;*/ top: 0; bottom: 0; background: #fff; box-shadow: 2px 2px 14px 8px #d2d3d8; transition: right 0.3s; -moz-transition: right 0.3s; /* Firefox 4 */ -webkit-transition: right 0.3s; /* Safari 和 Chrome */ -o-transition: right 0.3s; } device-card meeting-search .search-results { width: 100%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); margin-top: 9px; } device-card .show-tips .new-fc-one-tooltip-inner { width: 160px; } device-card .layer-title { height: 60px; width: 100%; line-height: 60px; text-align: center; border-bottom: 1px solid #ccc; font-size: 16px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #eee)); } device-card .layer-title .layer-close { position: absolute; right: 0; top: 0; width: 25px; height: 25px; margin: 10px 10px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) -105px -18px no-repeat; cursor: pointer; } device-card .layer-content { padding-left: 50px; overflow-x: hidden; height: calc(100% - 115px); overflow-y: auto; } device-card .layer-content h4 span { display: inline-block; } device-card .layer-content h4 span.link { color: #4e9ae1; font-size: 14px; margin-left: 20px; cursor: pointer; } device-card .layer-content .remarks-title { margin-bottom: 40px; } device-card .layer-content .form-msg { margin-top: 20px; } device-card .layer-content .form-msg .form-row { height: 45px; line-height: 45px; } device-card .layer-content .form-msg .form-row .block { display: inline-block; } device-card .layer-content .form-msg .form-row .block.remarks { margin-top: -45px; margin-bottom: 60px; line-height: 22px; } device-card .layer-content .form-msg .form-row .ds { text-align: right; width: 90px; padding-right: 5px; } device-card .layer-content .form-msg .form-row input { display: inline-block; width: 200px; } device-card .layer-content .form-msg .form-row .remarks-area { height: 60px; line-height: 30px; margin-top: -45px; margin-bottom: 60px; width: 261px; overflow-y: hidden; resize: none; padding: 7px 9px; line-height: 22px; } device-card .layer-content .form-msg .form-row .question { display: none; } device-card .layer-content .form-msg .form-row .isTipShow { display: inline-block; } device-card .layer-content .form-msg .form-row .isTipShow .question { display: block; } device-card .layer-content .meeting-owned { display: flex; } device-card .layer-content .meeting-owned meeting-search { width: 76%; padding: 0; } device-card .layer-content .meeting-owned .search-wrapper { margin: 0; } device-card .layer-content .meeting-owned .search-bar { outline: 0; width: 100%; height: 28px; padding: 0 28px 0 4.66666667%; border-radius: 14px; border: 1px solid #e2e6ec; } device-card .layer-content .meeting-owned .search-icon { right: -74px; top: 9px; } device-card .layer-footer { padding: 10px 30px 0; position: absolute; padding-bottom: 20px; bottom: 0px; line-height: 40px; height: 55px; width: 100%; background: #fff; border-top: 1px solid #e5e5e5; } select-group .group-ul li { width: 100%; height: 35px; line-height: 35px; color: #2c8fff; padding: 0 20px; cursor: pointer; } select-group .group-ul li:hover, select-group .group-ul li.active { background-color: #f2f7ff; } select-group .text-row { width: 100%; height: 30px; line-height: 30px; color: #4e9ae1; padding: 0 20px; cursor: pointer; } select-group .text-row input { padding: 0 20px; height: 28px; line-height: 28px; } device-chart device-chart-nav { display: block; background: #fff; margin: 20px; height: 50px; line-height: 50px; padding-left: 15px; font-weight: bold; color: #9daebd; font: 14px/1.5 "Helvetica Neue", Helvetica Neue, Helvetica, Arial, Heiti SC, Hiragino Sans GB, Microsoft Yahei, sans-serif; } device-chart device-chart-nav .txt-range { width: 340px; height: 50px; float: left; text-align: right; line-height: 50px; } device-chart device-chart-nav .txt-time { margin-left: 100px; width: 280px; height: 50px; float: left; text-align: left; line-height: 50px; } device-chart device-chart-nav .txt-time input { background-color: #ffffff; } device-chart device-chart-nav input { cursor: pointer; height: 30px; line-height: 30px; box-sizing: border-box; border: none; outline: none; border-radius: 4px; text-align: center; -webkit-appearance: none; } device-chart device-chart-nav .gtype { width: 122px; height: 30px; border: 1px solid #C6C6C6; float: left; border-radius: 4px; margin-top: 10px; } device-chart device-chart-nav .gtype span { width: 40px; height: 28px; display: block; line-height: 28px; text-align: center; float: left; cursor: pointer; background-color: #fff; } device-chart device-chart-nav .gtype span.active { background-color: gray; } device-chart device-chart-nav .gtype span:nth-child(1) { border-right: 1px solid #C6C6C6; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } device-chart device-chart-nav .gtype span:nth-child(2) { border-right: 1px solid #C6C6C6; } device-chart device-chart-nav .gtype span:nth-child(3) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } device-chart device-chart-nav .allTop { position: relative; display: inline-block; cursor: pointer; } device-chart device-chart-nav .allTop img { position: relative; top: 0px; } device-chart device-chart-nav .drop { width: 200px; height: auto; min-height: 120px; border: 2px solid #e1e2e6; position: relative; background-color: #FFF; border-radius: 8px; left: 168px; top: -5px; box-sizing: border-box; z-index: 100; } device-chart device-chart-nav .drop #content { width: 200px; height: auto; min-height: 120px; } device-chart device-chart-nav .drop #content #first-line { width: 196px; height: 30px; text-align: left; line-height: 30px; cursor: pointer; } device-chart device-chart-nav .drop #content #first-line img { position: relative; left: 4px; top: 0px; } device-chart device-chart-nav .drop #content #first-line.active, device-chart device-chart-nav .drop #content #first-line:hover { background-color: #f1f2f7; } device-chart device-chart-nav .drop ul { width: 200px; height: auto; min-height: 90px; line-height: 30px; padding: 0; margin: 0; } device-chart device-chart-nav .drop ul li { width: 196px; height: 30px; line-height: 30px; text-align: left; padding: 0; margin: 0; list-style: none; color: #9daebd; padding-left: 25px; cursor: pointer; } device-chart device-chart-nav .drop ul li.active, device-chart device-chart-nav .drop ul li:hover { background-color: #f1f2f7; } device-chart device-chart-nav #all { cursor: pointer; } device-chart device-chart-nav img { width: 10px; height: 10px; margin-left: 3px; margin-right: 3px; position: relative; top: -2px; } device-chart device-chart-graph { width: 100%; height: 100%; display: block; } device-chart device-chart-graph .graph { position: relative; height: 400px; width: 800px; margin: 0 auto; } device-chart device-chart-graph .graph .chart { width: 800px; height: 400px; } device-chart device-chart-graph .graph .chart-y { position: absolute; top: 20px; left: 20px; width: 120px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; z-index: 50; } device-chart device-chart-graph .graph .chart-x { position: absolute; top: 330px; left: 725px; width: 70px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; } device-chart device-chart-graph .graph-footer { position: absolute; width: 100%; text-align: center; bottom: 10px; } device-nav .device-nav > * { display: inline-block; } device-nav .device-nav { height: 60px; border-bottom: 1px solid #d4dce5; } device-nav .device-nav h4 { margin: 0; margin-left: 20px; height: 60px; display: inline-block; line-height: 60px; } device-nav .device-nav .psr { position: relative; } device-nav .device-nav .update-note { position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; background-color: red; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } device-nav .device-nav .update-note.note2 { top: -1px; right: -9px; } device-nav .version-list { cursor: pointer; position: absolute; width: auto; border-radius: 3px; top: 51px; background-color: #fff; box-shadow: 0px 0px 2px #cfcfd4; left: 285px; z-index: 999; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } device-nav .version-list.sysupdate { top: 103px; } device-nav .version-list li { padding: 0 15px; line-height: 30px; text-align: right; /*&.text-right { text-align: right; }*/ } device-nav .version-list li.current-ver:hover { background-color: transparent; } device-nav .version-list li:hover { background-color: #f1f2f7; } device-nav .update-content { /*text-indent: 2em;*/ /*padding: 0 60px;*/ margin-top: 10px; } device-nav .update-container .key-name { display: inline-block; width: 120px; text-align: right; margin-right: 5px; } device-nav .update-container .key-val { display: inline-block; max-width: 330px; word-break: break-all; } device-nav .nothing-update { text-align: center; /*margin-top: 10px;*/ line-height: 48px; } device-nav .setting, device-nav .add { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4w8IHzAAAgP0lEQVR42uxdB5gV1fU/b/suW9iFpUrvJVLU2DCKqBgVxViwJmpiBOwVk6iIGhMrxgKWqCliNJFoNHZFY+UvIioqqKD0FVi2sLDsLlv+57w5w86bfTPvTnlv3ts9v+873yszc+fOnfu755x7z7031NLSAoL44NnnPvMlnROnjrE+2FjhLfGMEnlRdsUjRSCww2sfLPMtraMOGicE8bPljNl6CpIFxaTLUGpEg6S4yZJkhNPt21A8Eq9+5+L++DEDZT3K/KKf3NfkY/LHofwS5QiUfP6vEuVVlAdR/icEcY4RKHeiHMktzvMol6OUdQACZqHchXKxzeUFKHNQrkVp8EgOvF/o+5wBx0NzfSU0bHqHyv5CH4qJnJYnUSZbaJLTWOicX6PsbBcESUDrPADlfS5EQibKNJTxKPui1KPkGc6vMrSwZpBhPNZh9t5Gmejh8ail/Bt/PxrlcwfXEjn+yw2DHUHSuMEYhTLFI0luz+59KGT3OSJcjC31FTORNJWoRa7zkGYpynsoQxXOPQNlED9zyppeaQm81y0GchgxBOUiFDIHVqGsZimwScuOHCELceoh0jW/Qfk5yoEo5xuOXcLpUYs8UyGtu7iibIxxHjUSm8ifRbnVg/a4Kr2g76U5A6fueZTcYWdDWnbx7/DYmR7e4V8UyaFjf5R7bY73QfkdSpcox3qgEJm7JxtBlnHL7UTeUrjX8TbHjkH5mguqhGV7wI3H77i1/yPKQpRDTPl9kc+5zkQeM0axH1DP19mhzqA5LnNYGXVyTAxl5N6RN+Jc5EV6K9sz8iBvxDn4Je0JPKevi/KYZMz/vqMGw4iBfSAUanWf0tPTYPyIQeH/DfgFipVpcT43nG+YSNKLNf7NKGclG0HGukinV4zjnQyOXDR05c/OrGWK4+W4OsDzBhOPKuyj/LLPQ/kHSpOhUr9ukw6dn86Oq4pZ9gnKI3yNm8oxI3fI6ZCWw0X60QxNKMHCgZDTn3xrmOUi3fPMvQt9enSFUYP6hkmik6NrcSGYxtboPZ5tkeb9KCu5zr3B9YDq0iKUYdxYP5psBFmA8oTi9bVcab6KcR45auU2x9fy56eKJlYiUMovt5Er6vVMhFdQrkSZzudlxyD/kfz5dwf31sv/KIfa4+6sXoeckllqsCabdmmiZxZ9koySkeSP3OiwPA4z/vh05XdQuX0H9OpWAqMG9w2To7gwHzZtqYCv12yMpn2iYQv7hTpJXjeR4wj2RZOKICdwJTiXCWCFb1EmoOyn6PwutDm2gD/7J4GJlcOt/e38+wV2TM14kf8PcYt/l0V6ujnzpYM8fGGw0VXJcWl6/l6X5w48MaZrlTfsLEjLKpqN15yqmHwm+wStvGtqhk9WrNZIUlqyhxxfrl4HUaIz+tmk/YOJJEZyVATcSEYlSD63YORgHWx4WUb8C4U8wHnsYKvgBosHXmwgSHESmFhZ7C/15N9fx2gk9ApwrMU5zQarRBXNhryokOPgUHr2PWG/Iy0zdu9DZgHkDv8F+SNPVy86s4fCLZoMJqUb7FSohyGTWZYGSQC7TEznlvE0/iTsRrmCf5MTdYCDe21hJ8/YdbmeidbEmmu1AxPLqrfKqiNBFQ3sf+hjM8Nszh1iMBFfsjhnHX8Ot3mGaI49cDko+h2nQVput7ZHstGsz27bSZTReQjk9D1a74xQIew64x+6zxHWHFsrWs0t9klMWBPDfzWaVUZzq2syEyTcWcFmBL186tc+nB3ul9lGd4qVJoKUG3yT/xjMqyBNrDpuHK7h31PYlDTjWP6/hXtjrrBIT3fgz3CQh9P58xUF7XFnVo8Dz8zstm/0E8bfiRLd+svuOxmJMvQi1CI3KOTp5YienOEDW82qVetazS0kybD+vW2vNaCHgRyfsFll9klKkpkges/Sv9nXuJa73tId3COdC+AklNdMDi15k8+g/BS0gcSge66M2MotZwabnDexwz2Z/Y0HDRpnh006j7Cjf5FB49hhNGjdwo2xHHus2Bem5/W8MmfwydYnhXuxplvo4DTIQ1MrlFUwB9OaFCNf841mFr2o9T+U7/E5dJ+kvHK7WYNQg/M3izQvNJDjSDbBzT7JOUFWAtVQE3riy12kP5md804250xlIWzmwlmRBASZYmhAyBf4FUubhph7mx62SOcblD9xz9crrHlWWpw7ks076iiYY2diYYXGdxK6P3fkuVjPs1w/ZCirEHIHnwq1Xz1KpHzT5lTqqbxXrwcff7mqraPCJDGBxok2WKT5EPsnD5v80x+41+w8h71/gRHELWbHIIcZNGpKA2QXJAFBbjX4Sd9yvvTBQjI5H+BOjBYbcuiYxZWfNOVSlPtYK+kdACPYBKMR+lxuVG5WaLTw7jHcqx/Pj/2kLU26fxkLV7MWPE6xDGkM426b40ScP1oco8byD0FXgmgE+RC00Aon+NDi/71d5ClZJg1Qzfu94XcnA0GoJf2cnUoVNHHPGJHuUibMLGgbzUtm1S3csDTbJVh0+IJm1CIzdyz9A7X8P/L4rE+xCaXyHD9DuRHlKpteNoq9Ir/mHkhxRCPIQT6mXw7OA+4qFAnZ4hOJVfEGxI4YsEMjO/4PcSfAoSi9uZJ9z+k/6qDnikgyHxor5nurAY594N3c8/Uw+wf0HP3Y19jAZtpjYD8wnHoEidM8if5xyvdB8Ug0QXNFVrOpkupYy35Su0ZI5qSnNtDM8nQ9aiEpRBukSREI2gOefe6zKpJE+CACgV7pQmh2tji8JijTtihRTrrAZ8x7+lVP18+cNjlhJhJWcBoYnoOV9lKdHPgfDZLeir/rHCZHsSw0/rMf//4YZS5ogZ6p5aSnAh585GnPaUw/f5ow1poc1KVF06IpbuxSwyEK9Z+ExyciSVR7JW/i64yYxEJjPDcIQRILL3PGVeF1FRJaBeQ2iJw9R2MGFBX9G3DQdT1yhLN5bV+t+FTltDkQPaiSQD2HNFh6u6LmIHLQRBQaef87+7s0Mn4HH1sC2lSCNr6EgrlUjUTtLE66PfycM54ozIW2868pankWk8Qp8fye0316jOOqXWZ64CaRg8Z9aF4Rxavdy+9MP5YwXyKlNAja5MaWMmRnY9uACtpqLsoxEDn/mwa3HkmC8tZD+GkcZD4TQzdD9IjCmQ40yfl8/cmsQbfx/8YQcmrF71Iwr3IsiGaE6kCpHlr8jyjHnuD87OfQkQ91GIL4hP+yhqCCa2A1/g5o0cMUGXoqf481ZzwI3M/5esBkpzslCaVzCrTO6abnzgIXc7rJAUeSbNY1Dn6Pdv91LrS8VZ1zVeEVTTAxscC/OeNBgOKYSizMjOkOzC2/53THipz9q2I6Sw1EN+Mc/lwSh3KtTpgGMZlBUYGmkXIrYJNei94NqpgemQL3GFR0rDnjE9i8+oCJ49QhVz2mkncy9TK5F8cuWteJJtHnT7wFrSvSuJ3TTT1PhxlMJCP0CGZVX4vufyNoQZd/5/IhJ3224RzHMDrnupaLp/mVihrE7znjicTjDs6dzr1Gqu/R85xurGjUo3YoV2yz030CHledl05kmsPvisLZaZmTDUxAMnspjP35VKhsqUgQv+eM29nPZlE5ZgfymZ5xkIcfK5zj65xuJEEtyhzTf3NRGh0mRSQ7jvOmg7QcTY77bapUtgw/zCcnDhv1WEXrxXIw2qzPGZ/EqnsK95aYzSzznPEvkqC8qZLpXaknxzi3VsEMMc/p1p30twwkmQTBLZ/zIov+vg9PtdY4lXuxzHPGaZDwXdaKR3Evlq5xdiRRvlVIUsvE/0hBI5nndIPJJyGn+G5oJ4jWi8W+SFwGDxNGkFhjHS7GQvyaM55sJNHJsUghnaSf0+2yJ6oo3r1TSa1BfDLf/JwzniwkcUIOgOSf001Ov6Mu9lhaIFEhJu3BxPJzzrgjPyoOJCH/iGK+Kc5pscqFirFVQSMfUhztKVjR65zxIDVJu5+6mqqQKbcCv51o40/yi4pjaeBk3qhVJkwJ4okSQ6eBmFgCgQV6pGrGxcQSCGwgq5oIBKom1uFvddyCWORgg+hlK9d02HIaN7x/xyWIA9BcDNrw5jDQluunqZ80DpEd0HPo4SQ0cEZbnf0P5Vms9FvsLvKrQbCqNEiklCgnAPtyEg2iDlqhnOY508hvZtCZ17ehQDeKQk30jXdowWwafLsfCfAcft6CRPkskflCYiRVORkQtZxQwuWE8plQwh1BqGAplv9KCLDna0QhwCHYJlOwQd88bIo5J7VNAOt2AiyvxiZxK8CK6vAwewZX0KlIFAo7uRaJUhdnYuiTodqUU6fcbCjKz4P8vBzIyc6E9DTN/Wtuboa6ht2wo7Yeqmp2ws5d9UHUgXA5gRaeQ5sk1Qk11AnSg1uY/YPK5D7Y3v1qAMCwwujH89IBhhdqcgoaMavQiHjsO4DF2/Y8I63x9BMkyrFIkrI4kSNqORV0yoVepZ0hLye6VZWGRKFjJN1KCmFXXQNsKq+E7Tt2BVEXwuUE2lSBMqFH7F6sUrZTAyFHDlb8a4YD3DHGmhzRMDgf4FY0IK4fheRpbQJoGaB3kSR7xYEcbcopLS0EfXt2hcF9uluSIxpyc7Jg0F7doX+v0j1aJtF+OGjTBvYSetgThMwqmrk3NIiMFaGxMncswNE93acxsRvAvfi6u7Ru8zII5QUkSa7Pdn1EOWWkp8OQvj2gS5H7WL3iwk4wpF8PyMxID6L4w+UE4Gs5tTuCkNN2QBCZyk7XNIATrWGFgVhHbxsboUloEtHtPmY3opxIcwzcq5sjrWGpTbJRm6AGCkiT+F1O7YogtE/35UFl6qLBmkPuFwZ2woeJ1IMzUIuM9yHpNuW0V7eSsEPuF4gkfXp0CepV0Koq44UgbXEdBNRbNbYzwDFxCFqf1B0dhNZ6RnbL9T4kG1FO1EPVpXOB73knc6swPzeo+jFbCBIJtNxjLigQN5w7MH6bpZ83IOInLR3Uz0NybcqpZ2n8Jrv17Foc1CuhlUn6C0FaMTUo7UH+wo/iuKjkEGzcRxZGPPtUD8lFlBOZQvm5OXHLe15Olq+mm8M6MlUI0oqJQWXmkK7xv8eE0oifh3lIKqKcigry4p53GmgMCIcJQVoxOqjMjE7AdPzRRb49a8S1+Qlo3cnHCQijhCCt6B1UZvrkJfweXp414trsrPiHXGVnBRbl01sI0oqCoDJTmID3XxRZj710DUWUEw0OxhuJuIcFcoUgrQgFlZnmBNzDx/mTobilLEhqgtQElZma3fG/R1XkFpReIgIjyqmxKf70bmxsCurV1AlBWrExqMysrY3/PdZH3sPLahsR5UQh63GvpQm4hwXKhCCt+CqozCyvSsA9Ild5Xe4hqYhy2lEb/0Y2gLkiOr4UgrTif0FlhiY7xf0ekZNL3/GSVITpVhN/9VdZszOwVyMEaQXNUQ7E2N2AdWxpHHey+KJam0xl8Kr/4yG5iHKqR/OnZmf8JjmR9qDJVAGAyuk5IUgrNkGA22P9+fvwHPO4vOVHv4v4izb7XOUhyTbltGlr/GzETVsrg3olr3osp3ZHEALNcWgOIkNfbwdYuMH/dF/E6vxZVQRfbvYh2Yhyqq2rhy0V233Pe3lVTUJ8HIt25WbowLAiCO1YNC+oTD2MLf0yHxvMFVhnH/g24q/HF02ED31Iuk05UUtf42NlJtNq4+agdlALbzr6gRAkOmZBQMvANGKbfP1yrH0+kIR6ra7Bp6hv1Ye0K+6lPmY3opxoKdfvNmxBf8Q7SXbsqoPV6zdDczDLw/pdTu2OINQtQ3MB1gWRMVrK51qsdv9c784noUv+jaba1Z9iK9y6PysZbz9F7eHnnoVtyomW8lm9YbMnc2tr5XZYvW4zNDUHYumGywmSa2/HpCOIXlC0DMzyIDLXiLX8QXQPZy4F+KhCPZiDzLOL8Zr70axqiNQchyA5vvc7n+OG929TTqRJNm6pgK/XlMF2B71bZJ59s7YMNqBZFaDmoJ26vgeB0sQo2mOcFiWgnVLPhwAWvP66RtMmvXIBDi3VwuJp4bhCDjzcsVsbISdz6t2t2JTXtlEmf0G5xGfNYSbJ2mUr17QpJ3LcyUzKzsyAzoWdwpOecrIy9wQeNqKGqA8vHFcH1TW1QY6W7ykn0RzOCKKbEdPZabuB1W/Cgxo3YUP8j3XKRh+98NdQbkJiJMTRRJKEywmJ8hhoc7n3lFP97kbYvK06GevAnnLq6A65F4Lo+D/QVt3ri3IKaDPNaDINLTIW9Bq01PRSfBSFgNDI70KU1XQg3qvWR1nt/SOLcqJ5FVnJWk4C7wTRQW34XSwCKacO66QLBB0asgWbQCAaRCAQgggESeOkB4Z5T7+q9wwdCFovEQ0oUBgiDdLRiuRvzZw2uVlerSBQH+TEx9fHrKjPntun2UdiHIQfM/Lzcs4a3KcHdO/aGQryciAUCkFDQyNsq66BNZu2hkev8ZkuQ5L8SV5v/PHsc/6F6504dUzqEwSJQUtL34Zy+gmjC9KHlWZDaX46pIUAdjY0w9rK3bBkXR18XlZHIQuzkCT/8YEcN3fKzb7uwDFDYUjfnmFSWIG2Mfvws2/g+41b5uPP+UgUR2EyX67e5LlQRw3qJQTpiARBctBym/86Y3xRl5P2LgyTwgrLNtbBKyt3wEfrdlFFvRiJ0uSSHHN7dyu5bPLBY8MhGqr4YtV6ePeTFaRNJiBJ3u8oBPEj/06eyYIgtO3RVaBFEvQHLZqAGqp/UaMFFqEsyUiQDAfkOBw/Xrp6Ypfsg/rHXgJxXO+csDyyuHLGSyt2FOL1ZyNJWhySY07v7iWXHfeTfRxvIjN6cB/IysyANxZ//h6mk4Uk8RrkNALlTpQjUSg+mGYT0t4gZUFUZI8kPA+0zXFoQwiapU/xV0/7VKfOQnkI5T2UW1G+ZfN7H5Rf8b1+hrIkFTRkmiI5aMnnp1TJYcT5BxTDT4fnn0laxCE5RudmZ91w1IFjXO+wNLRfT9h7aHiHgxs9lhNtnEBa6BjQQmpopcFpoIVqFELq4R4mB4G2cZjrU7pnMjnORpmM8gRo4UkU43UfaPsf/hnlbUiRjXlUa96Np44tLHVKDh3Hjgzv1XcjEq3EwWUz9hs9KLytgBfsN2oQrZv7WyScl7XjaWpttA06hqBc5PEd/BKlHLSgQV1oIskfIX4BoQVRTCKv6I7yIGuQf1ucQ502c9jMegxSYJghZgaxUlPhnX/qGGcNJV4XFkLvokw4eUwhVbALFbVHz7zc7JkjB/bx/IC0qPSPhvQNE85DMsfbHDvGYxbnGlpzYwWmmYrz4kQSsw/wgw9pXgHaMkrPKpxLEeG0bfYJ7UGDnIgmUmZ6WsgROcw4sF94/WPVjVhOHNi7e3hDTD8woHc3J/c2oxOK3Xa1Xnc10Vvzq/k+xkUSpseJJORA60unVvFvr6CG4knFc2lawEIfGpekIMgBQ7tluSIHOuV7vg/skgXZGaHxeFzFTjugexf/tpoqLS6kCUrjUTO5sRF3sglkhbU+ZfN+vtcDpv/jQZKH2HeqZNNxgQ9pDkRZ4eD8zyEFtnZTIUi/0k4ZluaTCjl0lOSFZ9Gp7DXRr6CTvyvud8rLVr13NCy0ObbApyxSK04+WrTdhb2QpMLk3xil2OaY06VUMl3kL7M9EMTS0jESIhY5wqWhJaSijtJCPhsV3BPm1uO/waLCLPaBIHr3M5lW29j3AB9JUszXRBOwOeZ019BvudNCFTTo8XV7IMi2mvrIiBEjAczaxIocYWO3LjxWuFnlnnX1/s7NrtWW7dzs8vItbC8b1/5cz36N12VaH3dwLpHkMsVzzzOYhvTc03w4ZgcKL/qFA7/uJJT/tgeCLPtuW9s1YaMRwY4clbVNsL2uuQzPKVe5Z3mlfysU1u6qh7r6hrKZ0yaXe0hmpYkg5TF8E1VQz94zDs7/seJ5dmMdbo/Zgc6bwBU/Fkhb0gDri+2BIC8t3RB9ETQjIezIQfhYS0O1xXhpbVm5bw+5pmyrk3tHWGYow/ilv2bqzRrHFZvCKQZ4cKJpVP50RZLUOqiwdmMdbo/ZgbQNrebyV9CCWK3q203sZ5GT3pzyBMGKv2RVecN7b63aaUmSWOSgcK9571dQYcxXyRS29Eu2VFS/V1bufWlFijWjuCzVextAI8HVrDmesWi5ycR6CeU7bhFHxJEkRI4poC0IoQK7sQ63x2LhKZRfgzYI+DrKz0FbMoo0C63SuJzNsFNRjgYtFCXlNUi4h+Xedyta0ERydZMnl4WXu3kSibTMwWXzP/jUuw/37boyQHPtCSTdMoeXzmZbWRXdHfgHTkmik2ORw14xq7EOt8eUXjfKUNCWY70WtHCcV/jZiDjDQQtaPIraQkjy5U2VCIIVm+JpbnkKK/ruJmfh8c8tr4FnPtu+ymlBYIV+cvO26nkff+l+RZrqHbXw7icr3WgPwt4urhnn8X1EI4kbchD0sQ69R2qBD8dUUcbEGomSzaYpaRJa3UVfZvJT0IIWSYucmawEcTKjcPbLK3cU1O5uvuzo4fkwvFu2vWlDJbu0GhZ+HibHUUgyN0uU3/LRF6tmZmZmwBgt6NAROV54+2NatfBKJJubBdHKTU65CvxYhl0nyRegdYVS1O1iaJ9YxM86A/wbT/IVbiZMUTDa3CmjCrpOGJAHg7pkQbpBD1XUNsGS9bvgwQ8qW1jdXoTkcL2zzLynXyV1fdnQfr1mTBg3DHIUghdpbdt3l35FqxkSOe52cr9EzQcJONzdN8iEqegkoZ4OikI9DWWfbvkZGTSwV9vQDDX1zfTmqU/8IYc+Ryyi3JSZkXH9yIG9YXDfnlBaUhgxmkj7aKzZtAUr3gbyOag1mu9kopRA4BtBTGShJr0X+zPVSIpt8coskmQPMdPS0vanhaCJIzQnva5h9x5iunDIBYL4ECQo0CxBIzGRFNvkdQqEIAJBAiELx7Vv0GAcDdhVsbwB2qrzjhtSIUhygUakKU6HullpHIBGaHtKfXcECul4GeUIlCKWSaCF3NykcH1nFH1tsRZDmjkdqhTJxEoyGYBS0dIW36AUomSjFBskZLp+WYtzvJWE5aDDzbVH87W1KBeg5KHko1yCUs/HpthcX4KyIsr9Ce+jZMXheatYkuo9JCNBFthU5N+iDEPZxiSqYNJEq1jRYPdy3OT1WEPa+3h4Zqpw98UgSAHK3YqV8zW+9oIox67gY4tsrr/Posx0XJNkDULcxImTTl2nYx0qqLdRJjq8huKArOaA07jGhFhK0YUtXcUmhYot/nvQNsah6aXXsQlDoJU8buPnpaC1OxSfN4vNniNN+Wsx5bmI80lRxVPAfpSfRvSL+RrzvAEKYafIWwpKLLC4nqIIukQpMz1PFInr96heSzL6O05CTca6SN/pcK/qAgmdDQVZBeob4HoFLcVzjcWxn7HooBlf9yikeReTY2OM8+pRaKyHgvwofukqRUJbvXOripgDbVdZ8fpeO4STTqPTTyieS441hTV/5TA/qgskUKDbapaCBJbXPw1kpAp7L2hLAp2I8ii0zi7cBWrzT2jfwhmcVqwVPuoMmoOihofanLuUP2dGOXYOfy6xuc9mU8veYmqE7LZRrQLree66VKUMQxzYYzUoZ6Kcg7LTxs4nZ3oc27FubPsHbdL+uQNbNh4+yDGczm6USVGOn8THm7kMYqV3F59/jwOb/H7+/yaFfJJDPgulF0pvlOtRGvnY8TbX3xGjHC9xWf46qlLFB3HjRM1HGYuyPMqD/xNlJMqHNgURS7qxE24GpZnO59j1YsWDILkoT6Gs53QW2Jz7Jp+zGuXPMdL93MbBt8rzAfz/4hhp32hTDrfGuJY6BJZYXPui4T04IUhKOuluCNLChTcK5WH+3YByOcqRKFtitBQqsr+hO5KwDqU7HzvB0INl1Yvl9OXFymdRlN40lR6gWOlW8Xk5DipMPv+/UbGX7U1DWou4/FTeAXUNzzY9N73jDJca3PzMbomUtL1YLVFszXNBW8iZ5rQeBtoi0emGc6oVe4fMoN6XDQaHnXrQ9gO1FURabBxQq4eNlU96Rlp95GDQ9oSnMH6rST5votBK+N9xL94vFXqbctgPUenVyTP4aqUJ6CFqcTii3hKjw6CK36+b95BSI+mduWuTKi5NrbzZRA6nSMQCCW5BTjeF9l/Av0/lUWkzTmJyUCU5OQY5jM7ucIsKFbJw7IE7KFIRnaM8m/67c7Jl1usehfRQl/uQD1ogYSHYzwGfCq3r627m8YYVCS6vzTzGQeVGoTC0mvkbTO4phh6i+ijjD9HwOo8nnAHaHG4VnM6fr4Ag7vBiYqlAVWXSlNgDHab9sKFFj7eJZRwHmaWYP1rtPNYSPdRV+yV33dI407cxzh/N3bMZrHViaRHzoGsymFhJPzjo1sT60EX6qtcEsUCCG/wGtNHyGexzvWE4Rubm/nzOtaC2ftU3oAUE5rFGGG5zLi2A8Dz7K79XNLHyRQckToPEE2vA+U5NtD7U0T5po1fYv3EKCh3XBwT3NQzQOfW9XuD70wAr7cREA7L6mkcj2AS7hDsLyBSd5qDDIlYrnixOetI56MlEkI4OMpkofISWRsqyMD8a2cSbDeorEuq9ZIkkSDQCGCu/EETgGoNAW6D6UNC2aiCyfM+m3KPgvudKXx2xhxSxEEQgCMRJFwiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIGgQ+D/BRgA5/uGYMg/6RkAAAAASUVORK5CYII=) no-repeat; background-color: #cbccd1; height: 22px; width: 22px; border-radius: 3px; display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 3px; position: relative; } device-nav .setting .dropdown-menu, device-nav .add .dropdown-menu { left: -78px; top: 25px; } device-nav .setting { background-position: -70px -103px; } device-nav .setting .dropdown-menu { position: absolute; z-index: 1000; min-width: 120px; padding: 6px 0; margin: 0; font-size: 14px; text-align: center; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dbe0e2; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: 100%; top: 30px; outline: none; display: none; } device-nav .setting .dropdown-menu.show { display: block; } device-nav .setting .dropdown-menu li { padding: 2px 0; } device-nav .setting .dropdown-menu li:hover { background-color: #f1f2f7; } device-nav .add { background-position: -65px -20px; } device-nav .nav-list { margin-left: 19px; } device-nav .nav-list li { display: inline-block; line-height: 34px; height: 34px; vertical-align: middle; } device-nav .nav-list li a { display: block; padding: 0 30px; color: #95a8b8; font-weight: 700; } device-nav .nav-list li:hover a, device-nav .nav-list li.active a { background: #f2f5ff; color: #333; } device-nav .load-show { width: 50px; height: 50px; margin: 0 auto; display: none; position: relative; left: 50%; margin-left: -25px; } device-nav .one-form-inline .status-msg { display: none; text-align: center; } device-nav .one-form-inline .status-msg img { width: 34px; height: 34px; } device-nav .one-form-inline .status-msg span { display: inline-block; margin-top: 8px; padding-left: 0; } device-nav .one-form-inline .group-row { margin-top: 10px; } device-nav .one-form-inline .group-row span { padding-left: 15px; height: 28px; color: #95a8b8; font-weight: bold; font-size: 14px; display: inline-block; min-width: 95px; } device-nav .one-form-inline .group-row span:nth-child(1) { width: 25%; } device-nav .one-form-inline select { margin-top: 8px; font-size: 34px; height: 34px; line-height: 34px; } device-nav .one-form-inline.add-new-device select { margin-top: 0; } show-chart { display: block; } show-chart .left { position: relative; width: 300px; height: 400px; margin-left: -10px; float: left; background-color: #f0f1f6; border: 2px solid #e2edee; } show-chart .left .date { width: 118px; height: 32px; position: absolute; left: 180px; } show-chart .left .date input { width: 100%; text-align: center; background: #f0f1f6; border: none; outline: none; cursor: pointer; line-height: 33px; height: 33px; padding: 0; overflow: hidden; } show-chart .left .date:hover { background: #d6d7dc; border: none; border-bottom: 2px solid #2d9cff; } show-chart .left .tab-title { float: left; height: 32px; line-height: 30px; background: #f0f1f6; margin-left: 10px; } show-chart .left .tab ul { padding: 0; margin: 0; } show-chart .left .tab ul li { list-style: none; display: inline-block; padding: 5px 10px; cursor: pointer; } show-chart .left .tab ul li a { width: 286px; height: 60px; display: block; color: #000000; text-decoration: none; } show-chart .left .tab ul li a:hover { background-color: #e5e5e5; border-radius: 4px; } show-chart .left .tab ul li.active { background: #d6d7dc; border: none; border-bottom: 2px solid #2d9cff; } show-chart .left .tab .tab-content { width: 100%; padding: 5px; } show-chart .left .tab #my-tab { width: 286px; height: auto; min-height: 40px; margin: 0; padding: 0; border: none; background-color: white; } show-chart .left .tab #my-tab li { width: 286px; height: 60px; margin: 0; padding: 0; margin-bottom: 10px; } show-chart .left .tab #my-tab li:last-child { margin-bottom: 0; } show-chart .left .tab #my-tab li:hover, show-chart .left .tab #my-tab li.active { background-color: #e5e5e5; border: 0; /*border-radius: 4px*/ } show-chart .left .tab #my-tab-content { background-color: white; height: 463px; overflow-y: scroll; overflow-x: hidden; } show-chart .right-container { width: 745px; height: 400px; float: left; position: relative; } show-chart .right-container .right { width: 740px; height: 400px; float: left; position: relative; left: 30px; margin-right: -10px; background-repeat: no-repeat; background-position: center; } show-chart .right-container .pre { width: 16px; height: 27px; top: 236px; left: 30px; position: absolute; z-index: 1000; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABp0lEQVQ4y5XVPWtVQRDG8d+9MYIifoDttwk2wvkCphEtAiIoCL6BjbHQQkRE0EYMKliIJI2CQTSghaiFIGgvW4rN9otgoyIRBL0WZwOXkJe9Cwtnhnn+Z3Zm2GXClXKZSrnsXbOHE4p34z2+plwOTwRIuezESxzAjrrbACmXKbzAIfzDqS6G102AKl7GXHWd7WJYaapBymWAJZyorvkuhuXxmO0yeIBz9ftKF8Pi+oBNASmXBVyo5o0uhrutBZdyuZ5yGdW9sFXsYAPxZaz9bbGLYX4rwHCd+PyY+PHYEbbPIOVyUt8ueKbv9d/tAMMqvoQn1fcGp1vEMKjz/atm8wX7uxj+tBZ8iN/I1Z7BxVYxDLsYRtiH59V3J+VysxUwXsQp/diuTd49/fSNmgAVMsD9sWMs6ed/1AQYA93CtWpu2dLBJmApl6u4Xc1XOL5RdzYFVMg8HlbzHY52Maw2AyrkDB7pW/4RR7oYfjQDKuQYnmIan3Cwi+F7M6BC5rCCXfiM2S6Gb82ACpnF2wrJmJnoXehi+KC/1n9iVX9DT75SLntSLtPwH5RLlpjxa5q7AAAAAElFTkSuQmCC); background-repeat: no-repeat; } show-chart .right-container .next { width: 16px; height: 27px; position: absolute; top: 236px; left: 820px; z-index: 1000; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAYAAABozQZiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABoElEQVQ4y5XUPWgUURTF8d/bFQsbK5tBsPGBaWycWmuFWIgIEQUFNRoI2ogfiII2SSNENIaIoBFB0EYtVBR7YToLi8F2Sq1sAn4UexeGkN0dbzXnMP9z332XmQRV3cziCKbLXKzrWKmqmyl8RR9vcbRrQK/MxTfMhZ7Gq6putnaCoczF6oaAJ1Xd9DvBEfAQl0LOYG1SQK8tylws4VrI43hU1U3qBEfAQivgNJZHBfQ2MyNgMeR5POgMR8DVVsCFqm4WNr4zcp5hVXVzD/MhFyN0fOdWXcRKPF+p6uZG587RPWEVZ8K6Vebidic4AvpYM1ghLHU59vACf+M9/oY10xmu6mYOT2PU75jqBFd1c91g1wkfsLfMxY80AUoGu74c1kucGH6yaQzYxzLOhfUYszE7Ruw5vufnLfAuzrbBTTtXdbMtjncorJtlLu5s1iRtALfjDfaHNV/m4v6o0VIL3IF32Ic/OFXm4tm4C00B7sRH7ME6jpW5eG1CpapuduMTduEXDpe5+DwJhC14EeBPHCxz8aULyGBVJw3+2wf+B4R/uOuAX2HevBoAAAAASUVORK5CYII=); background-repeat: no-repeat; } show-chart #chartUnit { width: 70px; height: 20px; position: absolute; top: 470px; right: -100px; font-size: 14px; } show-chart #modal-chart { background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center; } devices { background: #f1f2f7; height: 100%; overflow: hidden; } devices .content-container { display: flex; align-items: stretch; position: relative; } devices .vertical-line { position: absolute; width: 1px; height: 100%; background: #eee; left: 240px; } devices .myover:hover { background-color: #d1d1dc; } devices .left-area { width: 20%; float: left; padding: 0; /*min-width: 200px;*/ max-width: 250px; } devices .right-area { width: 79.9%; float: left; height: 100%; position: relative; } devices device-list { top: 76px; left: 20px; bottom: 70px; display: block; width: 97%; margin: 1% auto; background: #ffffff; padding: 0 10px; } devices device-list .tree-item-row:hover, devices device-list .tree-item-row.rightHover { background: none; } devices device-list .tree-item-name { color: #ccc; } devices device-list .device-checkbox { width: 4%; } devices device-list .device-sn, devices device-list .device-name { width: 13%; } devices device-list .device-group, devices device-list .is-online, devices device-list .invite { width: 10%; } devices device-list .device-location { width: 12%; } devices device-list .device-status { width: 8%; } devices device-list .is-online-label { display: inline-block; width: 100%; height: 100%; cursor: pointer; } devices device-list .invite-btn { line-height: 23px; } devices device-list .no-device { height: 400px; padding-top: 150px; line-height: 50px; width: 300px; text-align: center; font-size: 16px; font-weight: bolder; margin: auto; } devices device-list .bottom-bar { margin: 0; padding-left: 48px; height: 46px; line-height: 46px; border-top: 1px solid #e5e5e5; background: #fff; padding-left: 20px; box-sizing: border-box; left: 0; bottom: -24px; margin-top: -1px; } devices device-list .table-content { border: 1px solid #eee; background: #ffffff; height: 100%; overflow: hidden; } devices device-list h2 { font-size: 18px; color: #95a8b8; height: 49px; line-height: 49px; margin: 0; } devices device-list #table-wrap { min-height: 400px; max-height: 2700px; overflow-y: hidden; } devices device-list #list-header, devices device-list .list-item { width: 100%; height: 54px; } devices device-list #list-header { border-bottom: 1px solid #eee; font-weight: 500; background: #f5f5f5; } devices device-list .list-item { border-bottom: 1px solid #eee; cursor: pointer; } devices device-list .list-item .btn { min-width: 80px; } devices device-list .list-item span, devices device-list #list-header span { display: inline-block; text-align: center; line-height: 54px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } devices device-list .list-item span .history, devices device-list #list-header span .history { display: none; } devices device-list .list-item:hover .history { display: block; } devices device-list #employee-tool { height: 50px; line-height: 50px; background: #ffffff; border-top: 1px dotted #e5e5e5; } devices .import-device-desc { padding: 10px 0; border-top: 1px dotted #95a8b8; } devices .import-device-desc p { font-size: 14px; font-weight: bold; color: #95a8b8; margin: 0.5rem 0; } devices .import-device-desc .error-list { overflow-y: auto; overflow-x: hidden; height: 150px; } devices .import-device-desc .error-list div { font-weight: bold; padding: 10px 0; } devices .import-device-desc .error-msg, devices .import-device-desc .error-list li { color: #f96e75; font-size: 14px; font-weight: bold; } devices .import-device-desc .success-msg { text-align: center; color: #67c23a; font-size: 14px; font-weight: bold; } devices .import-btn-wrap { padding: 10px 0; text-align: center; } devices .import-btn-wrap .btn { padding-top: 4px; padding-bottom: 4px; margin-right: 16px; position: relative; top: -16px; } devices .import-btn-wrap .upload-btn { width: 82px; height: 32px; border-radius: 2px; display: inline-block; } devices .new-modal-container { padding-bottom: 30px; max-height: 450px; } devices .device-crumb { background: #fff; margin: 20px; height: 50px; line-height: 50px; padding-left: 15px; color: #95a8b8; font-weight: bold; overflow: hidden; } devices .device-crumb b { padding-left: 15px; } devices .device-crumb span { padding: 0 3px; } devices .device-crumb .left { float: left; } devices .device-crumb .right { float: right; } devices .device-crumb .right .item { display: inline-block; } devices device-group .groups li { height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; padding-left: 20px; cursor: pointer; } devices device-group .groups li .dress-name { max-width: calc(100% - 70px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } devices device-group .groups li .tree-tool-icon { display: none; float: right; margin-right: 10px; /*background-position: -64px -103px;*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -43px -23px; height: 17px; width: 17px; vertical-align: middle; margin-top: 10px; z-index: 999; } devices device-group .groups li:hover { background: #f2f5ff; } devices device-group .groups li:hover .tree-tool-icon { display: inline-block; } devices device-group #all.active, devices device-group li.active { color: #2c8fff; } devices device-group #all { height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; padding-left: 20px; cursor: pointer; } devices device-group .handle-dept { display: none; position: fixed; background: #fff; cursor: pointer; border: 1px solid #e5e5e5; z-index: 200; width: 100px; border-radius: 3px; text-align: center; } devices device-group .handle-dept li { line-height: 30px; cursor: pointer; } devices device-group .handle-dept li:hover { background-color: #f1f2f7; } devices device-group .handle-dept li:last-child { border-bottom: none; } .device { background: #fff; } .device .tree-item-name { font-weight: 700; font-size: 14px; } .device span.status-nav { display: inline-block; line-height: 34px; height: 34px; vertical-align: middle; padding: 0 5px; } .device span.status-nav.has-devices { cursor: pointer; } .device span.status-nav.active { background: #f2f5ff; } .device span.status-nav.status-nav-online { color: #848487; } .device span.status-nav.status-nav-calling { color: #a5b5c1; } .device span.status-nav.status-nav-abnormal { color: #fa9499; } .device, .device-crumb, device-nav, device-list, device-card { display: block; } home-page * { box-sizing: border-box; color: #666; } home-page .home-page-content { display: flex; flex-direction: row; background: #fff; } home-page .main-container { flex: 5; border-right: 1px solid #ededed; padding: 16px 20px; min-height: calc(100vh - 136px); } home-page .main-container .explore-corp-title { color: #333; margin-bottom: 40px; display: flex; align-items: center; font-weight: 700; } home-page .main-container .side-bar { width: 3px; height: 16px; background: #2c8fff; margin-right: 6px; } home-page .main-container .corp-list { display: flex; } home-page .main-container .corp-pic img { width: 136px; height: 136px; } home-page .main-container .corp-content { display: flex; } home-page .main-container .corp-content:first-child { padding-left: 50px; } home-page .main-container .corp-list-item { flex: 1; text-align: center; } home-page .main-container .content-link { display: flex; } home-page .main-container .divider { width: 119px; height: 8px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAICAYAAADDTWCeAAAAAXNSR0IArs4c6QAAAM5JREFUSA1jXHb6/38edgYGZ3UGBi42BhTw9z8Dw6HbDAwvPjEwcALlQGp4gWqRAbXUgMykllmDzRx6+w0WP8zpRQ0NH74zMDz9wMAgK8jAwMoMk2JgYGJkYJATYmB4+5WB4cM3BobHQDXSAgwM7CzUVwMykZ720dMuevsNFjvMcyc2NLz6Aoy80QgeVokXFMHMTY0NDXLAHDsawcOwdIJl4VF6+IUA0++/DAwHgI2mN8CiebRhNbwajUyjETs8ewOgcohpNMcOv24erIIBAAKuHv0fJ5FGAAAAAElFTkSuQmCC); margin: 68px 18px 0; } home-page .main-container .guide { cursor: pointer; margin: 16px 0 56px; display: flex; justify-content: center; align-items: center; } home-page .main-container .guide .guide-link { display: flex; flex-shrink: 0; } home-page .main-container .guide .guide-content { color: #2c8fff; } home-page .main-container .guide span { transition: color 0.3s; color: #666; } home-page .main-container .guide:hover span { color: #54a1ff; } home-page .main-container .guide:active span { color: #1a76d9; } home-page .main-container .quick-enter-title { margin-bottom: 20px; } home-page .main-container .quick-enter-list { box-sizing: border-box; width: 827px; height: 64px; display: flex; margin: 0 auto; } home-page .main-container .quick-enter-list li { margin-right: 20px; } home-page .main-container .quick-enter-list:after { display: none; } home-page .main-container .quick-enter-list-item { width: 192px; height: 64px; display: flex; align-items: center; border: 1px solid #ededed; border-radius: 2px; cursor: pointer; transition: background 0.3s; } home-page .main-container .quick-enter-list-item:hover, home-page .main-container .quick-enter-list-item.active { background: #fbfbfb; } home-page .main-container .corp-logo { width: 40px; height: 40px; margin-right: 15px; margin-left: 11px; } home-page .main-container .quick-enter-desc { width: 112px; height: 44px; } home-page .main-container .quick-enter-desc:hover { text-decoration: none; } home-page .main-container .quick-enter-content { padding: 0 6px; } home-page .main-container .introduce { color: #666; } home-page .main-container .introduce:hover { text-decoration: none; } home-page .sub-container { padding: 40px 24px; width: 320px; text-align: center; } home-page .sub-container-logo { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #ededed; } home-page .sub-container-title { margin: 16px 0 18px; width: 272px; height: 60px; font-size: 20px; font-family: 'PingFangSC-Medium'; text-align: center; } home-page .sub-title { color: #333; font-size: 14px; } home-page .corp-name { letter-spacing: 0; text-align: center; line-height: 30px; } home-page .corp-name a { color: #333; } home-page .corp-name:hover { text-decoration: underline; } home-page .corp-name:hover a { color: #333; } home-page .sub-container-content { display: flex; position: relative; margin-bottom: 25px; } home-page .sub-container-content .subtitle { color: #333; } home-page .sub-container-content .icon { width: 13px; height: 13px; margin: 4px 8px 0 0; } home-page .sub-container-content .activated { transition: background 0.3s; } home-page .sub-container-content .activated:hover { background: #fafafa; } home-page .sub-container-content .activated a { color: #ff811a; border: 1px solid #ff811a; border-radius: 2px; padding: 2px 0 2px 4px; margin-right: 4px; font-size: 12px; } home-page .sub-container-content .member { position: absolute; right: 0; } home-page .sub-container-content .number a { color: #2c8fff; } home-page .sub-container-content .number a:hover { color: #54a1ff; text-decoration: underline; } home-page .sub-container-content .number a:active { color: #1a76d9; text-decoration: underline; } home-page .ellipse { overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } home-page .ellipse:hover { text-decoration: underline; } home-page .middle-center { display: flex; align-items: center; } #page-container-wrap { width: 1200px; margin: 16px auto 0; min-height: calc(100vh - 60px - 60px - 16px); background: #fff; } .content { height: 100%; width: 100%; min-width: 1000px; position: relative; background: #f1f2f7; } .yellow-notice { background: #FF811A; } .notice { width: 1200px; margin: 0 auto; text-align: justify; text-justify: newspaper; word-break: break-all; } footer-section { width: 100%; background: #f5f5f5; } footer-section .foot { padding: 12px 0; text-align: center; height: 60px; box-sizing: border-box; color: #666; } footer-section .foot .copyright { margin-top: 2px; font-size: 14px; } footer-section .foot-section { width: 1200px; margin: 0 auto; } footer-section .foot-content { font-size: 14px; color: #666; } footer-section .foot-content:hover { color: #333; } footer-section .divider { margin: 0 12px; } body { margin: 0; padding: 0; background: #ffffff; font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; color: #222; } #body { background: #f5f5f5; overflow-x: hidden; overflow-y: scroll; } .list-empty { text-align: center; font-size: 16px; font-weight: bold; padding: 10px; } route, contacts { display: block; height: 100%; } ul { margin: 0; padding: 0; } a { text-decoration: none; color: #4e9ae1; } a:hover { text-decoration: none; } li { list-style: none; } hr { border-color: #e5e5e5; border-top: 1px; margin: 0; } form { margin: 0; } .form-search input, .form-inline input[type="text"], .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; margin-bottom: 0; vertical-align: middle; } .red { color: red; } .fl { float: left; } .fr { float: right; } .clearfix { display: block; content: ''; clear: both; } .clearfix:after { zoom: 1; } .block { display: block; } .orange { color: #ff9500; } .no-border-top { border-top: none !important; } .no-border-bottom { border-bottom: none !important; } .info-nav { height: 36px; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; display: block; } .info-nav h4 { font-size: 17px; color: #3d3c41; line-height: 36px; font-weight: normal; margin: 0; } .info-nav p { font-size: 14px; } .info-nav a { font-size: 14px; float: right; } /* * UE editor 未知bug修复 */ #edui_fixedlayer { /*display: none;*/ } top-nav { width: 100%; } .top-side { display: flex; flex-direction: row; justify-content: space-between; background: #fff; width: 100%; height: 60px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05); } .top-side ul { display: flex; flex-shrink: 1; width: 1200px; margin: 0 auto; position: relative; } .top-side ul .logo-info { padding: 0; margin-right: 42px; } .top-side ul img { height: 32px; } .top-side ul li { display: flex; list-style: none; cursor: pointer; justify-content: center; align-items: center; border-bottom: 3px solid transparent; } .top-side ul li.list-item { margin-right: 32px; /* 设计给的图标是48x48的，设计稿为24x24 */ } .top-side ul li.list-item.current { border-bottom: 3px solid #2c8fff; } .top-side ul li.list-item i { transform: scale(0.5); } .top-side ul .user-info-show { position: absolute; right: 0; padding: 0; top: 34px; margin-top: -15px; } .top-side ul .user-info-show .nav-user-name { font-size: 14px; color: #666; } .top-side ul .user-info-show .arrow { width: 12px; height: 12px; margin: -3px 0 0 4px; } .top-side ul .user-info-show .user-info-quit { position: absolute; right: 0; top: 36px; width: 126px; background: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 3px; padding: 4px 0; z-index: 3; } .top-side ul .user-info-show .user-info-list { height: 32px; line-height: 32px; color: #666; } .top-side ul .user-info-show .user-info-list { display: flex; transition: background 0.3s, color 0.3s; } .top-side ul .user-info-show .user-info-list span { transition: color 0.3s; } .top-side ul .user-info-show .user-info-list:hover, .top-side ul .user-info-show .user-info-list:active { background: #f5f5f5; color: #333; } .top-side ul .user-info-show .user-info-list:hover span, .top-side ul .user-info-show .user-info-list:active span { color: #333; } .top-side ul .user-info-show .user-info-quit-img { width: 20px; height: 20px; margin: 7px 4px 0 11px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDRINFYxNkgxMiIgc3Ryb2tlPSIjMzAzNDNEIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTkgMTBIMTZNMTYgMTBMMTMuNjY2NyA4TTE2IDEwTDEzLjY2NjcgMTIiIHN0cm9rZT0iIzMwMzQzRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); transition: background 3s; } .top-side ul .user-info-show .user-info-switch-img { width: 20px; height: 20px; margin: 7px 4px 0 11px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzY2NjcgMTUuNTY2N1YzLjQzMzM1SDExLjgzMzNWNi4yMzMzNU0yLjUgMTUuNTY2N0g4LjU2NjY3VjYuMjMzMzVIMTUuNTY2N1Y5LjAzMzM1IiBzdHJva2U9IiMzMDM0M0QiIHN0cm9rZS13aWR0aD0iMC45MzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS45NjY4IDExLjgzMzNIMTUuNTY2OEwxMy43MDAxIDkuOTY2NjciIHN0cm9rZT0iIzMwMzQzRCIgc3Ryb2tlLXdpZHRoPSIwLjkzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi41IDEzLjdIMTAuOUwxMi43NjY3IDE1LjU2NjciIHN0cm9rZT0iIzMwMzQzRCIgc3Ryb2tlLXdpZHRoPSIwLjkzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); transition: background 3s; } .top-side ul li a { display: flex; flex-direction: row; justify-content: center; align-items: center; outline: none; } .top-side ul li a span { font-size: 14px; color: #666; } .top-side ul li a i { display: inline-block; } #logo-content { color: #333; } .list-item:hover a span { color: #54a1ff; } .list-item.current a span { color: #2c8fff; } .list-item.current a span { font-weight: 700; } .version-toggle-icon { display: inline-block; margin-left: 4px; font-size: 14px; color: #97a0b5; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .version-toggle-icon:hover { color: #2c8fff; transform: scale(1.1); } .version-toggle-icon.active { color: #2c8fff; animation: glow 2s ease-in-out infinite; } @keyframes glow { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } } /*************** 公共样式 ***************/ .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .inline-label { height: 34px; display: block; font-size: 14px; font-weight: bold; color: #95a8b8; } .LV_validation_message.LV_valid { color: green; } .LV_validation_message.LV_invalid { color: red; } h4.list-tip { color: #333; font-size: 18px; margin: 20px 0; } h4.list-tip > span { color: #333333; font-size: 14px; font-weight: normal; padding-left: 10px; } h4.list-tip > a { color: #4e9ae1; font-size: 14px; padding-left: 20px; } li img.small-avatar { width: 24px; height: 24px; position: relative; top: 6px; left: -3px; } #tips { width: 300px; line-height: 25px; padding: 10px; position: fixed; z-index: 99910009990; text-align: center; top: 0; left: 0; right: 0; margin: auto; background: #ee8756; color: #fff; display: none; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } #progess { height: 50px; width: 300px; line-height: 50px; position: fixed; z-index: 10000; text-align: center; top: 50%; left: 0; right: 0; margin: auto; background: #ee8756; color: #fff; display: none; } .disable-class { pointer-events: none; } .clearfix { clear: both; } .worry-icon { height: 14px; width: 14px; display: inline-block; background-image: url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/pc/dist/sprite/style-old-appstore_84dfd1de.png); background-position: -20px -43px; vertical-align: -2px; margin-right: 5px; } .right-active { background: #d6d7dc; } .scroll-area { width: 100%; height: 100%; overflow: auto; } .one-form-inline > input { display: inline-block; width: 70%; } .one-form-inline > span { display: inline-block; text-align: right; width: 25%; } .nav { position: relative; color: white; height: 50px; left: 190px; min-width: 900px; z-index: 100; } .container { padding-right: 20px; margin-left: 60px; } .nav ul { float: right; position: relative; top: 3px; right: 190px; } .nav ul li { display: inline-block; padding: 7px 20px 0 20px; cursor: pointer; } .nav ul li i.logout { height: 20px; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -84px 0px; width: 20px; display: inline-block; top: 5px; } .nav ul li a { color: #aeafd0; vertical-align: middle; height: 24px; line-height: 24px; text-decoration: none; font-size: 14px; font-weight: bolder; } .nav ul li a:hover { color: #4A90E2; } .nav .brand { float: left; vertical-align: top; font-size: 28px; line-height: 28px; font-weight: 400; margin-right: 20px; cursor: pointer; color: white; } .nav .nav-avatar { position: relative; top: 0; vertical-align: top; margin-right: 6px; height: 24px; width: 24px; } .nav .nav-notice { position: relative; top: -18px; height: 25px; vertical-align: top; } .main-content { position: absolute; width: 100%; bottom: 0; top: 50px; } .switch-btn { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); display: inline-block; height: 30px; width: 64px; } .switch-btn.open { background-position: -3px -45px; } .switch-btn.close { background-position: -75px -45px; } .confirm-one-line { padding: 35px 0 55px 0; text-align: center; color: #95a8b8; font-size: 14px; font-weight: bold; } /*公共上传按钮样式*/ .upload-btn { width: 128px; height: 30px; overflow: hidden; position: relative; margin: 5px 0; background: #509ee2; text-align: center; line-height: 30px; color: #fff; font-weight: bolder; } .upload-btn.disabled { background-color: #e6e7e8; } .upload-input { opacity: 0; filter: alpha(opacity=0); height: 103px; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 16px; } .no-exist { background: #fff; height: 80%; width: 95%; max-width: 1000px; min-width: 700px; margin: 40px auto; text-align: center; font-size: 18px; padding-top: 30px; font-weight: bolder; } /*************** 应用列表 ***************/ .app-list { padding: 30px 0 0 30px; } .no-app { margin-top: 100px; text-align: center; } .no-app div { margin-top: 10px; } .app-list li { display: inline-block; margin: 0 20px 30px 20px; cursor: pointer; } .app-list li p { text-align: center; } .app-list li img { border-radius: 5px; height: 100px; width: 100px; } i.warn { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -12px -126px; display: inline-block; height: 15px; width: 12px; } /*************** 设置信息 ***************/ .list-group { width: 95%; min-width: 700px; margin: 0 auto; min-height: 500px; } .list-group-item { display: block; padding: 10px 30px; margin-bottom: 20px; background-color: #fff; position: relative; } .edit-button { position: absolute; right: 20px; top: 20px; } .setting-logo { height: 100px; width: 100px; border-radius: 9999px; display: inline-block; } .setting-info { font-size: 14px; color: #777; word-break: break-all; word-wrap: break-word; margin-left: 20px; } /*************** 通讯录基础样式 ***************/ #table-view { width: 78.4%; /*float: left;*/ height: 100%; padding-left: 1.5%; background: #f1f2f7; overflow: auto; } #table-view table { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; table-layout: fixed; } #table-view table td { height: 30px; line-height: 30px; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #e5e5e5; cursor: pointer; padding-right: 5px; } #table-view table td a { text-decoration: underline; color: #777; } #table-view table th { height: 30px; line-height: 30px; padding: 10px 0; color: #777; font-weight: normal; border-bottom: 1px dotted #e5e5e5; cursor: pointer; } #table-view table tr { border-bottom: 1px dotted #e5e5e5; } .table-avatar { height: 30px; width: 30px; } #paginate { position: absolute; width: 100%; height: 36px; line-height: 36px; bottom: 0; padding: 5px 0 5px 1%; border-top: 1px solid #e5e5e5; margin-left: -1%; background: #fff; } #paginate > * { display: inline-block; } .paginate { position: relative; } /* 管理组切换 */ .admingroup-tab { height: 44px; } .admingroup-tab > li { width: 49%; display: inline-block; line-height: 44px; text-align: center; cursor: pointer; background: #cbcdd5; } .admingroup-tab > li.active { background: #e2e3e8; } .admingroup-tab > li > a { color: inherit; display: block; width: 100%; height: 100%; } /* * 新建按钮样式 */ .create-member { height: 20px; width: 20px; display: inline-block; /*background: url('~@imgs/icon.png');*/ /*background-position: -66px -18px;*/ position: relative; top: 3px; cursor: pointer; } .set-suite { height: 30px; width: 30px; display: inline-block; background: #509ee2; position: relative; top: -1px; text-align: center; cursor: pointer; } .set-suite .set { height: 20px; width: 20px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -127px -101px; position: relative; top: 3px; cursor: pointer; } /* * 套件logo上传 */ .logo-wrap > div { display: inline-block; margin-left: 5px; } .logo-wrap > div > p { margin: 0; color: #c1ccd5; font-weight: bolder; } .logo-wrap > div > .upload-btn { margin: 10px 0 0 0; } .logo-wrap > img { width: 60px; height: 60px; border-radius: 4px; display: inline-block; } i.class { height: 20px; width: 20px; display: inline-block; position: relative; top: 5px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; } i.class.emps { background-position: -66px -81px; } i.class.depts { background-position: -117px -81px; } i.class.tags { background-position: -91px -81px; } fieldset { border: 1px solid #e5e5e5; } legend { color: #95a8b8; font-size: 14px; font-weight: bolder; } /* * selector search */ #width-counter { visibility: hidden; white-space: nowrap; position: absolute; left: -300px; font-size: 16px; } #my-tab .user { width: 216px; height: 30px; float: left; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #my-tab .time { width: 60px; height: 30px; float: left; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #my-tab .call-time { width: 286px; height: 20px; line-height: 20px; color: #b8c4cf; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .shizi { width: 12px; height: 2px; background: #222; transform: rotate(0deg); cursor: pointer; position: relative; top: 9px; left: 4px; } .shizi:after { content: ''; display: block; width: 12px; height: 2px; background-color: #222; transform: rotate(-90deg); cursor: pointer; } .chazi { width: 25px; height: 25px; margin: 10px 10px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -105px -18px; } .confirm-content { text-align: center; font-size: 16px; font-weight: bolder; padding: 20px 0 23px 0; } .confirm-tip { text-align: center; font-size: 14px; color: #ffc24d; font-weight: bolder; padding: 0 0 20px 0; } /*update suite app*/ update-suite input[type="text"] { width: 300px; display: inline-block; margin: 0 0 0 10px; } update-suite label, update-suite p { display: block; margin-top: 20px; text-align: left; } update-suite p span, update-suite label span { display: inline-block; width: 150px; text-align: right; color: #c1ccd5; font-weight: bolder; } update-suite p b { padding-left: 10px; } update-suite .scroll-view { padding: 5px 20px 20px 20px; height: 330px; overflow-y: auto; overflow-x: hidden; text-align: center; } /*create suite app*/ create-suite-app input[type="text"] { width: 300px; display: inline-block; margin: 0 0 0 10px; } create-suite-app label { display: block; margin-top: 20px; } create-suite-app label span { display: inline-block; width: 100px; text-align: right; } create-suite-app .scroll-view { padding: 5px 20px 20px 20px; height: 330px; overflow-y: auto; overflow-x: hidden; text-align: center; } #suite-logo { vertical-align: top; } /*managagemant*/ management .right-view { overflow: scroll; position: absolute; left: 234px; top: 50px; bottom: 10px; background: #f1f2f7; } management .list-group { padding-bottom: 30px; } management .item { position: relative; padding: 20px; } management .item .title { font-size: 16px; line-height: 30px; font-weight: bold; } management .item ul { list-style: none; } management .line li { float: left; margin-left: 10px; } management .line li span { display: inline-block; vertical-align: middle; } management .line:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } management #table-view table { border: 1px solid #d4dce5; width: 100%; border-collapse: collapse; } management #table-view thead { display: table-header-group; vertical-align: middle; border-color: inherit; } management #table-view thead tr { border-bottom: 1px solid #ccc; } management #table-view th, #table-view td { border: 0; border-bottom: 1px solid #ccc; padding: 9px 10px; color: #777; } management .tablist tbody td { text-align: center; } management .tablist2 td { border-bottom: 1px solid #ccc; } management .tablist2 tbody td:first-child { text-align: left; color: black; } management .tablist2 tbody td:last-child { text-align: right; } management .save-bar { margin-top: 10px; } management #table-view table th, management #table-view table td { text-align: center; color: #777; } management #table-view table th { background: #f0f1f6; } management #table-view table tr:nth-of-type(odd) td { background-color: #f7f7fa; } management #table-view table td.editable { color: #333; } .btn_blue { color: #fff; background: -ms-linear-gradient(top, #75aff4 0, #3e80cf 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75aff4', endColorstr='#3e80cf', GradientType=0); background: linear-gradient(top, #75aff4 0, #3e80cf 100%); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset; border-color: #2c8ec5; } table, th, td { font-size: 14px; word-break: break-all; word-wrap: break-word; table-layout: fixed; } #manage-handle { display: none; position: fixed; background: #fff; cursor: pointer; border: 1px solid #e5e5e5; z-index: 200; } #manage-handle li { list-style: none; width: 120px; height: 30px; line-height: 30px; border-bottom: 1px solid #e5e5e5; } #manage-handle li a { width: 120px; height: 30px; line-height: 30px; padding-left: 10px; color: #777; display: block; } #manage-handle li a:hover { background-color: #f1f2f7; } #manage-handle li:last-child { border-bottom: none; } .edit-outer-manager-li { display: inline-block; background: #c5d3e4; border-radius: 10px; font-weight: bolder; margin: 2px 5px 2px 0px !important; height: 25px; line-height: 24px; padding: 2px 5px; cursor: pointer; margin-left: 0px; cursor: default; } .edit-outer-manager-li > span { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #ffffff; position: relative; top: -6px; cursor: default; } .edit-outer-manager-li .del { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -157px -3px; cursor: pointer; } .edit-outer-manager-li .emps { left: 0px; top: 1px; } #edit-outer-manager-add { width: 60px; height: 25px; border: 1px dashed gray; float: left; border-radius: 5px; text-align: right; padding-right: 5px; padding-left: 5px; line-height: 20px; cursor: pointer; } #edit-outer-manager-add .shizi { position: relative; top: 11px; background-color: gray; } #edit-outer-manager-add .shizi:after { background-color: gray; } /*import contact*/ .import-device-desc p { font-size: 14px; font-weight: bold; color: #95a8b8; margin: 0.5rem 0; } .import-device-desc { border-top: 1px dotted #95a8b8; } .import-btn-wrap { padding: 40px 0 60px 0; text-align: center; } .import-btn-wrap .btn { padding-top: 4px; padding-bottom: 4px; margin-right: 16px; position: relative; top: -16px; } .import-btn-wrap .upload-btn { width: 82px; height: 32px; border-radius: 2px; display: inline-block; } #import-device .new-modal-container { padding-bottom: 30px; max-height: 450px; } .import-device-desc .error-msg, .import-device-desc .error-list li { color: #f96e75; font-size: 14px; font-weight: bold; } /*show limit*/ show-limit { display: block; margin-top: 15px; } show-limit .line { width: 100%; height: 0; border-top: 1px dotted #95a8b8; margin: 20px 0; } show-limit label { display: block; margin-bottom: 10px; } show-limit .selected-tags > li { display: inline-block; background: #c5d3e4; color: #fff; padding: 3px; border-radius: 3px; margin-right: 5px; } show-limit .selected-tags > a { color: #4e9ae1; } /*management */ management .right-view { overflow: scroll; position: absolute; left: 234px; top: 50px; bottom: 10px; background: #f1f2f7; } management .list-group { padding-bottom: 30px; } management .item { position: relative; padding: 20px; } management .item .title { font-size: 16px; line-height: 30px; font-weight: bold; } management .item ul { list-style: none; } management .line li { float: left; margin-left: 10px; } management .line li span { display: inline-block; vertical-align: middle; } management .line:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } management #table-view table { border: 1px solid #d4dce5; width: 100%; border-collapse: collapse; } management #table-view thead { display: table-header-group; vertical-align: middle; border-color: inherit; } management #table-view thead tr { border-bottom: 1px solid #ccc; } management #table-view th, #table-view td { border: 0; border-bottom: 1px solid #ccc; padding: 9px 10px; color: #777; } management .tablist tbody td { text-align: center; } management .tablist2 td { border-bottom: 1px solid #ccc; } management .tablist2 tbody td:first-child { text-align: left; color: black; } management .tablist2 tbody td:last-child { text-align: right; } management .save-bar { margin-top: 10px; } management #table-view table th, management #table-view table td { text-align: center; color: #777; } management #table-view table th { background: #f0f1f6; } management #table-view table tr:nth-of-type(odd) td { background-color: #f7f7fa; } management #table-view table td.editable { color: #333; } .btn_blue { color: #fff; background: -ms-linear-gradient(top, #75aff4 0, #3e80cf 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75aff4', endColorstr='#3e80cf', GradientType=0); background: linear-gradient(top, #75aff4 0, #3e80cf 100%); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3) inset; border-color: #2c8ec5; } table, th, td { font-size: 14px; word-break: break-all; word-wrap: break-word; table-layout: fixed; } #manage-handle { display: none; position: fixed; background: #fff; cursor: pointer; border: 1px solid #e5e5e5; z-index: 200; } #manage-handle li { list-style: none; width: 120px; height: 30px; line-height: 30px; border-bottom: 1px solid #e5e5e5; } #manage-handle li a { width: 120px; height: 30px; line-height: 30px; padding-left: 10px; color: #777; display: block; } #manage-handle li a:hover { background-color: #f1f2f7; } #manage-handle li:last-child { border-bottom: none; } .edit-outer-manager-li { display: inline-block; background: #c5d3e4; border-radius: 10px; font-weight: bolder; margin: 2px 5px 2px 0px !important; height: 25px; line-height: 24px; padding: 2px 5px; cursor: pointer; margin-left: 0px; cursor: default; } .edit-outer-manager-li > span { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #ffffff; position: relative; top: -6px; cursor: default; } .edit-outer-manager-li .del { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4w8IHzAAAgP0lEQVR42uxdB5gV1fU/b/suW9iFpUrvJVLU2DCKqBgVxViwJmpiBOwVk6iIGhMrxgKWqCliNJFoNHZFY+UvIioqqKD0FVi2sLDsLlv+57w5w86bfTPvTnlv3ts9v+873yszc+fOnfu755x7z7031NLSAoL44NnnPvMlnROnjrE+2FjhLfGMEnlRdsUjRSCww2sfLPMtraMOGicE8bPljNl6CpIFxaTLUGpEg6S4yZJkhNPt21A8Eq9+5+L++DEDZT3K/KKf3NfkY/LHofwS5QiUfP6vEuVVlAdR/icEcY4RKHeiHMktzvMol6OUdQACZqHchXKxzeUFKHNQrkVp8EgOvF/o+5wBx0NzfSU0bHqHyv5CH4qJnJYnUSZbaJLTWOicX6PsbBcESUDrPADlfS5EQibKNJTxKPui1KPkGc6vMrSwZpBhPNZh9t5Gmejh8ail/Bt/PxrlcwfXEjn+yw2DHUHSuMEYhTLFI0luz+59KGT3OSJcjC31FTORNJWoRa7zkGYpynsoQxXOPQNlED9zyppeaQm81y0GchgxBOUiFDIHVqGsZimwScuOHCELceoh0jW/Qfk5yoEo5xuOXcLpUYs8UyGtu7iibIxxHjUSm8ifRbnVg/a4Kr2g76U5A6fueZTcYWdDWnbx7/DYmR7e4V8UyaFjf5R7bY73QfkdSpcox3qgEJm7JxtBlnHL7UTeUrjX8TbHjkH5mguqhGV7wI3H77i1/yPKQpRDTPl9kc+5zkQeM0axH1DP19mhzqA5LnNYGXVyTAxl5N6RN+Jc5EV6K9sz8iBvxDn4Je0JPKevi/KYZMz/vqMGw4iBfSAUanWf0tPTYPyIQeH/DfgFipVpcT43nG+YSNKLNf7NKGclG0HGukinV4zjnQyOXDR05c/OrGWK4+W4OsDzBhOPKuyj/LLPQ/kHSpOhUr9ukw6dn86Oq4pZ9gnKI3yNm8oxI3fI6ZCWw0X60QxNKMHCgZDTn3xrmOUi3fPMvQt9enSFUYP6hkmik6NrcSGYxtboPZ5tkeb9KCu5zr3B9YDq0iKUYdxYP5psBFmA8oTi9bVcab6KcR45auU2x9fy56eKJlYiUMovt5Er6vVMhFdQrkSZzudlxyD/kfz5dwf31sv/KIfa4+6sXoeckllqsCabdmmiZxZ9koySkeSP3OiwPA4z/vh05XdQuX0H9OpWAqMG9w2To7gwHzZtqYCv12yMpn2iYQv7hTpJXjeR4wj2RZOKICdwJTiXCWCFb1EmoOyn6PwutDm2gD/7J4GJlcOt/e38+wV2TM14kf8PcYt/l0V6ujnzpYM8fGGw0VXJcWl6/l6X5w48MaZrlTfsLEjLKpqN15yqmHwm+wStvGtqhk9WrNZIUlqyhxxfrl4HUaIz+tmk/YOJJEZyVATcSEYlSD63YORgHWx4WUb8C4U8wHnsYKvgBosHXmwgSHESmFhZ7C/15N9fx2gk9ApwrMU5zQarRBXNhryokOPgUHr2PWG/Iy0zdu9DZgHkDv8F+SNPVy86s4fCLZoMJqUb7FSohyGTWZYGSQC7TEznlvE0/iTsRrmCf5MTdYCDe21hJ8/YdbmeidbEmmu1AxPLqrfKqiNBFQ3sf+hjM8Nszh1iMBFfsjhnHX8Ot3mGaI49cDko+h2nQVput7ZHstGsz27bSZTReQjk9D1a74xQIew64x+6zxHWHFsrWs0t9klMWBPDfzWaVUZzq2syEyTcWcFmBL186tc+nB3ul9lGd4qVJoKUG3yT/xjMqyBNrDpuHK7h31PYlDTjWP6/hXtjrrBIT3fgz3CQh9P58xUF7XFnVo8Dz8zstm/0E8bfiRLd+svuOxmJMvQi1CI3KOTp5YienOEDW82qVetazS0kybD+vW2vNaCHgRyfsFll9klKkpkges/Sv9nXuJa73tId3COdC+AklNdMDi15k8+g/BS0gcSge66M2MotZwabnDexwz2Z/Y0HDRpnh006j7Cjf5FB49hhNGjdwo2xHHus2Bem5/W8MmfwydYnhXuxplvo4DTIQ1MrlFUwB9OaFCNf841mFr2o9T+U7/E5dJ+kvHK7WYNQg/M3izQvNJDjSDbBzT7JOUFWAtVQE3riy12kP5md804250xlIWzmwlmRBASZYmhAyBf4FUubhph7mx62SOcblD9xz9crrHlWWpw7ks076iiYY2diYYXGdxK6P3fkuVjPs1w/ZCirEHIHnwq1Xz1KpHzT5lTqqbxXrwcff7mqraPCJDGBxok2WKT5EPsnD5v80x+41+w8h71/gRHELWbHIIcZNGpKA2QXJAFBbjX4Sd9yvvTBQjI5H+BOjBYbcuiYxZWfNOVSlPtYK+kdACPYBKMR+lxuVG5WaLTw7jHcqx/Pj/2kLU26fxkLV7MWPE6xDGkM426b40ScP1oco8byD0FXgmgE+RC00Aon+NDi/71d5ClZJg1Qzfu94XcnA0GoJf2cnUoVNHHPGJHuUibMLGgbzUtm1S3csDTbJVh0+IJm1CIzdyz9A7X8P/L4rE+xCaXyHD9DuRHlKpteNoq9Ir/mHkhxRCPIQT6mXw7OA+4qFAnZ4hOJVfEGxI4YsEMjO/4PcSfAoSi9uZJ9z+k/6qDnikgyHxor5nurAY594N3c8/Uw+wf0HP3Y19jAZtpjYD8wnHoEidM8if5xyvdB8Ug0QXNFVrOpkupYy35Su0ZI5qSnNtDM8nQ9aiEpRBukSREI2gOefe6zKpJE+CACgV7pQmh2tji8JijTtihRTrrAZ8x7+lVP18+cNjlhJhJWcBoYnoOV9lKdHPgfDZLeir/rHCZHsSw0/rMf//4YZS5ogZ6p5aSnAh585GnPaUw/f5ow1poc1KVF06IpbuxSwyEK9Z+ExyciSVR7JW/i64yYxEJjPDcIQRILL3PGVeF1FRJaBeQ2iJw9R2MGFBX9G3DQdT1yhLN5bV+t+FTltDkQPaiSQD2HNFh6u6LmIHLQRBQaef87+7s0Mn4HH1sC2lSCNr6EgrlUjUTtLE66PfycM54ozIW2868pankWk8Qp8fye0316jOOqXWZ64CaRg8Z9aF4Rxavdy+9MP5YwXyKlNAja5MaWMmRnY9uACtpqLsoxEDn/mwa3HkmC8tZD+GkcZD4TQzdD9IjCmQ40yfl8/cmsQbfx/8YQcmrF71Iwr3IsiGaE6kCpHlr8jyjHnuD87OfQkQ91GIL4hP+yhqCCa2A1/g5o0cMUGXoqf481ZzwI3M/5esBkpzslCaVzCrTO6abnzgIXc7rJAUeSbNY1Dn6Pdv91LrS8VZ1zVeEVTTAxscC/OeNBgOKYSizMjOkOzC2/53THipz9q2I6Sw1EN+Mc/lwSh3KtTpgGMZlBUYGmkXIrYJNei94NqpgemQL3GFR0rDnjE9i8+oCJ49QhVz2mkncy9TK5F8cuWteJJtHnT7wFrSvSuJ3TTT1PhxlMJCP0CGZVX4vufyNoQZd/5/IhJ3224RzHMDrnupaLp/mVihrE7znjicTjDs6dzr1Gqu/R85xurGjUo3YoV2yz030CHledl05kmsPvisLZaZmTDUxAMnspjP35VKhsqUgQv+eM29nPZlE5ZgfymZ5xkIcfK5zj65xuJEEtyhzTf3NRGh0mRSQ7jvOmg7QcTY77bapUtgw/zCcnDhv1WEXrxXIw2qzPGZ/EqnsK95aYzSzznPEvkqC8qZLpXaknxzi3VsEMMc/p1p30twwkmQTBLZ/zIov+vg9PtdY4lXuxzHPGaZDwXdaKR3Evlq5xdiRRvlVIUsvE/0hBI5nndIPJJyGn+G5oJ4jWi8W+SFwGDxNGkFhjHS7GQvyaM55sJNHJsUghnaSf0+2yJ6oo3r1TSa1BfDLf/JwzniwkcUIOgOSf001Ov6Mu9lhaIFEhJu3BxPJzzrgjPyoOJCH/iGK+Kc5pscqFirFVQSMfUhztKVjR65zxIDVJu5+6mqqQKbcCv51o40/yi4pjaeBk3qhVJkwJ4okSQ6eBmFgCgQV6pGrGxcQSCGwgq5oIBKom1uFvddyCWORgg+hlK9d02HIaN7x/xyWIA9BcDNrw5jDQluunqZ80DpEd0HPo4SQ0cEZbnf0P5Vms9FvsLvKrQbCqNEiklCgnAPtyEg2iDlqhnOY508hvZtCZ17ehQDeKQk30jXdowWwafLsfCfAcft6CRPkskflCYiRVORkQtZxQwuWE8plQwh1BqGAplv9KCLDna0QhwCHYJlOwQd88bIo5J7VNAOt2AiyvxiZxK8CK6vAwewZX0KlIFAo7uRaJUhdnYuiTodqUU6fcbCjKz4P8vBzIyc6E9DTN/Wtuboa6ht2wo7Yeqmp2ws5d9UHUgXA5gRaeQ5sk1Qk11AnSg1uY/YPK5D7Y3v1qAMCwwujH89IBhhdqcgoaMavQiHjsO4DF2/Y8I63x9BMkyrFIkrI4kSNqORV0yoVepZ0hLye6VZWGRKFjJN1KCmFXXQNsKq+E7Tt2BVEXwuUE2lSBMqFH7F6sUrZTAyFHDlb8a4YD3DHGmhzRMDgf4FY0IK4fheRpbQJoGaB3kSR7xYEcbcopLS0EfXt2hcF9uluSIxpyc7Jg0F7doX+v0j1aJtF+OGjTBvYSetgThMwqmrk3NIiMFaGxMncswNE93acxsRvAvfi6u7Ru8zII5QUkSa7Pdn1EOWWkp8OQvj2gS5H7WL3iwk4wpF8PyMxID6L4w+UE4Gs5tTuCkNN2QBCZyk7XNIATrWGFgVhHbxsboUloEtHtPmY3opxIcwzcq5sjrWGpTbJRm6AGCkiT+F1O7YogtE/35UFl6qLBmkPuFwZ2woeJ1IMzUIuM9yHpNuW0V7eSsEPuF4gkfXp0CepV0Koq44UgbXEdBNRbNbYzwDFxCFqf1B0dhNZ6RnbL9T4kG1FO1EPVpXOB73knc6swPzeo+jFbCBIJtNxjLigQN5w7MH6bpZ83IOInLR3Uz0NybcqpZ2n8Jrv17Foc1CuhlUn6C0FaMTUo7UH+wo/iuKjkEGzcRxZGPPtUD8lFlBOZQvm5OXHLe15Olq+mm8M6MlUI0oqJQWXmkK7xv8eE0oifh3lIKqKcigry4p53GmgMCIcJQVoxOqjMjE7AdPzRRb49a8S1+Qlo3cnHCQijhCCt6B1UZvrkJfweXp414trsrPiHXGVnBRbl01sI0oqCoDJTmID3XxRZj710DUWUEw0OxhuJuIcFcoUgrQgFlZnmBNzDx/mTobilLEhqgtQElZma3fG/R1XkFpReIgIjyqmxKf70bmxsCurV1AlBWrExqMysrY3/PdZH3sPLahsR5UQh63GvpQm4hwXKhCCt+CqozCyvSsA9Ild5Xe4hqYhy2lEb/0Y2gLkiOr4UgrTif0FlhiY7xf0ekZNL3/GSVITpVhN/9VdZszOwVyMEaQXNUQ7E2N2AdWxpHHey+KJam0xl8Kr/4yG5iHKqR/OnZmf8JjmR9qDJVAGAyuk5IUgrNkGA22P9+fvwHPO4vOVHv4v4izb7XOUhyTbltGlr/GzETVsrg3olr3osp3ZHEALNcWgOIkNfbwdYuMH/dF/E6vxZVQRfbvYh2Yhyqq2rhy0V233Pe3lVTUJ8HIt25WbowLAiCO1YNC+oTD2MLf0yHxvMFVhnH/g24q/HF02ED31Iuk05UUtf42NlJtNq4+agdlALbzr6gRAkOmZBQMvANGKbfP1yrH0+kIR6ra7Bp6hv1Ye0K+6lPmY3opxoKdfvNmxBf8Q7SXbsqoPV6zdDczDLw/pdTu2OINQtQ3MB1gWRMVrK51qsdv9c784noUv+jaba1Z9iK9y6PysZbz9F7eHnnoVtyomW8lm9YbMnc2tr5XZYvW4zNDUHYumGywmSa2/HpCOIXlC0DMzyIDLXiLX8QXQPZy4F+KhCPZiDzLOL8Zr70axqiNQchyA5vvc7n+OG929TTqRJNm6pgK/XlMF2B71bZJ59s7YMNqBZFaDmoJ26vgeB0sQo2mOcFiWgnVLPhwAWvP66RtMmvXIBDi3VwuJp4bhCDjzcsVsbISdz6t2t2JTXtlEmf0G5xGfNYSbJ2mUr17QpJ3LcyUzKzsyAzoWdwpOecrIy9wQeNqKGqA8vHFcH1TW1QY6W7ykn0RzOCKKbEdPZabuB1W/Cgxo3YUP8j3XKRh+98NdQbkJiJMTRRJKEywmJ8hhoc7n3lFP97kbYvK06GevAnnLq6A65F4Lo+D/QVt3ri3IKaDPNaDINLTIW9Bq01PRSfBSFgNDI70KU1XQg3qvWR1nt/SOLcqJ5FVnJWk4C7wTRQW34XSwCKacO66QLBB0asgWbQCAaRCAQgggESeOkB4Z5T7+q9wwdCFovEQ0oUBgiDdLRiuRvzZw2uVlerSBQH+TEx9fHrKjPntun2UdiHIQfM/Lzcs4a3KcHdO/aGQryciAUCkFDQyNsq66BNZu2hkev8ZkuQ5L8SV5v/PHsc/6F6504dUzqEwSJQUtL34Zy+gmjC9KHlWZDaX46pIUAdjY0w9rK3bBkXR18XlZHIQuzkCT/8YEcN3fKzb7uwDFDYUjfnmFSWIG2Mfvws2/g+41b5uPP+UgUR2EyX67e5LlQRw3qJQTpiARBctBym/86Y3xRl5P2LgyTwgrLNtbBKyt3wEfrdlFFvRiJ0uSSHHN7dyu5bPLBY8MhGqr4YtV6ePeTFaRNJiBJ3u8oBPEj/06eyYIgtO3RVaBFEvQHLZqAGqp/UaMFFqEsyUiQDAfkOBw/Xrp6Ypfsg/rHXgJxXO+csDyyuHLGSyt2FOL1ZyNJWhySY07v7iWXHfeTfRxvIjN6cB/IysyANxZ//h6mk4Uk8RrkNALlTpQjUSg+mGYT0t4gZUFUZI8kPA+0zXFoQwiapU/xV0/7VKfOQnkI5T2UW1G+ZfN7H5Rf8b1+hrIkFTRkmiI5aMnnp1TJYcT5BxTDT4fnn0laxCE5RudmZ91w1IFjXO+wNLRfT9h7aHiHgxs9lhNtnEBa6BjQQmpopcFpoIVqFELq4R4mB4G2cZjrU7pnMjnORpmM8gRo4UkU43UfaPsf/hnlbUiRjXlUa96Np44tLHVKDh3Hjgzv1XcjEq3EwWUz9hs9KLytgBfsN2oQrZv7WyScl7XjaWpttA06hqBc5PEd/BKlHLSgQV1oIskfIX4BoQVRTCKv6I7yIGuQf1ucQ502c9jMegxSYJghZgaxUlPhnX/qGGcNJV4XFkLvokw4eUwhVbALFbVHz7zc7JkjB/bx/IC0qPSPhvQNE85DMsfbHDvGYxbnGlpzYwWmmYrz4kQSsw/wgw9pXgHaMkrPKpxLEeG0bfYJ7UGDnIgmUmZ6WsgROcw4sF94/WPVjVhOHNi7e3hDTD8woHc3J/c2oxOK3Xa1Xnc10Vvzq/k+xkUSpseJJORA60unVvFvr6CG4knFc2lawEIfGpekIMgBQ7tluSIHOuV7vg/skgXZGaHxeFzFTjugexf/tpoqLS6kCUrjUTO5sRF3sglkhbU+ZfN+vtcDpv/jQZKH2HeqZNNxgQ9pDkRZ4eD8zyEFtnZTIUi/0k4ZluaTCjl0lOSFZ9Gp7DXRr6CTvyvud8rLVr13NCy0ObbApyxSK04+WrTdhb2QpMLk3xil2OaY06VUMl3kL7M9EMTS0jESIhY5wqWhJaSijtJCPhsV3BPm1uO/waLCLPaBIHr3M5lW29j3AB9JUszXRBOwOeZ019BvudNCFTTo8XV7IMi2mvrIiBEjAczaxIocYWO3LjxWuFnlnnX1/s7NrtWW7dzs8vItbC8b1/5cz36N12VaH3dwLpHkMsVzzzOYhvTc03w4ZgcKL/qFA7/uJJT/tgeCLPtuW9s1YaMRwY4clbVNsL2uuQzPKVe5Z3mlfysU1u6qh7r6hrKZ0yaXe0hmpYkg5TF8E1VQz94zDs7/seJ5dmMdbo/Zgc6bwBU/Fkhb0gDri+2BIC8t3RB9ETQjIezIQfhYS0O1xXhpbVm5bw+5pmyrk3tHWGYow/ilv2bqzRrHFZvCKQZ4cKJpVP50RZLUOqiwdmMdbo/ZgbQNrebyV9CCWK3q203sZ5GT3pzyBMGKv2RVecN7b63aaUmSWOSgcK9571dQYcxXyRS29Eu2VFS/V1bufWlFijWjuCzVextAI8HVrDmesWi5ycR6CeU7bhFHxJEkRI4poC0IoQK7sQ63x2LhKZRfgzYI+DrKz0FbMoo0C63SuJzNsFNRjgYtFCXlNUi4h+Xedyta0ERydZMnl4WXu3kSibTMwWXzP/jUuw/37boyQHPtCSTdMoeXzmZbWRXdHfgHTkmik2ORw14xq7EOt8eUXjfKUNCWY70WtHCcV/jZiDjDQQtaPIraQkjy5U2VCIIVm+JpbnkKK/ruJmfh8c8tr4FnPtu+ymlBYIV+cvO26nkff+l+RZrqHbXw7icr3WgPwt4urhnn8X1EI4kbchD0sQ69R2qBD8dUUcbEGomSzaYpaRJa3UVfZvJT0IIWSYucmawEcTKjcPbLK3cU1O5uvuzo4fkwvFu2vWlDJbu0GhZ+HibHUUgyN0uU3/LRF6tmZmZmwBgt6NAROV54+2NatfBKJJubBdHKTU65CvxYhl0nyRegdYVS1O1iaJ9YxM86A/wbT/IVbiZMUTDa3CmjCrpOGJAHg7pkQbpBD1XUNsGS9bvgwQ8qW1jdXoTkcL2zzLynXyV1fdnQfr1mTBg3DHIUghdpbdt3l35FqxkSOe52cr9EzQcJONzdN8iEqegkoZ4OikI9DWWfbvkZGTSwV9vQDDX1zfTmqU/8IYc+Ryyi3JSZkXH9yIG9YXDfnlBaUhgxmkj7aKzZtAUr3gbyOag1mu9kopRA4BtBTGShJr0X+zPVSIpt8coskmQPMdPS0vanhaCJIzQnva5h9x5iunDIBYL4ECQo0CxBIzGRFNvkdQqEIAJBAiELx7Vv0GAcDdhVsbwB2qrzjhtSIUhygUakKU6HullpHIBGaHtKfXcECul4GeUIlCKWSaCF3NykcH1nFH1tsRZDmjkdqhTJxEoyGYBS0dIW36AUomSjFBskZLp+WYtzvJWE5aDDzbVH87W1KBeg5KHko1yCUs/HpthcX4KyIsr9Ce+jZMXheatYkuo9JCNBFthU5N+iDEPZxiSqYNJEq1jRYPdy3OT1WEPa+3h4Zqpw98UgSAHK3YqV8zW+9oIox67gY4tsrr/Posx0XJNkDULcxImTTl2nYx0qqLdRJjq8huKArOaA07jGhFhK0YUtXcUmhYot/nvQNsah6aXXsQlDoJU8buPnpaC1OxSfN4vNniNN+Wsx5bmI80lRxVPAfpSfRvSL+RrzvAEKYafIWwpKLLC4nqIIukQpMz1PFInr96heSzL6O05CTca6SN/pcK/qAgmdDQVZBeob4HoFLcVzjcWxn7HooBlf9yikeReTY2OM8+pRaKyHgvwofukqRUJbvXOripgDbVdZ8fpeO4STTqPTTyieS441hTV/5TA/qgskUKDbapaCBJbXPw1kpAp7L2hLAp2I8ii0zi7cBWrzT2jfwhmcVqwVPuoMmoOihofanLuUP2dGOXYOfy6xuc9mU8veYmqE7LZRrQLree66VKUMQxzYYzUoZ6Kcg7LTxs4nZ3oc27FubPsHbdL+uQNbNh4+yDGczm6USVGOn8THm7kMYqV3F59/jwOb/H7+/yaFfJJDPgulF0pvlOtRGvnY8TbX3xGjHC9xWf46qlLFB3HjRM1HGYuyPMqD/xNlJMqHNgURS7qxE24GpZnO59j1YsWDILkoT6Gs53QW2Jz7Jp+zGuXPMdL93MbBt8rzAfz/4hhp32hTDrfGuJY6BJZYXPui4T04IUhKOuluCNLChTcK5WH+3YByOcqRKFtitBQqsr+hO5KwDqU7HzvB0INl1Yvl9OXFymdRlN40lR6gWOlW8Xk5DipMPv+/UbGX7U1DWou4/FTeAXUNzzY9N73jDJca3PzMbomUtL1YLVFszXNBW8iZ5rQeBtoi0emGc6oVe4fMoN6XDQaHnXrQ9gO1FURabBxQq4eNlU96Rlp95GDQ9oSnMH6rST5votBK+N9xL94vFXqbctgPUenVyTP4aqUJ6CFqcTii3hKjw6CK36+b95BSI+mduWuTKi5NrbzZRA6nSMQCCW5BTjeF9l/Av0/lUWkzTmJyUCU5OQY5jM7ucIsKFbJw7IE7KFIRnaM8m/67c7Jl1usehfRQl/uQD1ogYSHYzwGfCq3r627m8YYVCS6vzTzGQeVGoTC0mvkbTO4phh6i+ijjD9HwOo8nnAHaHG4VnM6fr4Ag7vBiYqlAVWXSlNgDHab9sKFFj7eJZRwHmaWYP1rtPNYSPdRV+yV33dI407cxzh/N3bMZrHViaRHzoGsymFhJPzjo1sT60EX6qtcEsUCCG/wGtNHyGexzvWE4Rubm/nzOtaC2ftU3oAUE5rFGGG5zLi2A8Dz7K79XNLHyRQckToPEE2vA+U5NtD7U0T5po1fYv3EKCh3XBwT3NQzQOfW9XuD70wAr7cREA7L6mkcj2AS7hDsLyBSd5qDDIlYrnixOetI56MlEkI4OMpkofISWRsqyMD8a2cSbDeorEuq9ZIkkSDQCGCu/EETgGoNAW6D6UNC2aiCyfM+m3KPgvudKXx2xhxSxEEQgCMRJFwiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIGgQ+D/BRgA5/uGYMg/6RkAAAAASUVORK5CYII=); background-position: -157px -3px; cursor: pointer; } .edit-outer-manager-li .emps { left: 0px; top: 1px; } #edit-outer-manager-add { width: 70px; height: 25px; line-height: 25px; border: 1px dashed gray; float: left; border-radius: 5px; text-align: right; padding-right: 5px; padding-left: 5px; line-height: 20px; cursor: pointer; } #edit-outer-manager-add .cha { background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icons.png?38d1a8e23d1bc2ab3846822af9e57f4b) no-repeat; width: 20px; height: 20px; background-position: 2px 2px; display: inline-block; float: left; } /*编辑套件应用*/ edit-suite-app input[type="text"] { width: 300px; display: inline-block; margin: 0 0 0 10px; } edit-suite-app label { display: block; margin-top: 20px; } edit-suite-app label span { display: inline-block; width: 100px; text-align: right; } edit-suite-app .scroll-view { padding: 5px 20px 20px 20px; height: 330px; overflow-y: auto; overflow-x: hidden; text-align: center; } #edit-suite-app-logo { vertical-align: top; } /*设置*/ setting { background: #f1f2f7; color: #95a8b8; } setting #scroll-view { position: relative; width: 100%; overflow: auto; } setting #list-group { overflow: auto; } setting .list-tip { font-size: 18px; margin: 20px 0; } /*对移动设备的按钮的大小的修正*/ #move-device .modal-submit button.btn { margin: 0 10px 0 10px; width: auto; height: 30px; line-height: 30px; } /*智能会议室硬件管理的创建心分组的对话框的底部圆角修正*/ #create-device-group .new-modal-container { padding-bottom: 0px; } #create-device-group .modal-submit { position: relative; } /*智能会议室硬件管理的重命名分组的对话框的底部圆角修正*/ #rename-device-group .new-modal-container { padding-bottom: 0px; } #rename-device-group .modal-submit { position: relative; } /*设置页面总 CSS settings.tag 样式*/ setting { background: #f1f2f7; color: #95a8b8; } #scroll-view { position: relative; width: 100%; overflow: auto; height: 100%; } setting #list-group { padding: 0; } setting .list-tip { font-size: 18px; margin: 20px 0; } /*设置页面的 base msg 的样式*/ basemsg { display: block; } base-msg .logo-edit { margin: 10px 0; } base-msg .logo-edit > div { display: inline-block; vertical-align: top; margin-left: 20px; } base-msg .owner-edit li { height: 35px; line-height: 35px; } base-msg .owner-edit li > * { display: inline-block; } base-msg .owner-edit a { color: #4e9ae1; } base-msg .owner-edit .key { width: 105px; text-align: right; font-weight: bolder; } base-msg .owner-edit .value { color: #29282f; } base-msg .mInput { margin-right: 20px; vertical-align: middle; width: 300px; height: 30px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; float: left; } .mBtn { color: #fff; background-color: #509ee2; box-sizing: content-box; display: inline-block; height: 28px; margin: 0; padding: 0 12px; min-width: 30px; text-align: center; line-height: 28px; font-size: 14px; font-weight: bolder; border: 1px solid #509ee2; border-radius: 2px; cursor: pointer; -webkit-user-select: none; marging: 0px; line-height: 30px; position: relative; top: -1px; } .mBtnCancel { marging: 0px; color: #333; background-color: #fff; box-sizing: content-box; display: inline-block; line-height: 28px; height: 28px; margin: 0; padding: 0 12px; min-width: 30px; text-align: center; font-size: 14px; font-weight: bolder; border: 1px solid #b6b5c0; border-radius: 2px; cursor: pointer; -webkit-user-select: none; position: relative; top: -2px; } /*acount msg*/ account-msg li { height: 35px; line-height: 35px; } account-msg li > span { display: inline-block; } account-msg li > span:last-child { color: #29282f; } account-msg li > span:first-child { width: 105px; text-align: right; margin-right: 20px; font-weight: bolder; } /*second auth*/ .setting-swicth-area { height: 60px; line-height: 60px; } .setting-swicth-area > * { display: inline-block; vertical-align: middle; } .setting-swicth-area .setting-info { min-width: 450px; margin-right: 40px; } .setting-swicth-area form { width: 100%; } .setting-swicth-area form > input[type="text"] { max-width: 450px; margin-right: 20px; } .setting-swicth-area form > input[type="text"], .setting-swicth-area form > button { display: inline-block; } /*laydate*/ html { _background-image: url(""); _background-attachment: fixed; } .laydate_body .laydate_box, .laydate_body .laydate_box * { margin: 0; padding: 0; box-sizing: content-box; } .laydate-icon, .laydate-icon-default, .laydate-icon-danlan, .laydate-icon-dahong, .laydate-icon-molv { height: 22px; line-height: 22px; padding-right: 20px; border: 1px solid #C6C6C6; background-repeat: no-repeat; background-position: right center; background-color: #fff; outline: 0; } .laydate_body .laydate_box { width: 240px; font: 12px '\5B8B\4F53'; z-index: 99999999; *margin: -2px 0 0 -2px; *overflow: hidden; _margin: 0; _position: absolute!important; background-color: #fff; } .laydate_body .laydate_box li { list-style: none; } .laydate_body .laydate_box .laydate_void { cursor: text!important; } .laydate_body .laydate_box a:hover { text-decoration: none; } .laydate_body .laydate_box cite, .laydate_body .laydate_box label { position: absolute; width: 0; height: 0; border-width: 5px; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; } .laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time { display: none; } .laydate_body .laydate_box .laydate_show { display: block; } .laydate_body .laydate_box input { outline: 0; font-size: 14px; background-color: #fff; } .laydate_body .laydate_top { position: relative; height: 26px; padding: 5px; *width: 100%; z-index: 99; } .laydate_body .laydate_ym { position: relative; float: left; height: 24px; cursor: pointer; } .laydate_body .laydate_ym input { float: left; height: 24px; line-height: 24px; text-align: center; border: none; cursor: pointer; } .laydate_body .laydate_ym .laydate_yms { position: absolute; left: -1px; top: 24px; height: 181px; } .laydate_body .laydate_y { width: 121px; margin-right: 6px; } .laydate_body .laydate_y input { width: 64px; margin-right: 15px; } .laydate_body .laydate_y .laydate_yms { width: 121px; text-align: center; } .laydate_body .laydate_y .laydate_yms a { position: relative; display: block; height: 20px; } .laydate_body .laydate_y .laydate_yms ul { height: 139px; padding: 0; *overflow: hidden; } .laydate_body .laydate_y .laydate_yms ul li { float: left; width: 60px; height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .laydate_body .laydate_m { width: 99px; } .laydate_body .laydate_m .laydate_yms { width: 99px; padding: 0; } .laydate_body .laydate_m input { width: 42px; margin-right: 15px; } .laydate_body .laydate_m .laydate_yms span { display: block; float: left; width: 42px; margin: 5px 0 0 5px; line-height: 24px; text-align: center; _display: inline; } .laydate_body .laydate_choose { display: block; float: left; position: relative; width: 20px; height: 24px; } .laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite { left: 50%; top: 50%; } .laydate_body .laydate_chtop cite { margin: -7px 0 0 -5px; border-bottom-style: solid; } .laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label { top: 50%; margin: -2px 0 0 -5px; border-top-style: solid; } .laydate_body .laydate_chprev cite { margin: -5px 0 0 -7px; } .laydate_body .laydate_chnext cite { margin: -5px 0 0 -2px; } .laydate_body .laydate_ym label { right: 28px; } .laydate_body .laydate_table { width: 230px; margin: 0 5px; border-collapse: collapse; border-spacing: 0px; } .laydate_body .laydate_table td { width: 31px; height: 19px; line-height: 19px; text-align: center; cursor: pointer; font-size: 12px; } .laydate_body .laydate_table thead { height: 22px; line-height: 22px; } .laydate_body .laydate_table thead th { font-weight: 400; font-size: 12px; text-align: center; } .laydate_body .laydate_bottom { position: relative; height: 22px; line-height: 20px; padding: 5px; font-size: 12px; } .laydate_body .laydate_bottom #laydate_hms { position: relative; z-index: 1; float: left; } .laydate_body .laydate_time { position: absolute; left: 5px; bottom: 26px; width: 129px; height: 125px; *overflow: hidden; } .laydate_body .laydate_time .laydate_hmsno { padding: 5px 0 0 5px; } .laydate_body .laydate_time .laydate_hmsno span { display: block; float: left; width: 24px; height: 19px; line-height: 19px; text-align: center; cursor: pointer; *margin-bottom: -5px; } .laydate_body .laydate_time1 { width: 228px; height: 154px; } .laydate_body .laydate_time1 .laydate_hmsno { padding: 6px 0 0 8px; } .laydate_body .laydate_time1 .laydate_hmsno span { width: 21px; height: 20px; line-height: 20px; } .laydate_body .laydate_msg { left: 49px; bottom: 67px; width: 141px; height: auto; overflow: hidden; } .laydate_body .laydate_msg p { padding: 5px 10px; } .laydate_body .laydate_bottom li { float: left; height: 20px; line-height: 20px; border-right: none; font-weight: 900; } .laydate_body .laydate_bottom .laydate_sj { width: 33px; text-align: center; font-weight: 400; } .laydate_body .laydate_bottom input { float: left; width: 21px; height: 20px; line-height: 20px; border: none; text-align: center; cursor: pointer; font-size: 12px; font-weight: 400; } .laydate_body .laydate_bottom .laydte_hsmtex { height: 20px; line-height: 20px; text-align: center; } .laydate_body .laydate_bottom .laydte_hsmtex span { position: absolute; width: 20px; top: 0; right: 0px; cursor: pointer; } .laydate_body .laydate_bottom .laydte_hsmtex span:hover { font-size: 14px; } .laydate_body .laydate_bottom .laydate_btn { position: absolute; right: 5px; top: 5px; } .laydate_body .laydate_bottom .laydate_btn a { float: left; height: 20px; padding: 0 6px; _padding: 0 5px; } .laydate_body .laydate_bottom .laydate_v { position: absolute; left: 10px; top: 6px; font-family: Courier; z-index: 0; } /* 自定义覆盖 */ .laydate_box { border: 1px solid #C6C6C6 !important; } .laydate_body .laydate_chprev cite { border-right-style: solid !important; border-right-color: #666 !important; } .laydate_body .laydate_chnext cite { border-left-style: solid !important; border-left-color: #666 !important; } .laydate_ym, .laydate_table { border: 1px solid #ccc !important; } .laydate_body .laydate_chprev { border-left: none !important; border-right: 1px solid #C6C6C6 !important; } .laydate_body .laydate_ym label { border-top-color: #666 !important; } .laydate_table thead, .laydate_body .laydate_bottom .laydte_hsmtex { background-color: #F6F6F6 !important; } .laydate_body .laydate_ym .laydate_yms { border: 1px solid #C6C6C6 !important; background-color: #fff !important; } .laydate_body .laydate_y .laydate_yms a { border-bottom: 1px solid #C6C6C6 !important; } .laydate_body .laydate_y .laydate_yms a { background-color: #F6F6F6 !important; } .laydate_body .laydate_chtop cite { border-bottom-color: #666 !important; } .laydate_body .laydate_y .laydate_yms .laydate_chdown { border-top: 1px solid #C6C6C6 !important; /*border-bottom: none !important;*/ } .laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label { border-top-color: #666 !important; } .laydate_body .laydate_click { background-color: #eee !important; } .laydate_body .laydate_box .laydate_void { color: #ccc !important; /* text-decoration: line-through; */ } .laydate_body .laydate_table .laydate_nothis { color: #999; } .error-border { border: solid 1px red!important; } .valid-error { color: red!important; text-align: left!important; padding-left: 10px!important; } #mask { position: fixed; z-index: 99999; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); opacity: 1; transition-duration: 0.3s; visibility: visible; cursor: pointer; text-align: center; } #mask .loading { margin-top: 18%; } .mask--visible { opacity: 0!important; visibility: hidden!important; } add-meeting { display: flex; flex-direction: column; } add-meeting header { display: flex; align-items: center; height: 60px; padding: 0 17px; background-color: #fff; border-bottom: 1px solid #eff4f8; } add-meeting header .currentNav { color: #378eef; } add-meeting .add-contacts { flex-shrink: 1; border-bottom: 1px solid #eff4f8; display: flex; flex-direction: column; } add-meeting .form-panel { flex: 1; flex-shrink: 1; overflow-x: hidden; } add-meeting .form-panel .input-group label { width: 145px; } add-meeting .form-panel .input-group label span { display: inline-block; width: 100%; display: flex; justify-content: flex-end; } add-meeting .form-panel .input-group label span::first-letter { margin-right: 1em; } add-meeting .form-panel .input-group label b { font-weight: normal; } add-meeting .form-panel .input-group .present-tip { color: red; margin-right: 3px; display: inline-block; vertical-align: middle; font-style: normal; } add-meeting .add-tips { color: #97a0b5; font-size: 14px; align-self: center; display: flex; align-items: center; margin-bottom: 9px; } add-meeting .add-tips i { display: inline-block; transform: scale(0.5); } add-meeting .divider { height: 36px; background: #f9fbfd; border-bottom: 1px solid #eff4f8; display: flex; align-items: center; } add-meeting .divider p { display: inline-block; margin-left: 29.30856553%; color: #97a0b5; font-size: 14px; } add-meeting .divider span { font-size: 12px; } add-meeting .alert { color: #e60012; left: 90px; } add-meeting .warn { color: #ff9500; } add-meeting .userId-hint { font-size: 12px; position: relative; left: 6px; bottom: 1px; } add-meeting .divider + div { margin-left: 16.51186791%; } add-meeting .form-group { margin-left: 16.51186791%; } add-meeting .form-group .input-group .wid-180 input[type="text"] { width: 180px; } add-meeting .base-info { margin-top: 28px; margin-bottom: 7px; } add-meeting .base-info .input-group { position: relative; margin-bottom: 7px; } add-meeting .base-info .required { position: absolute; left: 60px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } add-meeting .base-info .required.capacity-required { left: 47px; } add-meeting .base-info .account-tip { position: absolute; right: -118px; bottom: 7px; font-size: 12px; } add-meeting .base-info .dept { position: absolute; height: 22px; background: #afd2fd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; top: 4px; margin-left: 6px; padding: 0 4px 0 12px; border-radius: 10px; } add-meeting .base-info .dept span { font-size: 14px; color: #3d424c; } add-meeting .base-info .dept i { cursor: pointer; transform: scale(0.333); position: relative; top: 1px; } add-meeting .identity-info { margin-top: 21px; margin-bottom: 22px; } add-meeting .identity-info .input-group { margin-bottom: 13px; position: relative; } add-meeting .identity-info .input-group .required { position: absolute; left: -15px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } add-meeting .other-info { margin-top: 23px; } add-meeting .other-info .input-group { position: relative; margin-bottom: 12px; } add-meeting .other-info .zone { width: 43px; display: inline-block; margin-right: 33px; } add-meeting .other-info .telephone { width: 208px; } add-meeting footer { display: flex; align-items: center; justify-content: center; background-color: #fff; height: 46px; position: relative; } add-meeting footer button { margin-right: 8px; } add-meeting, import-meeting, import-meeting-next { height: 100%; width: 100%; background-color: white; position: absolute; top: 0; left: 0; } add-meeting header, import-meeting header, import-meeting-next header { margin-left: 18px; } import-meeting-next { font-size: 14px; } import-meeting-next header { vertical-align: middle; height: 60px; line-height: 60px; } import-meeting-next header .currentNav { color: #378eef; } import-meeting-next .import-container { text-align: center; height: 100%; overflow-y: auto; } import-meeting-next .import-container .upload-success { border-top: 1px solid #eff4f8; } import-meeting-next .import-container .upload-success .success { margin: 45px 0; font-size: 24px; color: #358eef; } import-meeting-next .import-container .upload-success .number { font-size: 16px; } import-meeting-next .import-container .upload-success .number span { color: #81b6f4; } import-meeting-next .import-container .upload-success .number span:last-child { color: #222; } import-meeting-next .import-container .upload-success .download-failed { margin-top: 45px; } import-meeting-next .import-container .upload-success .download-failed a { background: #81b6f4; color: #fff; font-size: 13px; width: 120px; height: 28px; border-radius: 20px; padding: 7px 18px; cursor: pointer; } import-meeting-next .import-container .upload-success .failed-tip { margin-top: 20px; margin-bottom: 40px; font-size: 14px; color: #97a0b5; } import-meeting-next .import-container .upload-success .failed-tip .warning { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RGMzZBNzA4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RGMzZBNkY4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgTm1v8AAAAzUExURZmit9PW35ukuKyzxKqxwpqjt/z8/aqyw5ykuPT196uyw/39/dLW3661xefp7pegtf///2pkuvoAAAARdFJOU/////////////////////8AJa2ZYgAAAFRJREFUeNpEjlkOACEIQ6vOuIL2/qcd0Uzgo+GxpAU5RGtVGSTY+jrVGzGsn3NLyQg2JU0D1EEBh/fC+Vn1nt1SiG8EufzwZDct29TipBiTxfkEGABFdgdUraWsrwAAAABJRU5ErkJggg==); width: 12px; height: 12px; display: inline-block; vertical-align: middle; } import-meeting-next .import-container .help-area .step-black { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMmE2OTUyZi1kM2E0LTRhYTctYTg1Yy1lMDNhNWZkNmYxZTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlDM0Y5QTE4RDA4MTFFNkEzODBCNzdEQThBODQyNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlDM0Y5QTA4RDA4MTFFNkEzODBCNzdEQThBODQyNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ODZlNjU5LTg4MjMtNDc3Yi1hOTAyLWQ5YWU0YjkxNDU0ZCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDplMmE2OTUyZi1kM2E0LTRhYTctYTg1Yy1lMDNhNWZkNmYxZTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7S5jHzAAAASFBMVEXp6ekvLy99fX0NDQ0tLS3q6uosLCwuLi58fHwGBgYPDw8xMTEMDAyrq6sFBQULCwvr6+sHBwcBAQF5eXkODg6srKwAAAD////op65aAAAAGHRSTlP//////////////////////////////wDNEy7qAAAAW0lEQVR42lyPRw7AMAgE1yW9uQH//2liJ4psz4mREOxCRFy03ivtnhEitHIhUVYK/BFIMCT+SYDmighVq4WvdWl1b5en/hTaR10MkcO8ZkrIXGE8r23OFW4BBgAyeg8NuhtEwAAAAABJRU5ErkJggg==); display: inline-block; width: 14px; height: 14px; vertical-align: middle; color: #fff; font-size: 12px; line-height: 14px; } import-meeting-next .import-container .help-area .title { margin-top: 25px; } import-meeting-next .import-container .help-area .title span { font-size: 16px; color: #232323; } import-meeting-next .import-container .help-area .title p { font-size: 14px; color: #97a0b5; line-height: 12px; } import-meeting-next .import-container .help-area .step-1 { margin-top: 20px; } import-meeting-next .import-container .help-area .step-2 { border-top: 1px solid #eff4f8; margin-top: 20px; } import-meeting-next .import-container .help-area .step-2 p { line-height: 12px; } import-meeting-next .import-container .help-area .step-2 span.send { font-size: 13px; color: #378eef; padding: 5px 30px; border-radius: 20px; cursor: pointer; display: inline-block; border: 1px solid #378eef; margin-top: 20px; } import-meeting-next .import-container .help-area .step-3 { margin-top: 20px; margin-bottom: 150px; } import-meeting-next .import-container .help-area .step-3 img { margin: 0 30px; } import-meeting-next .footer { border-top: 1px solid #eff4f8; padding: 10px; position: absolute; margin-bottom: 20px; width: 100%; bottom: -20px; background: #fff; text-align: center; } import-meeting { font-size: 14px; } import-meeting header { vertical-align: middle; height: 60px; line-height: 60px; } import-meeting header .currentNav { color: #378eef; } import-meeting .tip { border: 1px solid #eff4f8; height: 36px; line-height: 36px; background: #f9fbfd; text-align: center; } import-meeting .tip span { color: #378eef; } import-meeting .file-area { border-bottom: 1px solid #eff4f8; text-align: center; height: 200px; } import-meeting .file-area .file-tip { margin: 60px 0; } import-meeting .file-area .upload-area { position: relative; } import-meeting .file-area .upload-file-name { margin-top: 20px; } import-meeting .file-area .upload-file { height: 25px; width: 100px; border-radius: 20px; color: #fff; background: #378eef; padding: 5px 20px; cursor: pointer; } import-meeting .file-area .upload-input { opacity: 0; filter: alpha(opacity=0); width: 80px; height: 30px; position: absolute; top: -4px; left: 46%; cursor: pointer; font-size: 16px; } import-meeting .template-area { text-align: center; margin-bottom: 100px; } import-meeting .template-area div.step { text-align: center; border: 1px solid #eff4f8; width: 400px; vertical-align: middle; margin-top: 20px; } import-meeting .template-area .first-step { line-height: 50px; height: 100px; margin: 0 auto; } import-meeting .template-area .two-step { margin-top: 10px; line-height: 40px; height: 40px; margin: 0 auto; height: 50px; } import-meeting .template-area .down-template { height: 25px; width: 100px; border-radius: 20px; border: 1px solid #82b6f4; color: #82b6f4; padding: 5px 20px; cursor: pointer; } import-meeting .template-area .step-gray { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RGMzZBNzQ4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RGMzZBNzM4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu5PBIoAAAA8UExURfj5+7/H17/G17W+0MDH17O7z77G1rW90LS90OXo7/n5+7a+0dbb5dfc5vn6+7O8z7W+0ebp77G6zv///7sJ134AAAAUdFJOU/////////////////////////8AT0/nEQAAAFdJREFUeNpcj1sOgCAMBBdQ8QGUsve/q4KJAvPVSZp2FyRTsCImpmcEqVdpZK2q5UOJM/+agVg6AkyvFtKrjOrn5ekUxkdTDPJwr7gWslbY1n1pFW4BBgAubAx6kq6yugAAAABJRU5ErkJggg==); display: inline-block; height: 14px; width: 14px; line-height: 14px; color: #fff; font-size: 12px; } import-meeting .template-area .tip-one { display: block; color: #97a0b5; } import-meeting .template-area .tip-two { color: #97a0b5; } import-meeting .start-area { line-height: 60px; text-align: center; } import-meeting .start-area .warning { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RGMzZBNzA4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RGMzZBNkY4QzZGMTFFNkJGRDM4M0Y1RDNGNTFFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgTm1v8AAAAzUExURZmit9PW35ukuKyzxKqxwpqjt/z8/aqyw5ykuPT196uyw/39/dLW3661xefp7pegtf///2pkuvoAAAARdFJOU/////////////////////8AJa2ZYgAAAFRJREFUeNpEjlkOACEIQ6vOuIL2/qcd0Uzgo+GxpAU5RGtVGSTY+jrVGzGsn3NLyQg2JU0D1EEBh/fC+Vn1nt1SiG8EufzwZDct29TipBiTxfkEGABFdgdUraWsrwAAAABJRU5ErkJggg==); width: 12px; height: 12px; display: inline-block; vertical-align: middle; } import-meeting .start-area .leading-tip { font-size: 12px; color: #97a0b5; vertical-align: middle; } import-meeting .footer { border-top: 1px solid #eff4f8; padding: 10px; margin-bottom: 20px; width: 100%; bottom: -20px; background: #fff; text-align: center; } meeting-detail { display: flex; flex-direction: column; } meeting-detail header { display: flex; align-items: center; height: 60px; padding: 0 17px; background-color: #fff; border-bottom: 1px solid #eff4f8; } meeting-detail header .currentNav { color: #378eef; } meeting-detail .edit-contacts { /*flex: 1; flex-shrink: 1; overflow-y: scroll; border-bottom: 1px solid #eff4f8; display: flex; flex-direction: column;*/ } meeting-detail .dept { position: absolute; height: 22px; background: #afd2fd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; top: 4px; left: 0px; margin-left: 65px; padding: 0 4px 0 12px; border-radius: 10px; } meeting-detail .dept span { font-size: 14px; color: #3d424c; } meeting-detail .dept i { cursor: pointer; transform: scale(0.333); position: relative; top: 1px; display: inline-block; } meeting-detail .form-panel { /* flex: 1; flex-shrink: 1;*/ padding-bottom: 110px; } meeting-detail .form-panel .title { margin: 20px 0; text-align: center; position: relative; } meeting-detail .form-panel .flag { color: #43d372; font-size: 14px; position: absolute; right: 0; } meeting-detail .form-panel .name { color: #3d3c41; font-size: 16px; margin-top: 10px; } meeting-detail .form-panel .avatar { width: 72px; height: 72px; border-radius: 50%; } meeting-detail .form-panel b { font-weight: normal; } meeting-detail .divider { height: 36px; background: #f9fbfd; border-bottom: 1px solid #eff4f8; border-top: 1px solid #eff4f8; display: flex; align-items: center; } meeting-detail .divider p { display: inline-block; margin-left: 20px; color: #97a0b5; font-size: 14px; } meeting-detail .divider span { font-size: 12px; } meeting-detail .alert { color: #e60012; } meeting-detail .warn { color: #ff9500; } meeting-detail .divider + div { margin-left: 20px; } meeting-detail .form-group { display: flex; flex-direction: column; } meeting-detail .base-info { margin-top: 28px; margin-left: 20px; } meeting-detail .base-info .input-group { position: relative; margin-bottom: 7px; } meeting-detail .base-info .input-group input[type=text] { width: 200px; } meeting-detail .base-info .required { position: relative; right: 9px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } meeting-detail .base-info .error-tip { display: none; font-size: 12px; position: relative; align-items: center; margin-bottom: 7px; align-self: flex-start; left: 63px; } meeting-detail .base-info .error-tip i { display: inline-block; } meeting-detail .identity-info { margin-top: 21px; margin-bottom: 22px; } meeting-detail .identity-info .input-group { margin-bottom: 13px; } meeting-detail .identity-info .input-wrapper input { width: 200px; border: 1px solid #ccc; } meeting-detail .identity-info .required { position: relative; right: 9px; top: 7px; font-style: normal; font-size: 14px; vertical-align: middle; } meeting-detail .input-group span { height: 30px; line-height: 30px; } meeting-detail .input-group > label { display: inline; display: flex; justify-content: flex-end; width: 90px; } meeting-detail .input-group > label.capacity-label { width: 95px; margin-left: -5px; } meeting-detail .input-group .instead-label { color: #97a0b5; } meeting-detail .input-group .require-tip { color: red; display: inline-block; margin-right: 5px; position: relative; top: 3px; } meeting-detail .input-group .num-wrapper { display: inline-block; width: calc(100% - 90px); } meeting-detail .input-group .device-num { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } meeting-detail .input-group .device-num input[type="text"] { width: 190px; display: inline-block; } meeting-detail .input-group .mid-wid { width: 50%; /*max-width: ~"clac(100% - 140px)";*/ } meeting-detail .input-group .hole-wid { width: 100%; } meeting-detail .input-group .wid-140 { width: 140px; max-width: 140px; } meeting-detail .input-group .email-name { display: inline-block; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } meeting-detail .input-group .email-ext { display: inline-block; max-width: 108px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } meeting-detail .input-group .email-input { display: inline-block; } meeting-detail .input-group .valid-error { padding-left: 0px !important; } meeting-detail .other-info { margin-top: 23px; margin-bottom: 150px; align-items: flex-start; } meeting-detail .other-info .input-group { margin-bottom: 12px; } meeting-detail .other-info .input-group span.name { height: 30px; line-height: 30px; } meeting-detail .other-info .zone { width: 75px; display: inline-block; margin-right: 20px; } meeting-detail .other-info .telephone { width: 140px; } meeting-detail footer { display: flex; align-items: center; justify-content: center; background-color: #fff; height: 46px; position: relative; } meeting-detail footer button { margin-right: 8px; } meeting-detail .footer { padding: 10px 20px; position: absolute; margin-bottom: 20px; width: 100%; bottom: -20px; background: #fff; border-top: 1px solid #e5e5e5; } meeting-detail .footer button:last-child { float: right; } meeting-detail .btn-alert { margin-right: 10px; } meeting-search { display: block; width: 100%; position: relative; padding-right: 20px; } meeting-search .search-wrapper { width: 86%; height: 28px; position: relative; margin: auto; } meeting-search .search-icon { position: absolute; right: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e2e6ec; background-color: #eeeff3; } meeting-search .search-icon img { position: relative; left: 1px; width: 15px; height: 16px; } meeting-search .search-results { position: absolute; z-index: 1000; width: 86%; margin-left: 7%; background-color: white; color: #333; max-height: 325px; overflow: auto; border-top: none; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } meeting-search .search-results ul { float: none; position: static; } meeting-search .search-results ul li { display: block; cursor: pointer; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } meeting-search .search-results h5 { font-size: 14px; font-weight: bold; color: #c1ccd5; margin: 0; height: 30px; line-height: 30px; padding: 0 10px; } meeting-search .search-results li:hover { background: #eff3f8; } meeting-search .search-results .search-empty { padding: 30px 0; text-align: center; font-size: 14px; font-weight: bolder; color: #c1ccd5; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-alert { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMUEzQUI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMUEzQUM4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERCNkQyODg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUxQTNBQTg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhglbEAAAAGzSURBVHjatJY9SwNBEIYv8cBGGzFqDChoIya9dSpBUEjjF3YSW1GQ+AdELYzYKwh+JWlEm3TGH6FtjEESUMHCdEL0nTgny3qbmwvcCw+35HbfuZubnU1oKvthka43xy0XjYBlkASTIAK+wAt4BvcgD570hTenZ62rbbmLjPfAPOjS7nWDCWYa7HCQbVDVjWyXJ58D56DXkikMlsAsWANX+k1V65QtH+aqesAF2DAFWACHLkEdFcEwUzTMCYED9vr9oWb1OTl/5KcwiYzrPI6CWpu5DRDHh646T7vrYW4p5vrYlK595w1GcS23SY36+qq+PeY3wRiZLgrMO1HLO8ybKCglKUAiwAAJCtAfYICIn9xHlfGQnw/xLpx7zMYxcCJc82bzBosJJs8I6l/XA73BXYDfoBTmVtsUTJb0In2j5SlABRQEC1Y5RXUee6mAXlRxqijDDUoqrzbRYM+/FkEnUdpjobSKyCNNnVQ/MnNgEGQNvUlSRWS+xV6uJ9oRSIHPDiqG0rLCB47xyCTdcn/KCauryXPj4PLfoW9YVOWDPKP8bSGDAb7/yhu0xBVYNkX/EWAAG4ldvaYgx20AAAAASUVORK5CYII=); background-size: cover; width: 12px; height: 12px; } .icon-app-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -171px; width: 48px; height: 48px; } .icon-app { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -53px; width: 48px; height: 48px; } .icon-bayf { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -224px; width: 24px; height: 24px; } .icon-bayp { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -117px; width: 26px; height: 26px; } .icon-baypt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -116px -224px; width: 24px; height: 24px; } .icon-bayt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -87px; width: 20px; height: 20px; } .icon-bayv { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -31px; width: 20px; height: 26px; } .icon-bluef { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -58px -224px; width: 24px; height: 24px; } .icon-bluep { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -86px; width: 26px; height: 26px; } .icon-bluept { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -169px; width: 24px; height: 24px; } .icon-bluet { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -62px; width: 20px; height: 20px; } .icon-bluev { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px 0px; width: 20px; height: 26px; } .icon-cancel { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -53px; width: 28px; height: 28px; } .icon-contact-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px 0px; width: 48px; height: 48px; } .icon-contact { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -65px 0px; width: 48px; height: 48px; } .icon-device-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -106px; width: 48px; height: 48px; } .icon-device { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -171px; width: 48px; height: 48px; } .icon-dropdown-arrow { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -131px; width: 17px; height: 10px; } .icon-gray-tip { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -87px -224px; width: 24px; height: 24px; } .icon-iocn_185 { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px 0px; width: 60px; height: 60px; } .icon-lower { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -148px; width: 40px; height: 16px; } .icon-meeting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -159px -171px; width: 48px; height: 48px; } .icon-meeting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -118px; width: 48px; height: 48px; } .icon-msg-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px -53px; width: 48px; height: 48px; } .icon-msg { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -65px; width: 48px; height: 48px; } .icon-setting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px 0px; width: 48px; height: 48px; } .icon-setting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -171px; width: 48px; height: 48px; } .icon-statics-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -118px; width: 48px; height: 48px; } .icon-statics { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -118px; width: 48px; height: 48px; } .icon-suite-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px 0px; width: 48px; height: 48px; } .icon-suite { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -65px; width: 48px; height: 48px; } .icon-tree-close { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -146px; width: 6px; height: 10px; } .icon-tree-open { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -161px; width: 10px; height: 6px; } .icon-tree-tool, meeting-tree meeting-tree-item .tree-tool-icon { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -112px; width: 14px; height: 14px; } meeting-tree { font-size: 13px; font-weight: normal; } meeting-tree .tree-item-row { height: 35px; line-height: 35px; width: 100%; display: block; cursor: pointer; } meeting-tree .tree-item-row.active { color: #2c8fff; } meeting-tree .tree-item-row:hover, meeting-tree .tree-item-row.rightHover { background: #f2f5ff; } meeting-tree .tree-item-row.no-hover:hover { background: none; } meeting-tree .tree-item-row.isranking { background: #f2f5ff; } meeting-tree .tree-item-icon { cursor: pointer; } meeting-tree .tree-item-content { width: 100%; height: 35px; position: absolute; display: flex; align-items: center; } meeting-tree .tree-item-wrap .tree-item-row .checkbox { position: relative; top: -11px; } meeting-tree .tree-item-arrow { height: 100%; display: inline-block; width: 20px; display: flex; align-items: center; } meeting-tree .tree-item-arrow i { display: inline-block; vertical-align: top; } meeting-tree .tree-item-arrow i.icon-tree-open { position: relative; left: -2px; } meeting-tree .tree-item-name { display: inline-block; cursor: pointer; z-index: 100; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } meeting-tree meeting-tree-item { position: relative; } meeting-tree meeting-tree-item input { display: inline-block; vertical-align: top; margin-right: 5px; } meeting-tree meeting-tree-item .tree-no-arrow { padding-left: 26px; } meeting-tree meeting-tree-item .tree-tool-icon { display: inline-block; right: 0; margin-right: 10px; height: 17px; width: 17px; vertical-align: middle; margin-top: 9px; position: absolute; z-index: 999; } meeting-tree meeting-tree-item .rank-arrow { position: absolute; top: 0; right: 0; z-index: 666; width: 48px; height: 30px; overflow: hidden; } meeting-tree meeting-tree-item .rank-arrow span { width: 24px; height: 30px; float: left; } meeting-tree meeting-tree-item .rank-arrow span:hover { background-color: #82b6f4; } meeting-tree meeting-tree-item .rank-arrow span:active { background-color: #3383dc; } meeting-tree meeting-tree-item .rank-arrow span.first, meeting-tree meeting-tree-item .rank-arrow span.last { visibility: hidden; } meeting-tree meeting-tree-item .rank-arrow .up-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABRUlEQVQ4y63TSUoDQRTG8X8H1wpuXChu1Bt8jisjCB7AnYs4gQl4ElduTFAXcbyCM+oBHl5ADcHhGKKLVCCU1Z1Ua+26XnX/eN/rSohcZjYH7AIrkp5j3k1yQJdAP/AJFGPAQiR04SCAYeDezCb+tTMzm3UdDQTKH8BCLx12xbpAnWBR0kvuGM1sJgB9ATfe0RHgwczGc2FmNg1cBaASsARUU8CxKMxB1wFoVdK5pG9gOwV8TAOTADTlYgpBZ97ZBNgDKt5n3mnN8DUVM7NJ4DYArUk6TUkhC5yX1PiFZUDrkk7IWA6sAuUsMPkr5IE1YMsrvblIG4mZCbgLQBuSjnuBegULwE4A2oyFANxfWgEOvNIoUC8Ay8CTBx3FQh5YBg47tptAqT2zQVoXuCapnhcKRLoPLNKaWbOz2PcfiA+a2VD7+QcMh5VSpIKSnwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center; background-size: 12px; } meeting-tree meeting-tree-item .rank-arrow .down-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAABIB77kAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAA9UlEQVQ4y73TQUoDQRCF4X8SCMQbCNnrAd4t3AQFB8wZ3HkQD+BWIVlEBMWdJ3gnyDkEIRBw04FmmJnu6Yy+ZVPdH1VUQxTbc/44kwi7AHa2b8cEbF/ZfrU9A6jC4SXwBZwDB+BO0mYMDNgCM+ATWFZhjDtgEdWejDawY94mkn6Ah4AcMwVeSsfbge2BpyoqqoHngBV32oPdSHqvGsUnoSkMwtKMgeZgrWAJmotB9A/jSFoDK9oXqS7FOjvM6HQlaT0US4IJ9BG4b8GuJX10vZcEe9Bmklg2mIFmYYPAHjQbGwy2oIOw4tiubX+HLf2f2D4rufcLcAij2iKgIf0AAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: center; background-size: 12px; } meeting-tree meeting-tree-item .rank-button { position: absolute; top: 0px; right: 10px; font-size: 12px; } meeting-tree meeting-tree-item .rank-button .btn { height: 24px; line-height: 20px; min-width: auto; padding: 0px 10px; margin-right: 10px; } /*************** 树结构样式 ***************/ .tree-item-arrow.open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4w8IHzAAAgP0lEQVR42uxdB5gV1fU/b/suW9iFpUrvJVLU2DCKqBgVxViwJmpiBOwVk6iIGhMrxgKWqCliNJFoNHZFY+UvIioqqKD0FVi2sLDsLlv+57w5w86bfTPvTnlv3ts9v+873yszc+fOnfu755x7z7031NLSAoL44NnnPvMlnROnjrE+2FjhLfGMEnlRdsUjRSCww2sfLPMtraMOGicE8bPljNl6CpIFxaTLUGpEg6S4yZJkhNPt21A8Eq9+5+L++DEDZT3K/KKf3NfkY/LHofwS5QiUfP6vEuVVlAdR/icEcY4RKHeiHMktzvMol6OUdQACZqHchXKxzeUFKHNQrkVp8EgOvF/o+5wBx0NzfSU0bHqHyv5CH4qJnJYnUSZbaJLTWOicX6PsbBcESUDrPADlfS5EQibKNJTxKPui1KPkGc6vMrSwZpBhPNZh9t5Gmejh8ail/Bt/PxrlcwfXEjn+yw2DHUHSuMEYhTLFI0luz+59KGT3OSJcjC31FTORNJWoRa7zkGYpynsoQxXOPQNlED9zyppeaQm81y0GchgxBOUiFDIHVqGsZimwScuOHCELceoh0jW/Qfk5yoEo5xuOXcLpUYs8UyGtu7iibIxxHjUSm8ifRbnVg/a4Kr2g76U5A6fueZTcYWdDWnbx7/DYmR7e4V8UyaFjf5R7bY73QfkdSpcox3qgEJm7JxtBlnHL7UTeUrjX8TbHjkH5mguqhGV7wI3H77i1/yPKQpRDTPl9kc+5zkQeM0axH1DP19mhzqA5LnNYGXVyTAxl5N6RN+Jc5EV6K9sz8iBvxDn4Je0JPKevi/KYZMz/vqMGw4iBfSAUanWf0tPTYPyIQeH/DfgFipVpcT43nG+YSNKLNf7NKGclG0HGukinV4zjnQyOXDR05c/OrGWK4+W4OsDzBhOPKuyj/LLPQ/kHSpOhUr9ukw6dn86Oq4pZ9gnKI3yNm8oxI3fI6ZCWw0X60QxNKMHCgZDTn3xrmOUi3fPMvQt9enSFUYP6hkmik6NrcSGYxtboPZ5tkeb9KCu5zr3B9YDq0iKUYdxYP5psBFmA8oTi9bVcab6KcR45auU2x9fy56eKJlYiUMovt5Er6vVMhFdQrkSZzudlxyD/kfz5dwf31sv/KIfa4+6sXoeckllqsCabdmmiZxZ9koySkeSP3OiwPA4z/vh05XdQuX0H9OpWAqMG9w2To7gwHzZtqYCv12yMpn2iYQv7hTpJXjeR4wj2RZOKICdwJTiXCWCFb1EmoOyn6PwutDm2gD/7J4GJlcOt/e38+wV2TM14kf8PcYt/l0V6ujnzpYM8fGGw0VXJcWl6/l6X5w48MaZrlTfsLEjLKpqN15yqmHwm+wStvGtqhk9WrNZIUlqyhxxfrl4HUaIz+tmk/YOJJEZyVATcSEYlSD63YORgHWx4WUb8C4U8wHnsYKvgBosHXmwgSHESmFhZ7C/15N9fx2gk9ApwrMU5zQarRBXNhryokOPgUHr2PWG/Iy0zdu9DZgHkDv8F+SNPVy86s4fCLZoMJqUb7FSohyGTWZYGSQC7TEznlvE0/iTsRrmCf5MTdYCDe21hJ8/YdbmeidbEmmu1AxPLqrfKqiNBFQ3sf+hjM8Nszh1iMBFfsjhnHX8Ot3mGaI49cDko+h2nQVput7ZHstGsz27bSZTReQjk9D1a74xQIew64x+6zxHWHFsrWs0t9klMWBPDfzWaVUZzq2syEyTcWcFmBL186tc+nB3ul9lGd4qVJoKUG3yT/xjMqyBNrDpuHK7h31PYlDTjWP6/hXtjrrBIT3fgz3CQh9P58xUF7XFnVo8Dz8zstm/0E8bfiRLd+svuOxmJMvQi1CI3KOTp5YienOEDW82qVetazS0kybD+vW2vNaCHgRyfsFll9klKkpkges/Sv9nXuJa73tId3COdC+AklNdMDi15k8+g/BS0gcSge66M2MotZwabnDexwz2Z/Y0HDRpnh006j7Cjf5FB49hhNGjdwo2xHHus2Bem5/W8MmfwydYnhXuxplvo4DTIQ1MrlFUwB9OaFCNf841mFr2o9T+U7/E5dJ+kvHK7WYNQg/M3izQvNJDjSDbBzT7JOUFWAtVQE3riy12kP5md804250xlIWzmwlmRBASZYmhAyBf4FUubhph7mx62SOcblD9xz9crrHlWWpw7ks076iiYY2diYYXGdxK6P3fkuVjPs1w/ZCirEHIHnwq1Xz1KpHzT5lTqqbxXrwcff7mqraPCJDGBxok2WKT5EPsnD5v80x+41+w8h71/gRHELWbHIIcZNGpKA2QXJAFBbjX4Sd9yvvTBQjI5H+BOjBYbcuiYxZWfNOVSlPtYK+kdACPYBKMR+lxuVG5WaLTw7jHcqx/Pj/2kLU26fxkLV7MWPE6xDGkM426b40ScP1oco8byD0FXgmgE+RC00Aon+NDi/71d5ClZJg1Qzfu94XcnA0GoJf2cnUoVNHHPGJHuUibMLGgbzUtm1S3csDTbJVh0+IJm1CIzdyz9A7X8P/L4rE+xCaXyHD9DuRHlKpteNoq9Ir/mHkhxRCPIQT6mXw7OA+4qFAnZ4hOJVfEGxI4YsEMjO/4PcSfAoSi9uZJ9z+k/6qDnikgyHxor5nurAY594N3c8/Uw+wf0HP3Y19jAZtpjYD8wnHoEidM8if5xyvdB8Ug0QXNFVrOpkupYy35Su0ZI5qSnNtDM8nQ9aiEpRBukSREI2gOefe6zKpJE+CACgV7pQmh2tji8JijTtihRTrrAZ8x7+lVP18+cNjlhJhJWcBoYnoOV9lKdHPgfDZLeir/rHCZHsSw0/rMf//4YZS5ogZ6p5aSnAh585GnPaUw/f5ow1poc1KVF06IpbuxSwyEK9Z+ExyciSVR7JW/i64yYxEJjPDcIQRILL3PGVeF1FRJaBeQ2iJw9R2MGFBX9G3DQdT1yhLN5bV+t+FTltDkQPaiSQD2HNFh6u6LmIHLQRBQaef87+7s0Mn4HH1sC2lSCNr6EgrlUjUTtLE66PfycM54ozIW2868pankWk8Qp8fye0316jOOqXWZ64CaRg8Z9aF4Rxavdy+9MP5YwXyKlNAja5MaWMmRnY9uACtpqLsoxEDn/mwa3HkmC8tZD+GkcZD4TQzdD9IjCmQ40yfl8/cmsQbfx/8YQcmrF71Iwr3IsiGaE6kCpHlr8jyjHnuD87OfQkQ91GIL4hP+yhqCCa2A1/g5o0cMUGXoqf481ZzwI3M/5esBkpzslCaVzCrTO6abnzgIXc7rJAUeSbNY1Dn6Pdv91LrS8VZ1zVeEVTTAxscC/OeNBgOKYSizMjOkOzC2/53THipz9q2I6Sw1EN+Mc/lwSh3KtTpgGMZlBUYGmkXIrYJNei94NqpgemQL3GFR0rDnjE9i8+oCJ49QhVz2mkncy9TK5F8cuWteJJtHnT7wFrSvSuJ3TTT1PhxlMJCP0CGZVX4vufyNoQZd/5/IhJ3224RzHMDrnupaLp/mVihrE7znjicTjDs6dzr1Gqu/R85xurGjUo3YoV2yz030CHledl05kmsPvisLZaZmTDUxAMnspjP35VKhsqUgQv+eM29nPZlE5ZgfymZ5xkIcfK5zj65xuJEEtyhzTf3NRGh0mRSQ7jvOmg7QcTY77bapUtgw/zCcnDhv1WEXrxXIw2qzPGZ/EqnsK95aYzSzznPEvkqC8qZLpXaknxzi3VsEMMc/p1p30twwkmQTBLZ/zIov+vg9PtdY4lXuxzHPGaZDwXdaKR3Evlq5xdiRRvlVIUsvE/0hBI5nndIPJJyGn+G5oJ4jWi8W+SFwGDxNGkFhjHS7GQvyaM55sJNHJsUghnaSf0+2yJ6oo3r1TSa1BfDLf/JwzniwkcUIOgOSf001Ov6Mu9lhaIFEhJu3BxPJzzrgjPyoOJCH/iGK+Kc5pscqFirFVQSMfUhztKVjR65zxIDVJu5+6mqqQKbcCv51o40/yi4pjaeBk3qhVJkwJ4okSQ6eBmFgCgQV6pGrGxcQSCGwgq5oIBKom1uFvddyCWORgg+hlK9d02HIaN7x/xyWIA9BcDNrw5jDQluunqZ80DpEd0HPo4SQ0cEZbnf0P5Vms9FvsLvKrQbCqNEiklCgnAPtyEg2iDlqhnOY508hvZtCZ17ehQDeKQk30jXdowWwafLsfCfAcft6CRPkskflCYiRVORkQtZxQwuWE8plQwh1BqGAplv9KCLDna0QhwCHYJlOwQd88bIo5J7VNAOt2AiyvxiZxK8CK6vAwewZX0KlIFAo7uRaJUhdnYuiTodqUU6fcbCjKz4P8vBzIyc6E9DTN/Wtuboa6ht2wo7Yeqmp2ws5d9UHUgXA5gRaeQ5sk1Qk11AnSg1uY/YPK5D7Y3v1qAMCwwujH89IBhhdqcgoaMavQiHjsO4DF2/Y8I63x9BMkyrFIkrI4kSNqORV0yoVepZ0hLye6VZWGRKFjJN1KCmFXXQNsKq+E7Tt2BVEXwuUE2lSBMqFH7F6sUrZTAyFHDlb8a4YD3DHGmhzRMDgf4FY0IK4fheRpbQJoGaB3kSR7xYEcbcopLS0EfXt2hcF9uluSIxpyc7Jg0F7doX+v0j1aJtF+OGjTBvYSetgThMwqmrk3NIiMFaGxMncswNE93acxsRvAvfi6u7Ru8zII5QUkSa7Pdn1EOWWkp8OQvj2gS5H7WL3iwk4wpF8PyMxID6L4w+UE4Gs5tTuCkNN2QBCZyk7XNIATrWGFgVhHbxsboUloEtHtPmY3opxIcwzcq5sjrWGpTbJRm6AGCkiT+F1O7YogtE/35UFl6qLBmkPuFwZ2woeJ1IMzUIuM9yHpNuW0V7eSsEPuF4gkfXp0CepV0Koq44UgbXEdBNRbNbYzwDFxCFqf1B0dhNZ6RnbL9T4kG1FO1EPVpXOB73knc6swPzeo+jFbCBIJtNxjLigQN5w7MH6bpZ83IOInLR3Uz0NybcqpZ2n8Jrv17Foc1CuhlUn6C0FaMTUo7UH+wo/iuKjkEGzcRxZGPPtUD8lFlBOZQvm5OXHLe15Olq+mm8M6MlUI0oqJQWXmkK7xv8eE0oifh3lIKqKcigry4p53GmgMCIcJQVoxOqjMjE7AdPzRRb49a8S1+Qlo3cnHCQijhCCt6B1UZvrkJfweXp414trsrPiHXGVnBRbl01sI0oqCoDJTmID3XxRZj710DUWUEw0OxhuJuIcFcoUgrQgFlZnmBNzDx/mTobilLEhqgtQElZma3fG/R1XkFpReIgIjyqmxKf70bmxsCurV1AlBWrExqMysrY3/PdZH3sPLahsR5UQh63GvpQm4hwXKhCCt+CqozCyvSsA9Ild5Xe4hqYhy2lEb/0Y2gLkiOr4UgrTif0FlhiY7xf0ekZNL3/GSVITpVhN/9VdZszOwVyMEaQXNUQ7E2N2AdWxpHHey+KJam0xl8Kr/4yG5iHKqR/OnZmf8JjmR9qDJVAGAyuk5IUgrNkGA22P9+fvwHPO4vOVHv4v4izb7XOUhyTbltGlr/GzETVsrg3olr3osp3ZHEALNcWgOIkNfbwdYuMH/dF/E6vxZVQRfbvYh2Yhyqq2rhy0V233Pe3lVTUJ8HIt25WbowLAiCO1YNC+oTD2MLf0yHxvMFVhnH/g24q/HF02ED31Iuk05UUtf42NlJtNq4+agdlALbzr6gRAkOmZBQMvANGKbfP1yrH0+kIR6ra7Bp6hv1Ye0K+6lPmY3opxoKdfvNmxBf8Q7SXbsqoPV6zdDczDLw/pdTu2OINQtQ3MB1gWRMVrK51qsdv9c784noUv+jaba1Z9iK9y6PysZbz9F7eHnnoVtyomW8lm9YbMnc2tr5XZYvW4zNDUHYumGywmSa2/HpCOIXlC0DMzyIDLXiLX8QXQPZy4F+KhCPZiDzLOL8Zr70axqiNQchyA5vvc7n+OG929TTqRJNm6pgK/XlMF2B71bZJ59s7YMNqBZFaDmoJ26vgeB0sQo2mOcFiWgnVLPhwAWvP66RtMmvXIBDi3VwuJp4bhCDjzcsVsbISdz6t2t2JTXtlEmf0G5xGfNYSbJ2mUr17QpJ3LcyUzKzsyAzoWdwpOecrIy9wQeNqKGqA8vHFcH1TW1QY6W7ykn0RzOCKKbEdPZabuB1W/Cgxo3YUP8j3XKRh+98NdQbkJiJMTRRJKEywmJ8hhoc7n3lFP97kbYvK06GevAnnLq6A65F4Lo+D/QVt3ri3IKaDPNaDINLTIW9Bq01PRSfBSFgNDI70KU1XQg3qvWR1nt/SOLcqJ5FVnJWk4C7wTRQW34XSwCKacO66QLBB0asgWbQCAaRCAQgggESeOkB4Z5T7+q9wwdCFovEQ0oUBgiDdLRiuRvzZw2uVlerSBQH+TEx9fHrKjPntun2UdiHIQfM/Lzcs4a3KcHdO/aGQryciAUCkFDQyNsq66BNZu2hkev8ZkuQ5L8SV5v/PHsc/6F6504dUzqEwSJQUtL34Zy+gmjC9KHlWZDaX46pIUAdjY0w9rK3bBkXR18XlZHIQuzkCT/8YEcN3fKzb7uwDFDYUjfnmFSWIG2Mfvws2/g+41b5uPP+UgUR2EyX67e5LlQRw3qJQTpiARBctBym/86Y3xRl5P2LgyTwgrLNtbBKyt3wEfrdlFFvRiJ0uSSHHN7dyu5bPLBY8MhGqr4YtV6ePeTFaRNJiBJ3u8oBPEj/06eyYIgtO3RVaBFEvQHLZqAGqp/UaMFFqEsyUiQDAfkOBw/Xrp6Ypfsg/rHXgJxXO+csDyyuHLGSyt2FOL1ZyNJWhySY07v7iWXHfeTfRxvIjN6cB/IysyANxZ//h6mk4Uk8RrkNALlTpQjUSg+mGYT0t4gZUFUZI8kPA+0zXFoQwiapU/xV0/7VKfOQnkI5T2UW1G+ZfN7H5Rf8b1+hrIkFTRkmiI5aMnnp1TJYcT5BxTDT4fnn0laxCE5RudmZ91w1IFjXO+wNLRfT9h7aHiHgxs9lhNtnEBa6BjQQmpopcFpoIVqFELq4R4mB4G2cZjrU7pnMjnORpmM8gRo4UkU43UfaPsf/hnlbUiRjXlUa96Np44tLHVKDh3Hjgzv1XcjEq3EwWUz9hs9KLytgBfsN2oQrZv7WyScl7XjaWpttA06hqBc5PEd/BKlHLSgQV1oIskfIX4BoQVRTCKv6I7yIGuQf1ucQ502c9jMegxSYJghZgaxUlPhnX/qGGcNJV4XFkLvokw4eUwhVbALFbVHz7zc7JkjB/bx/IC0qPSPhvQNE85DMsfbHDvGYxbnGlpzYwWmmYrz4kQSsw/wgw9pXgHaMkrPKpxLEeG0bfYJ7UGDnIgmUmZ6WsgROcw4sF94/WPVjVhOHNi7e3hDTD8woHc3J/c2oxOK3Xa1Xnc10Vvzq/k+xkUSpseJJORA60unVvFvr6CG4knFc2lawEIfGpekIMgBQ7tluSIHOuV7vg/skgXZGaHxeFzFTjugexf/tpoqLS6kCUrjUTO5sRF3sglkhbU+ZfN+vtcDpv/jQZKH2HeqZNNxgQ9pDkRZ4eD8zyEFtnZTIUi/0k4ZluaTCjl0lOSFZ9Gp7DXRr6CTvyvud8rLVr13NCy0ObbApyxSK04+WrTdhb2QpMLk3xil2OaY06VUMl3kL7M9EMTS0jESIhY5wqWhJaSijtJCPhsV3BPm1uO/waLCLPaBIHr3M5lW29j3AB9JUszXRBOwOeZ019BvudNCFTTo8XV7IMi2mvrIiBEjAczaxIocYWO3LjxWuFnlnnX1/s7NrtWW7dzs8vItbC8b1/5cz36N12VaH3dwLpHkMsVzzzOYhvTc03w4ZgcKL/qFA7/uJJT/tgeCLPtuW9s1YaMRwY4clbVNsL2uuQzPKVe5Z3mlfysU1u6qh7r6hrKZ0yaXe0hmpYkg5TF8E1VQz94zDs7/seJ5dmMdbo/Zgc6bwBU/Fkhb0gDri+2BIC8t3RB9ETQjIezIQfhYS0O1xXhpbVm5bw+5pmyrk3tHWGYow/ilv2bqzRrHFZvCKQZ4cKJpVP50RZLUOqiwdmMdbo/ZgbQNrebyV9CCWK3q203sZ5GT3pzyBMGKv2RVecN7b63aaUmSWOSgcK9571dQYcxXyRS29Eu2VFS/V1bufWlFijWjuCzVextAI8HVrDmesWi5ycR6CeU7bhFHxJEkRI4poC0IoQK7sQ63x2LhKZRfgzYI+DrKz0FbMoo0C63SuJzNsFNRjgYtFCXlNUi4h+Xedyta0ERydZMnl4WXu3kSibTMwWXzP/jUuw/37boyQHPtCSTdMoeXzmZbWRXdHfgHTkmik2ORw14xq7EOt8eUXjfKUNCWY70WtHCcV/jZiDjDQQtaPIraQkjy5U2VCIIVm+JpbnkKK/ruJmfh8c8tr4FnPtu+ymlBYIV+cvO26nkff+l+RZrqHbXw7icr3WgPwt4urhnn8X1EI4kbchD0sQ69R2qBD8dUUcbEGomSzaYpaRJa3UVfZvJT0IIWSYucmawEcTKjcPbLK3cU1O5uvuzo4fkwvFu2vWlDJbu0GhZ+HibHUUgyN0uU3/LRF6tmZmZmwBgt6NAROV54+2NatfBKJJubBdHKTU65CvxYhl0nyRegdYVS1O1iaJ9YxM86A/wbT/IVbiZMUTDa3CmjCrpOGJAHg7pkQbpBD1XUNsGS9bvgwQ8qW1jdXoTkcL2zzLynXyV1fdnQfr1mTBg3DHIUghdpbdt3l35FqxkSOe52cr9EzQcJONzdN8iEqegkoZ4OikI9DWWfbvkZGTSwV9vQDDX1zfTmqU/8IYc+Ryyi3JSZkXH9yIG9YXDfnlBaUhgxmkj7aKzZtAUr3gbyOag1mu9kopRA4BtBTGShJr0X+zPVSIpt8coskmQPMdPS0vanhaCJIzQnva5h9x5iunDIBYL4ECQo0CxBIzGRFNvkdQqEIAJBAiELx7Vv0GAcDdhVsbwB2qrzjhtSIUhygUakKU6HullpHIBGaHtKfXcECul4GeUIlCKWSaCF3NykcH1nFH1tsRZDmjkdqhTJxEoyGYBS0dIW36AUomSjFBskZLp+WYtzvJWE5aDDzbVH87W1KBeg5KHko1yCUs/HpthcX4KyIsr9Ce+jZMXheatYkuo9JCNBFthU5N+iDEPZxiSqYNJEq1jRYPdy3OT1WEPa+3h4Zqpw98UgSAHK3YqV8zW+9oIox67gY4tsrr/Posx0XJNkDULcxImTTl2nYx0qqLdRJjq8huKArOaA07jGhFhK0YUtXcUmhYot/nvQNsah6aXXsQlDoJU8buPnpaC1OxSfN4vNniNN+Wsx5bmI80lRxVPAfpSfRvSL+RrzvAEKYafIWwpKLLC4nqIIukQpMz1PFInr96heSzL6O05CTca6SN/pcK/qAgmdDQVZBeob4HoFLcVzjcWxn7HooBlf9yikeReTY2OM8+pRaKyHgvwofukqRUJbvXOripgDbVdZ8fpeO4STTqPTTyieS441hTV/5TA/qgskUKDbapaCBJbXPw1kpAp7L2hLAp2I8ii0zi7cBWrzT2jfwhmcVqwVPuoMmoOihofanLuUP2dGOXYOfy6xuc9mU8veYmqE7LZRrQLree66VKUMQxzYYzUoZ6Kcg7LTxs4nZ3oc27FubPsHbdL+uQNbNh4+yDGczm6USVGOn8THm7kMYqV3F59/jwOb/H7+/yaFfJJDPgulF0pvlOtRGvnY8TbX3xGjHC9xWf46qlLFB3HjRM1HGYuyPMqD/xNlJMqHNgURS7qxE24GpZnO59j1YsWDILkoT6Gs53QW2Jz7Jp+zGuXPMdL93MbBt8rzAfz/4hhp32hTDrfGuJY6BJZYXPui4T04IUhKOuluCNLChTcK5WH+3YByOcqRKFtitBQqsr+hO5KwDqU7HzvB0INl1Yvl9OXFymdRlN40lR6gWOlW8Xk5DipMPv+/UbGX7U1DWou4/FTeAXUNzzY9N73jDJca3PzMbomUtL1YLVFszXNBW8iZ5rQeBtoi0emGc6oVe4fMoN6XDQaHnXrQ9gO1FURabBxQq4eNlU96Rlp95GDQ9oSnMH6rST5votBK+N9xL94vFXqbctgPUenVyTP4aqUJ6CFqcTii3hKjw6CK36+b95BSI+mduWuTKi5NrbzZRA6nSMQCCW5BTjeF9l/Av0/lUWkzTmJyUCU5OQY5jM7ucIsKFbJw7IE7KFIRnaM8m/67c7Jl1usehfRQl/uQD1ogYSHYzwGfCq3r627m8YYVCS6vzTzGQeVGoTC0mvkbTO4phh6i+ijjD9HwOo8nnAHaHG4VnM6fr4Ag7vBiYqlAVWXSlNgDHab9sKFFj7eJZRwHmaWYP1rtPNYSPdRV+yV33dI407cxzh/N3bMZrHViaRHzoGsymFhJPzjo1sT60EX6qtcEsUCCG/wGtNHyGexzvWE4Rubm/nzOtaC2ftU3oAUE5rFGGG5zLi2A8Dz7K79XNLHyRQckToPEE2vA+U5NtD7U0T5po1fYv3EKCh3XBwT3NQzQOfW9XuD70wAr7cREA7L6mkcj2AS7hDsLyBSd5qDDIlYrnixOetI56MlEkI4OMpkofISWRsqyMD8a2cSbDeorEuq9ZIkkSDQCGCu/EETgGoNAW6D6UNC2aiCyfM+m3KPgvudKXx2xhxSxEEQgCMRJFwiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIGgQ+D/BRgA5/uGYMg/6RkAAAAASUVORK5CYII=); background-position: 2px -24px; } .tree-item-arrow.empty { background: inherit; } .tree-item-arrow ~ ul { display: none; } .tree-item-arrow.open ~ ul { display: block; } move-contacts .tree-item-wrap.active, dropdown .dropdown-menu .tree-item-wrap.active, #selector .tree-item-wrap.active, move-contacts .tree-item-row:hover, dropdown .dropdown-menu .tree-item-row:hover, #selector .tree-item-row:hover { background: #eff4f8; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-alert { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMUEzQUI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMUEzQUM4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERCNkQyODg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUxQTNBQTg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhglbEAAAAGzSURBVHjatJY9SwNBEIYv8cBGGzFqDChoIya9dSpBUEjjF3YSW1GQ+AdELYzYKwh+JWlEm3TGH6FtjEESUMHCdEL0nTgny3qbmwvcCw+35HbfuZubnU1oKvthka43xy0XjYBlkASTIAK+wAt4BvcgD570hTenZ62rbbmLjPfAPOjS7nWDCWYa7HCQbVDVjWyXJ58D56DXkikMlsAsWANX+k1V65QtH+aqesAF2DAFWACHLkEdFcEwUzTMCYED9vr9oWb1OTl/5KcwiYzrPI6CWpu5DRDHh646T7vrYW4p5vrYlK595w1GcS23SY36+qq+PeY3wRiZLgrMO1HLO8ybKCglKUAiwAAJCtAfYICIn9xHlfGQnw/xLpx7zMYxcCJc82bzBosJJs8I6l/XA73BXYDfoBTmVtsUTJb0In2j5SlABRQEC1Y5RXUee6mAXlRxqijDDUoqrzbRYM+/FkEnUdpjobSKyCNNnVQ/MnNgEGQNvUlSRWS+xV6uJ9oRSIHPDiqG0rLCB47xyCTdcn/KCauryXPj4PLfoW9YVOWDPKP8bSGDAb7/yhu0xBVYNkX/EWAAG4ldvaYgx20AAAAASUVORK5CYII=); background-size: cover; width: 12px; height: 12px; } .icon-app-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -171px; width: 48px; height: 48px; } .icon-app { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -53px; width: 48px; height: 48px; } .icon-bayf { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -224px; width: 24px; height: 24px; } .icon-bayp { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -117px; width: 26px; height: 26px; } .icon-baypt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -116px -224px; width: 24px; height: 24px; } .icon-bayt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -87px; width: 20px; height: 20px; } .icon-bayv { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -31px; width: 20px; height: 26px; } .icon-bluef { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -58px -224px; width: 24px; height: 24px; } .icon-bluep { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -86px; width: 26px; height: 26px; } .icon-bluept { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -169px; width: 24px; height: 24px; } .icon-bluet { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -62px; width: 20px; height: 20px; } .icon-bluev { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px 0px; width: 20px; height: 26px; } .icon-cancel { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -53px; width: 28px; height: 28px; } .icon-contact-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px 0px; width: 48px; height: 48px; } .icon-contact { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -65px 0px; width: 48px; height: 48px; } .icon-device-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -106px; width: 48px; height: 48px; } .icon-device { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -171px; width: 48px; height: 48px; } .icon-dropdown-arrow { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -131px; width: 17px; height: 10px; } .icon-gray-tip { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -87px -224px; width: 24px; height: 24px; } .icon-iocn_185 { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px 0px; width: 60px; height: 60px; } .icon-lower { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -148px; width: 40px; height: 16px; } .icon-meeting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -159px -171px; width: 48px; height: 48px; } .icon-meeting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -118px; width: 48px; height: 48px; } .icon-msg-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px -53px; width: 48px; height: 48px; } .icon-msg { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -65px; width: 48px; height: 48px; } .icon-setting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px 0px; width: 48px; height: 48px; } .icon-setting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -171px; width: 48px; height: 48px; } .icon-statics-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -118px; width: 48px; height: 48px; } .icon-statics { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -118px; width: 48px; height: 48px; } .icon-suite-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px 0px; width: 48px; height: 48px; } .icon-suite { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -65px; width: 48px; height: 48px; } .icon-tree-close { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -146px; width: 6px; height: 10px; } .icon-tree-open { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -161px; width: 10px; height: 6px; } .icon-tree-tool, tree tree-item .tree-tool-icon { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -112px; width: 14px; height: 14px; } tree { font-size: 13px; font-weight: normal; } tree .tree-item-row { height: 30px; line-height: 30px; width: 100%; display: block; cursor: pointer; } tree .tree-item-row.active { color: #378eef; } tree .tree-item-row:hover, tree .tree-item-row.rightHover { background: #eff4f8; color: #378eef; } tree .tree-item-icon { cursor: pointer; } tree .tree-item-content { width: 100%; height: 30px; position: absolute; display: flex; align-items: center; } tree .tree-item-wrap .tree-item-row .checkbox { position: relative; top: -11px; } tree .tree-item-arrow { height: 100%; display: inline-block; width: 20px; display: flex; align-items: center; } tree .tree-item-arrow i { display: inline-block; vertical-align: top; } tree .tree-item-arrow i.icon-tree-open { position: relative; left: -2px; } tree .tree-item-name { display: inline-block; cursor: pointer; z-index: 0; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tree tree-item { position: relative; } tree tree-item input { display: inline-block; vertical-align: top; margin-right: 5px; } tree tree-item .tree-no-arrow { padding-left: 26px; } tree tree-item .tree-tool-icon { display: inline-block; right: 0; margin-right: 10px; height: 17px; width: 17px; vertical-align: middle; margin-top: 9px; position: absolute; z-index: 999; } /*************** 树结构样式 ***************/ .tree-item-arrow.open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: 2px -24px; } .tree-item-arrow.empty { background: inherit; } .tree-item-arrow ~ ul { display: none; } .tree-item-arrow.open ~ ul { display: block; } move-contacts .tree-item-wrap.active, dropdown .dropdown-menu .tree-item-wrap.active, #selector .tree-item-wrap.active, move-contacts .tree-item-row:hover, dropdown .dropdown-menu .tree-item-row:hover, #selector .tree-item-row:hover { background: #eff4f8; } meeting { /*************** 右侧弹层样式 ***************/ } meeting .content-container { display: flex; position: relative; min-height: 500px; } meeting .vertical-line { position: absolute; width: 1px; height: 100%; background: #eee; left: 282px; } meeting .content-list { float: left; height: 1242px; width: 23.62204724%; position: relative; display: flex; flex-direction: column; border-right: 1px solid #eee; } meeting .content-list .tag-wrapper { display: flex; height: 46px; flex-basis: 46px; background: #eff4f8; border-top: 1px solid #eff4f8; cursor: pointer; } meeting .content-list .tag-wrapper div { display: flex; flex: 1; height: 46px; flex-shrink: 1; justify-content: center; align-items: center; font-size: 14px; } meeting .content-list .tag-wrapper .active { background: #fff; color: #378eef; } meeting .content-list .tag-wrapper a { color: #1b1b1b; display: block; width: 100%; height: 100%; text-align: center; line-height: 46px; } meeting .content-list .search-container { display: flex; width: 100%; height: 60px; flex-basis: 60px; background: #fff; justify-content: center; align-items: center; position: relative; } meeting .content-list .search-container .manage { position: absolute; right: 5px; top: 18px; cursor: pointer; height: 28px; line-height: 26px; } meeting .content-list .search-container .manage img { width: 15px; height: 16px; } meeting .content-list #tree-area { flex: 1; overflow: auto; overflow-x: hidden; } meeting .content-list .search-bar { outline: none; width: 100%; height: 28px; padding: 0; padding-left: 4.66666667%; padding-right: 28px; border-radius: 14px; border: 1px solid #e2e6ec; } meeting .content-list .search-bar::-webkit-input-placeholder { font-size: 13px; color: #97a0b5; } meeting .content-list .switch-area { padding: 15px; text-align: center; position: relative; /* border-bottom: 1px solid #d4dce5;*/ height: 9%; min-height: 65px; } meeting .content-list .switch-area .tools-inline { position: absolute; top: 50%; left: 0; right: 0; bottom: 0; height: 35px; margin-top: -18px; padding: 0 15px; } meeting .content-list .switch-area .dropdown-wrap { min-width: 135px; width: 76%; float: left; } meeting .content-list .switch-area .add-contacts-wrap { width: 15%; float: left; } meeting .content-list .add-contacts { display: inline-block; height: 34px; width: 34px; position: absolute; border-radius: 4px; background-color: #509ee2; } meeting .content-list .add-contacts:after { content: ' '; display: block; margin: auto; width: 14px; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -69px -24px; position: relative; top: 10px; } meeting .content-show { float: left; height: 100%; width: 76.2992126%; position: relative; } meeting .content-show .content-header { display: flex; height: 60px; align-items: center; justify-content: space-between; padding: 0 10px; } meeting .content-show .content-header .header-actions span { font-size: 14px; display: inline-block; cursor: pointer; color: #378eef; } meeting .content-show .content-header .header-actions span:last-of-type { margin-right: 30px; } meeting .content-show .content-header .header-actions button { margin-left: 10px; } meeting .content-show .department-name { font-size: 14px; color: #3d3c41; } meeting .content-show meeting-list { position: relative; display: block; height: 100%; min-height: 450px; background: #ffffff; /* padding: 0 18px;*/ } meeting .content-show meeting-list .meeting-list-content { margin: 0 20px; } meeting .content-show meeting-list .checkbox { width: 5%; } meeting .content-show meeting-list .name, meeting .content-show meeting-list .position, meeting .content-show meeting-list .capacity, meeting .content-show meeting-list .video-meeting, meeting .content-show meeting-list .meeting-device, meeting .content-show meeting-list .meeting-device-item { width: 15%; } meeting .content-show meeting-list .add, meeting .content-show meeting-list .substract { position: absolute; right: 0; top: 0; width: 30px; font-size: 20px; font-weight: 700; color: #82b6f4; cursor: pointer; } meeting .content-show meeting-list .device-container { position: absolute; width: 100px; padding-right: 20px; } meeting .content-show meeting-list .device-container.has-devices { width: auto; max-height: 328px; max-width: 255px; min-width: 100px; overflow-y: auto; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); background: #fff; z-index: 1; } meeting .content-show meeting-list .device-container.has-devices .device { height: 32px; line-height: 32px; padding-right: 10px; } meeting .content-show meeting-list .device-container.has-devices .substract { line-height: 32px; } meeting .content-show meeting-list .device-container:after { content: ''; display: block; clear: both; } meeting .content-show meeting-list .device { width: 100%; height: 53px; padding-left: 10px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } meeting .content-show meeting-list h2 { font-size: 18px; color: #95a8b8; height: 49px; line-height: 49px; margin: 0; border-bottom: 1px solid #eee; } meeting .content-show meeting-list .no-data { color: #3d3c41; font-size: 14px; margin-top: 30px; } meeting .content-show meeting-list .list-empty { display: table; width: 100%; } meeting .content-show meeting-list .list-empty-content { display: table-cell; vertical-align: middle; text-align: center; } meeting .content-show meeting-list .minu-tips { line-height: 23px; vertical-align: middle; } meeting .content-show meeting-list #list-header, meeting .content-show meeting-list .list-item { width: 100%; height: 54px; overflow: hidden; line-height: 54px; padding: 0; } meeting .content-show meeting-list .list-item:last-child { border-bottom: none; } meeting .content-show meeting-list #list-header { border: 1px solid #eee; font-weight: 500; position: relative; background: #f5f5f5; } meeting .content-show meeting-list .employee-list-container { position: absolute; right: 4%; } meeting .content-show meeting-list .employee-list-container .triangle_border_up { position: relative; width: 0; height: 0; border-width: 0 15px 15px; border-style: solid; border-color: transparent transparent #e6e6ed; /*透明 透明 灰*/ margin: 40px auto; right: 11%; top: -4px; z-index: 10; } meeting .content-show meeting-list .employee-list-container .triangle_border_up span { display: block; width: 0; height: 0; border-width: 0 13px 13px; border-style: solid; border-color: transparent transparent #fff; /*透明 透明 黄*/ position: absolute; top: 2px; left: -13px; } meeting .content-show meeting-list .employee-list-container .invite-tabs { position: relative; top: -45px; width: 185px; background: #fff; z-index: 9; text-align: center; border: 1px solid #e6e6ed; border-bottom: none; box-shadow: -3px 2px #eff1f4; } meeting .content-show meeting-list .employee-list-container .invite-tabs li { cursor: pointer; height: 35px; border-bottom: 1px solid #e6e6ed; line-height: 35px; } meeting .content-show meeting-list .employee-list-container .invite-tabs li:hover { color: #378eef; } meeting .content-show meeting-list .list-item { border-bottom: 1px solid #eee; cursor: pointer; display: flex; } meeting .content-show meeting-list .list-item:hover, meeting .content-show meeting-list .list-item.active { background-color: #eff3f8; } meeting .content-show meeting-list .list-item:hover .device { background-color: #eff3f8; } meeting .content-show meeting-list .list-item:hover .has-devices { background-color: #fff; } meeting .content-show meeting-list .list-item:hover .has-devices .device { background-color: #fff; } meeting .content-show meeting-list .list-item .avatar { width: 31px; height: 31px; border-radius: 50%; } meeting .content-show meeting-list .list-item span, meeting .content-show meeting-list #list-header span { display: inline-block; text-align: center; line-height: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; text-align: left; float: left; } meeting .content-show meeting-list #list-header .arrow_down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAMAAAAGcixRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWI3YmEzNi1mZmI1LTRjZDctODFmYi1iZjNlZmEzNjk5Y2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjEzMUVBN0E4RDMxMTFFNkEzODBCNzdEQThBODQyNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjEzMUVBNzk4RDMxMTFFNkEzODBCNzdEQThBODQyNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI1MjBlNjFjLTEwOTYtNDdlMi05NGQyLTY5YzllOTczNzA2NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ3OGU0YTc5LWM5MGItMTE3OS1iYzQ3LTllMTY2MmEwYTFiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phw6/eEAAAAnUExURcPDxdDQ0v7+/vPz9Le3uerq666usKOjpt7e3/r6+qenqqKipf///xFwyYIAAAANdFJOU////////////////wA96CKGAAAANklEQVR42izGQQ4AIAjEwAVUQPb/7zWoPTQD1A/I9bQSnN7ySZDSFDZ1VA29pO1tfGRE/wgwAGEGApd8HlycAAAAAElFTkSuQmCC) no-repeat center; width: 10px; height: 7px; display: inline-block; cursor: pointer; margin-left: 5px; } meeting .content-show meeting-list #employee-tool { height: 50px; line-height: 50px; background: #ffffff; border-top: 1px dotted #e5e5e5; } meeting .content-show meeting-list #list-wrapper { overflow: auto; min-height: 1080px; border: 1px solid #eee; border-top: none; } meeting .content-show meeting-list #list-wrapper .invite { border: 1px solid #43d372; padding: 0 30px; border-radius: 20px; cursor: pointer; color: #43d372; line-height: 30px; height: 30px; vertical-align: middle; } meeting .content-show meeting-list #list-wrapper .invite-off { background: #c5cbd9; padding: 0 20px; border-radius: 15px; color: #fff; line-height: 30px; height: 30px; vertical-align: middle; } meeting .content-show meeting-list .paginate-footer { height: 48px; line-height: 48px; background: #fff; } meeting #handle-dept { display: none; position: fixed; background: #ffffff; width: 184px; z-index: 10; right: 0px; top: 30px; border: 1px solid #e6e6ed; border-bottom: none; z-index: 999; } meeting #handle-dept li { text-align: center; line-height: 34px; border-bottom: 1px solid #e6e6ed; cursor: pointer; } meeting #handle-dept li:hover { color: #378eef; background-color: #eff4f8; } meeting side-layer { display: block; height: 100%; width: 400px; position: fixed; right: -420px; top: 0; transition: right 0.3s; -moz-transition: right 0.3s; /* Firefox 4 */ -webkit-transition: right 0.3s; /* Safari 和 Chrome */ -o-transition: right 0.3s; background: #fff; border-left: 1px solid #e5e5e5; z-index: 1000; } meeting side-layer.show-layer { right: 0px; } meeting .layer-title { color: #3d3c41; height: 61px; line-height: 61px; width: 100%; text-align: center; border-bottom: 1px solid #ccc; font-size: 16px; background: #fff; } meeting .layer-close { position: absolute; left: 10px; top: 8px; width: 25px; height: 25px; margin: 10px 10px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -105px -18px; cursor: pointer; } meeting .layer-content { padding-left: 50px; overflow-y: auto; overflow-x: hidden; } meeting .layer-body { height: 100%; overflow: auto; } meeting .layer-content h4 { margin-top: 35px; color: #95a8b8; font-size: 18px; margin-bottom: -10px; } meeting .layer-content h4 a { font-size: 14px; padding-left: 20px; } meeting .layer-footer { padding: 10px 20px 10px 56px; position: absolute; margin-bottom: 20px; bottom: -20px; width: 100%; background: #fff; border-top: 1px solid #e5e5e5; text-align: right; } meeting .layer-content .base-msg .avatar { height: 80px; width: 80px; display: block; float: left; } meeting .layer-content .base-msg .name-area { width: 250px; float: left; padding-left: 20px; } meeting .layer-content .base-msg .name-area input { width: 200px; } meeting .layer-content table { margin-top: 20px; } meeting .layer-content table th { text-align: right; color: #95a8b8; font-weight: normal; font-size: 14px; width: 75px; padding-right: 5px; } meeting .layer-content table tr { height: 45px; } meeting .layer-content table th, meeting .layer-content table td { min-height: 30px; font-size: 14px; font-weight: bold; } meeting .no-authority { position: relative; top: 50%; height: 100%; text-align: center; color: #f96e75; } meeting .no-authority div { margin-top: 20px; } meeting-list #meeting-list-footer { position: relative; left: 0; } meeting-selector { display: block; } meeting-selector > * { margin: auto; } meeting-selector > hr { width: auto; margin: 0; } .selector-tab ul li { list-style: none; display: inline-block; cursor: pointer; padding: 0 10px; height: 40px; line-height: 45px; margin: 10px 0; } .selector-tab ul li.active { border-bottom: 2px solid #c5d3e4; } meeting-selector .selected { max-height: 90px; overflow: auto; border: 1px solid #dbe0e2; } .selector-show { height: 265px; border: 1px solid #dbe0e2; border-radius: 2px; } .modal-submit { padding: 10px 0; } .selected > ul > div { height: 25px; line-height: 25px; padding-bottom: 10px; } .selected > ul { padding: 5px; } .selected ul li { display: inline-block; background: #c5d3e4; border-radius: 10px; margin: 2px 5px 2px 0; height: 25px; line-height: 24px; padding: 0 5px; cursor: pointer; } .selected ul li > img { display: inline-block; height: 20px; width: 20px; vertical-align: middle; } .selected ul li > span { display: inline-block; vertical-align: middle; font-size: 14px; color: #ffffff; } .selected ul li > .del { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4w8IHzAAAgP0lEQVR42uxdB5gV1fU/b/suW9iFpUrvJVLU2DCKqBgVxViwJmpiBOwVk6iIGhMrxgKWqCliNJFoNHZFY+UvIioqqKD0FVi2sLDsLlv+57w5w86bfTPvTnlv3ts9v+873yszc+fOnfu755x7z7031NLSAoL44NnnPvMlnROnjrE+2FjhLfGMEnlRdsUjRSCww2sfLPMtraMOGicE8bPljNl6CpIFxaTLUGpEg6S4yZJkhNPt21A8Eq9+5+L++DEDZT3K/KKf3NfkY/LHofwS5QiUfP6vEuVVlAdR/icEcY4RKHeiHMktzvMol6OUdQACZqHchXKxzeUFKHNQrkVp8EgOvF/o+5wBx0NzfSU0bHqHyv5CH4qJnJYnUSZbaJLTWOicX6PsbBcESUDrPADlfS5EQibKNJTxKPui1KPkGc6vMrSwZpBhPNZh9t5Gmejh8ail/Bt/PxrlcwfXEjn+yw2DHUHSuMEYhTLFI0luz+59KGT3OSJcjC31FTORNJWoRa7zkGYpynsoQxXOPQNlED9zyppeaQm81y0GchgxBOUiFDIHVqGsZimwScuOHCELceoh0jW/Qfk5yoEo5xuOXcLpUYs8UyGtu7iibIxxHjUSm8ifRbnVg/a4Kr2g76U5A6fueZTcYWdDWnbx7/DYmR7e4V8UyaFjf5R7bY73QfkdSpcox3qgEJm7JxtBlnHL7UTeUrjX8TbHjkH5mguqhGV7wI3H77i1/yPKQpRDTPl9kc+5zkQeM0axH1DP19mhzqA5LnNYGXVyTAxl5N6RN+Jc5EV6K9sz8iBvxDn4Je0JPKevi/KYZMz/vqMGw4iBfSAUanWf0tPTYPyIQeH/DfgFipVpcT43nG+YSNKLNf7NKGclG0HGukinV4zjnQyOXDR05c/OrGWK4+W4OsDzBhOPKuyj/LLPQ/kHSpOhUr9ukw6dn86Oq4pZ9gnKI3yNm8oxI3fI6ZCWw0X60QxNKMHCgZDTn3xrmOUi3fPMvQt9enSFUYP6hkmik6NrcSGYxtboPZ5tkeb9KCu5zr3B9YDq0iKUYdxYP5psBFmA8oTi9bVcab6KcR45auU2x9fy56eKJlYiUMovt5Er6vVMhFdQrkSZzudlxyD/kfz5dwf31sv/KIfa4+6sXoeckllqsCabdmmiZxZ9koySkeSP3OiwPA4z/vh05XdQuX0H9OpWAqMG9w2To7gwHzZtqYCv12yMpn2iYQv7hTpJXjeR4wj2RZOKICdwJTiXCWCFb1EmoOyn6PwutDm2gD/7J4GJlcOt/e38+wV2TM14kf8PcYt/l0V6ujnzpYM8fGGw0VXJcWl6/l6X5w48MaZrlTfsLEjLKpqN15yqmHwm+wStvGtqhk9WrNZIUlqyhxxfrl4HUaIz+tmk/YOJJEZyVATcSEYlSD63YORgHWx4WUb8C4U8wHnsYKvgBosHXmwgSHESmFhZ7C/15N9fx2gk9ApwrMU5zQarRBXNhryokOPgUHr2PWG/Iy0zdu9DZgHkDv8F+SNPVy86s4fCLZoMJqUb7FSohyGTWZYGSQC7TEznlvE0/iTsRrmCf5MTdYCDe21hJ8/YdbmeidbEmmu1AxPLqrfKqiNBFQ3sf+hjM8Nszh1iMBFfsjhnHX8Ot3mGaI49cDko+h2nQVput7ZHstGsz27bSZTReQjk9D1a74xQIew64x+6zxHWHFsrWs0t9klMWBPDfzWaVUZzq2syEyTcWcFmBL186tc+nB3ul9lGd4qVJoKUG3yT/xjMqyBNrDpuHK7h31PYlDTjWP6/hXtjrrBIT3fgz3CQh9P58xUF7XFnVo8Dz8zstm/0E8bfiRLd+svuOxmJMvQi1CI3KOTp5YienOEDW82qVetazS0kybD+vW2vNaCHgRyfsFll9klKkpkges/Sv9nXuJa73tId3COdC+AklNdMDi15k8+g/BS0gcSge66M2MotZwabnDexwz2Z/Y0HDRpnh006j7Cjf5FB49hhNGjdwo2xHHus2Bem5/W8MmfwydYnhXuxplvo4DTIQ1MrlFUwB9OaFCNf841mFr2o9T+U7/E5dJ+kvHK7WYNQg/M3izQvNJDjSDbBzT7JOUFWAtVQE3riy12kP5md804250xlIWzmwlmRBASZYmhAyBf4FUubhph7mx62SOcblD9xz9crrHlWWpw7ks076iiYY2diYYXGdxK6P3fkuVjPs1w/ZCirEHIHnwq1Xz1KpHzT5lTqqbxXrwcff7mqraPCJDGBxok2WKT5EPsnD5v80x+41+w8h71/gRHELWbHIIcZNGpKA2QXJAFBbjX4Sd9yvvTBQjI5H+BOjBYbcuiYxZWfNOVSlPtYK+kdACPYBKMR+lxuVG5WaLTw7jHcqx/Pj/2kLU26fxkLV7MWPE6xDGkM426b40ScP1oco8byD0FXgmgE+RC00Aon+NDi/71d5ClZJg1Qzfu94XcnA0GoJf2cnUoVNHHPGJHuUibMLGgbzUtm1S3csDTbJVh0+IJm1CIzdyz9A7X8P/L4rE+xCaXyHD9DuRHlKpteNoq9Ir/mHkhxRCPIQT6mXw7OA+4qFAnZ4hOJVfEGxI4YsEMjO/4PcSfAoSi9uZJ9z+k/6qDnikgyHxor5nurAY594N3c8/Uw+wf0HP3Y19jAZtpjYD8wnHoEidM8if5xyvdB8Ug0QXNFVrOpkupYy35Su0ZI5qSnNtDM8nQ9aiEpRBukSREI2gOefe6zKpJE+CACgV7pQmh2tji8JijTtihRTrrAZ8x7+lVP18+cNjlhJhJWcBoYnoOV9lKdHPgfDZLeir/rHCZHsSw0/rMf//4YZS5ogZ6p5aSnAh585GnPaUw/f5ow1poc1KVF06IpbuxSwyEK9Z+ExyciSVR7JW/i64yYxEJjPDcIQRILL3PGVeF1FRJaBeQ2iJw9R2MGFBX9G3DQdT1yhLN5bV+t+FTltDkQPaiSQD2HNFh6u6LmIHLQRBQaef87+7s0Mn4HH1sC2lSCNr6EgrlUjUTtLE66PfycM54ozIW2868pankWk8Qp8fye0316jOOqXWZ64CaRg8Z9aF4Rxavdy+9MP5YwXyKlNAja5MaWMmRnY9uACtpqLsoxEDn/mwa3HkmC8tZD+GkcZD4TQzdD9IjCmQ40yfl8/cmsQbfx/8YQcmrF71Iwr3IsiGaE6kCpHlr8jyjHnuD87OfQkQ91GIL4hP+yhqCCa2A1/g5o0cMUGXoqf481ZzwI3M/5esBkpzslCaVzCrTO6abnzgIXc7rJAUeSbNY1Dn6Pdv91LrS8VZ1zVeEVTTAxscC/OeNBgOKYSizMjOkOzC2/53THipz9q2I6Sw1EN+Mc/lwSh3KtTpgGMZlBUYGmkXIrYJNei94NqpgemQL3GFR0rDnjE9i8+oCJ49QhVz2mkncy9TK5F8cuWteJJtHnT7wFrSvSuJ3TTT1PhxlMJCP0CGZVX4vufyNoQZd/5/IhJ3224RzHMDrnupaLp/mVihrE7znjicTjDs6dzr1Gqu/R85xurGjUo3YoV2yz030CHledl05kmsPvisLZaZmTDUxAMnspjP35VKhsqUgQv+eM29nPZlE5ZgfymZ5xkIcfK5zj65xuJEEtyhzTf3NRGh0mRSQ7jvOmg7QcTY77bapUtgw/zCcnDhv1WEXrxXIw2qzPGZ/EqnsK95aYzSzznPEvkqC8qZLpXaknxzi3VsEMMc/p1p30twwkmQTBLZ/zIov+vg9PtdY4lXuxzHPGaZDwXdaKR3Evlq5xdiRRvlVIUsvE/0hBI5nndIPJJyGn+G5oJ4jWi8W+SFwGDxNGkFhjHS7GQvyaM55sJNHJsUghnaSf0+2yJ6oo3r1TSa1BfDLf/JwzniwkcUIOgOSf001Ov6Mu9lhaIFEhJu3BxPJzzrgjPyoOJCH/iGK+Kc5pscqFirFVQSMfUhztKVjR65zxIDVJu5+6mqqQKbcCv51o40/yi4pjaeBk3qhVJkwJ4okSQ6eBmFgCgQV6pGrGxcQSCGwgq5oIBKom1uFvddyCWORgg+hlK9d02HIaN7x/xyWIA9BcDNrw5jDQluunqZ80DpEd0HPo4SQ0cEZbnf0P5Vms9FvsLvKrQbCqNEiklCgnAPtyEg2iDlqhnOY508hvZtCZ17ehQDeKQk30jXdowWwafLsfCfAcft6CRPkskflCYiRVORkQtZxQwuWE8plQwh1BqGAplv9KCLDna0QhwCHYJlOwQd88bIo5J7VNAOt2AiyvxiZxK8CK6vAwewZX0KlIFAo7uRaJUhdnYuiTodqUU6fcbCjKz4P8vBzIyc6E9DTN/Wtuboa6ht2wo7Yeqmp2ws5d9UHUgXA5gRaeQ5sk1Qk11AnSg1uY/YPK5D7Y3v1qAMCwwujH89IBhhdqcgoaMavQiHjsO4DF2/Y8I63x9BMkyrFIkrI4kSNqORV0yoVepZ0hLye6VZWGRKFjJN1KCmFXXQNsKq+E7Tt2BVEXwuUE2lSBMqFH7F6sUrZTAyFHDlb8a4YD3DHGmhzRMDgf4FY0IK4fheRpbQJoGaB3kSR7xYEcbcopLS0EfXt2hcF9uluSIxpyc7Jg0F7doX+v0j1aJtF+OGjTBvYSetgThMwqmrk3NIiMFaGxMncswNE93acxsRvAvfi6u7Ru8zII5QUkSa7Pdn1EOWWkp8OQvj2gS5H7WL3iwk4wpF8PyMxID6L4w+UE4Gs5tTuCkNN2QBCZyk7XNIATrWGFgVhHbxsboUloEtHtPmY3opxIcwzcq5sjrWGpTbJRm6AGCkiT+F1O7YogtE/35UFl6qLBmkPuFwZ2woeJ1IMzUIuM9yHpNuW0V7eSsEPuF4gkfXp0CepV0Koq44UgbXEdBNRbNbYzwDFxCFqf1B0dhNZ6RnbL9T4kG1FO1EPVpXOB73knc6swPzeo+jFbCBIJtNxjLigQN5w7MH6bpZ83IOInLR3Uz0NybcqpZ2n8Jrv17Foc1CuhlUn6C0FaMTUo7UH+wo/iuKjkEGzcRxZGPPtUD8lFlBOZQvm5OXHLe15Olq+mm8M6MlUI0oqJQWXmkK7xv8eE0oifh3lIKqKcigry4p53GmgMCIcJQVoxOqjMjE7AdPzRRb49a8S1+Qlo3cnHCQijhCCt6B1UZvrkJfweXp414trsrPiHXGVnBRbl01sI0oqCoDJTmID3XxRZj710DUWUEw0OxhuJuIcFcoUgrQgFlZnmBNzDx/mTobilLEhqgtQElZma3fG/R1XkFpReIgIjyqmxKf70bmxsCurV1AlBWrExqMysrY3/PdZH3sPLahsR5UQh63GvpQm4hwXKhCCt+CqozCyvSsA9Ild5Xe4hqYhy2lEb/0Y2gLkiOr4UgrTif0FlhiY7xf0ekZNL3/GSVITpVhN/9VdZszOwVyMEaQXNUQ7E2N2AdWxpHHey+KJam0xl8Kr/4yG5iHKqR/OnZmf8JjmR9qDJVAGAyuk5IUgrNkGA22P9+fvwHPO4vOVHv4v4izb7XOUhyTbltGlr/GzETVsrg3olr3osp3ZHEALNcWgOIkNfbwdYuMH/dF/E6vxZVQRfbvYh2Yhyqq2rhy0V233Pe3lVTUJ8HIt25WbowLAiCO1YNC+oTD2MLf0yHxvMFVhnH/g24q/HF02ED31Iuk05UUtf42NlJtNq4+agdlALbzr6gRAkOmZBQMvANGKbfP1yrH0+kIR6ra7Bp6hv1Ye0K+6lPmY3opxoKdfvNmxBf8Q7SXbsqoPV6zdDczDLw/pdTu2OINQtQ3MB1gWRMVrK51qsdv9c784noUv+jaba1Z9iK9y6PysZbz9F7eHnnoVtyomW8lm9YbMnc2tr5XZYvW4zNDUHYumGywmSa2/HpCOIXlC0DMzyIDLXiLX8QXQPZy4F+KhCPZiDzLOL8Zr70axqiNQchyA5vvc7n+OG929TTqRJNm6pgK/XlMF2B71bZJ59s7YMNqBZFaDmoJ26vgeB0sQo2mOcFiWgnVLPhwAWvP66RtMmvXIBDi3VwuJp4bhCDjzcsVsbISdz6t2t2JTXtlEmf0G5xGfNYSbJ2mUr17QpJ3LcyUzKzsyAzoWdwpOecrIy9wQeNqKGqA8vHFcH1TW1QY6W7ykn0RzOCKKbEdPZabuB1W/Cgxo3YUP8j3XKRh+98NdQbkJiJMTRRJKEywmJ8hhoc7n3lFP97kbYvK06GevAnnLq6A65F4Lo+D/QVt3ri3IKaDPNaDINLTIW9Bq01PRSfBSFgNDI70KU1XQg3qvWR1nt/SOLcqJ5FVnJWk4C7wTRQW34XSwCKacO66QLBB0asgWbQCAaRCAQgggESeOkB4Z5T7+q9wwdCFovEQ0oUBgiDdLRiuRvzZw2uVlerSBQH+TEx9fHrKjPntun2UdiHIQfM/Lzcs4a3KcHdO/aGQryciAUCkFDQyNsq66BNZu2hkev8ZkuQ5L8SV5v/PHsc/6F6504dUzqEwSJQUtL34Zy+gmjC9KHlWZDaX46pIUAdjY0w9rK3bBkXR18XlZHIQuzkCT/8YEcN3fKzb7uwDFDYUjfnmFSWIG2Mfvws2/g+41b5uPP+UgUR2EyX67e5LlQRw3qJQTpiARBctBym/86Y3xRl5P2LgyTwgrLNtbBKyt3wEfrdlFFvRiJ0uSSHHN7dyu5bPLBY8MhGqr4YtV6ePeTFaRNJiBJ3u8oBPEj/06eyYIgtO3RVaBFEvQHLZqAGqp/UaMFFqEsyUiQDAfkOBw/Xrp6Ypfsg/rHXgJxXO+csDyyuHLGSyt2FOL1ZyNJWhySY07v7iWXHfeTfRxvIjN6cB/IysyANxZ//h6mk4Uk8RrkNALlTpQjUSg+mGYT0t4gZUFUZI8kPA+0zXFoQwiapU/xV0/7VKfOQnkI5T2UW1G+ZfN7H5Rf8b1+hrIkFTRkmiI5aMnnp1TJYcT5BxTDT4fnn0laxCE5RudmZ91w1IFjXO+wNLRfT9h7aHiHgxs9lhNtnEBa6BjQQmpopcFpoIVqFELq4R4mB4G2cZjrU7pnMjnORpmM8gRo4UkU43UfaPsf/hnlbUiRjXlUa96Np44tLHVKDh3Hjgzv1XcjEq3EwWUz9hs9KLytgBfsN2oQrZv7WyScl7XjaWpttA06hqBc5PEd/BKlHLSgQV1oIskfIX4BoQVRTCKv6I7yIGuQf1ucQ502c9jMegxSYJghZgaxUlPhnX/qGGcNJV4XFkLvokw4eUwhVbALFbVHz7zc7JkjB/bx/IC0qPSPhvQNE85DMsfbHDvGYxbnGlpzYwWmmYrz4kQSsw/wgw9pXgHaMkrPKpxLEeG0bfYJ7UGDnIgmUmZ6WsgROcw4sF94/WPVjVhOHNi7e3hDTD8woHc3J/c2oxOK3Xa1Xnc10Vvzq/k+xkUSpseJJORA60unVvFvr6CG4knFc2lawEIfGpekIMgBQ7tluSIHOuV7vg/skgXZGaHxeFzFTjugexf/tpoqLS6kCUrjUTO5sRF3sglkhbU+ZfN+vtcDpv/jQZKH2HeqZNNxgQ9pDkRZ4eD8zyEFtnZTIUi/0k4ZluaTCjl0lOSFZ9Gp7DXRr6CTvyvud8rLVr13NCy0ObbApyxSK04+WrTdhb2QpMLk3xil2OaY06VUMl3kL7M9EMTS0jESIhY5wqWhJaSijtJCPhsV3BPm1uO/waLCLPaBIHr3M5lW29j3AB9JUszXRBOwOeZ019BvudNCFTTo8XV7IMi2mvrIiBEjAczaxIocYWO3LjxWuFnlnnX1/s7NrtWW7dzs8vItbC8b1/5cz36N12VaH3dwLpHkMsVzzzOYhvTc03w4ZgcKL/qFA7/uJJT/tgeCLPtuW9s1YaMRwY4clbVNsL2uuQzPKVe5Z3mlfysU1u6qh7r6hrKZ0yaXe0hmpYkg5TF8E1VQz94zDs7/seJ5dmMdbo/Zgc6bwBU/Fkhb0gDri+2BIC8t3RB9ETQjIezIQfhYS0O1xXhpbVm5bw+5pmyrk3tHWGYow/ilv2bqzRrHFZvCKQZ4cKJpVP50RZLUOqiwdmMdbo/ZgbQNrebyV9CCWK3q203sZ5GT3pzyBMGKv2RVecN7b63aaUmSWOSgcK9571dQYcxXyRS29Eu2VFS/V1bufWlFijWjuCzVextAI8HVrDmesWi5ycR6CeU7bhFHxJEkRI4poC0IoQK7sQ63x2LhKZRfgzYI+DrKz0FbMoo0C63SuJzNsFNRjgYtFCXlNUi4h+Xedyta0ERydZMnl4WXu3kSibTMwWXzP/jUuw/37boyQHPtCSTdMoeXzmZbWRXdHfgHTkmik2ORw14xq7EOt8eUXjfKUNCWY70WtHCcV/jZiDjDQQtaPIraQkjy5U2VCIIVm+JpbnkKK/ruJmfh8c8tr4FnPtu+ymlBYIV+cvO26nkff+l+RZrqHbXw7icr3WgPwt4urhnn8X1EI4kbchD0sQ69R2qBD8dUUcbEGomSzaYpaRJa3UVfZvJT0IIWSYucmawEcTKjcPbLK3cU1O5uvuzo4fkwvFu2vWlDJbu0GhZ+HibHUUgyN0uU3/LRF6tmZmZmwBgt6NAROV54+2NatfBKJJubBdHKTU65CvxYhl0nyRegdYVS1O1iaJ9YxM86A/wbT/IVbiZMUTDa3CmjCrpOGJAHg7pkQbpBD1XUNsGS9bvgwQ8qW1jdXoTkcL2zzLynXyV1fdnQfr1mTBg3DHIUghdpbdt3l35FqxkSOe52cr9EzQcJONzdN8iEqegkoZ4OikI9DWWfbvkZGTSwV9vQDDX1zfTmqU/8IYc+Ryyi3JSZkXH9yIG9YXDfnlBaUhgxmkj7aKzZtAUr3gbyOag1mu9kopRA4BtBTGShJr0X+zPVSIpt8coskmQPMdPS0vanhaCJIzQnva5h9x5iunDIBYL4ECQo0CxBIzGRFNvkdQqEIAJBAiELx7Vv0GAcDdhVsbwB2qrzjhtSIUhygUakKU6HullpHIBGaHtKfXcECul4GeUIlCKWSaCF3NykcH1nFH1tsRZDmjkdqhTJxEoyGYBS0dIW36AUomSjFBskZLp+WYtzvJWE5aDDzbVH87W1KBeg5KHko1yCUs/HpthcX4KyIsr9Ce+jZMXheatYkuo9JCNBFthU5N+iDEPZxiSqYNJEq1jRYPdy3OT1WEPa+3h4Zqpw98UgSAHK3YqV8zW+9oIox67gY4tsrr/Posx0XJNkDULcxImTTl2nYx0qqLdRJjq8huKArOaA07jGhFhK0YUtXcUmhYot/nvQNsah6aXXsQlDoJU8buPnpaC1OxSfN4vNniNN+Wsx5bmI80lRxVPAfpSfRvSL+RrzvAEKYafIWwpKLLC4nqIIukQpMz1PFInr96heSzL6O05CTca6SN/pcK/qAgmdDQVZBeob4HoFLcVzjcWxn7HooBlf9yikeReTY2OM8+pRaKyHgvwofukqRUJbvXOripgDbVdZ8fpeO4STTqPTTyieS441hTV/5TA/qgskUKDbapaCBJbXPw1kpAp7L2hLAp2I8ii0zi7cBWrzT2jfwhmcVqwVPuoMmoOihofanLuUP2dGOXYOfy6xuc9mU8veYmqE7LZRrQLree66VKUMQxzYYzUoZ6Kcg7LTxs4nZ3oc27FubPsHbdL+uQNbNh4+yDGczm6USVGOn8THm7kMYqV3F59/jwOb/H7+/yaFfJJDPgulF0pvlOtRGvnY8TbX3xGjHC9xWf46qlLFB3HjRM1HGYuyPMqD/xNlJMqHNgURS7qxE24GpZnO59j1YsWDILkoT6Gs53QW2Jz7Jp+zGuXPMdL93MbBt8rzAfz/4hhp32hTDrfGuJY6BJZYXPui4T04IUhKOuluCNLChTcK5WH+3YByOcqRKFtitBQqsr+hO5KwDqU7HzvB0INl1Yvl9OXFymdRlN40lR6gWOlW8Xk5DipMPv+/UbGX7U1DWou4/FTeAXUNzzY9N73jDJca3PzMbomUtL1YLVFszXNBW8iZ5rQeBtoi0emGc6oVe4fMoN6XDQaHnXrQ9gO1FURabBxQq4eNlU96Rlp95GDQ9oSnMH6rST5votBK+N9xL94vFXqbctgPUenVyTP4aqUJ6CFqcTii3hKjw6CK36+b95BSI+mduWuTKi5NrbzZRA6nSMQCCW5BTjeF9l/Av0/lUWkzTmJyUCU5OQY5jM7ucIsKFbJw7IE7KFIRnaM8m/67c7Jl1usehfRQl/uQD1ogYSHYzwGfCq3r627m8YYVCS6vzTzGQeVGoTC0mvkbTO4phh6i+ijjD9HwOo8nnAHaHG4VnM6fr4Ag7vBiYqlAVWXSlNgDHab9sKFFj7eJZRwHmaWYP1rtPNYSPdRV+yV33dI407cxzh/N3bMZrHViaRHzoGsymFhJPzjo1sT60EX6qtcEsUCCG/wGtNHyGexzvWE4Rubm/nzOtaC2ftU3oAUE5rFGGG5zLi2A8Dz7K79XNLHyRQckToPEE2vA+U5NtD7U0T5po1fYv3EKCh3XBwT3NQzQOfW9XuD70wAr7cREA7L6mkcj2AS7hDsLyBSd5qDDIlYrnixOetI56MlEkI4OMpkofISWRsqyMD8a2cSbDeorEuq9ZIkkSDQCGCu/EETgGoNAW6D6UNC2aiCyfM+m3KPgvudKXx2xhxSxEEQgCMRJFwiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAhBBAIhiEAgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAIIhAIQQQCIYhAIAQRCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBEEQgEIIIBEIQgUAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAEEQiEIAKBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEIGgQ+D/BRgA5/uGYMg/6RkAAAAASUVORK5CYII=); background-position: -157px -3px; } meeting-selector .selector-search { border: none; outline: none; display: inline-block; width: auto; box-shadow: none; /*width: 60px;*/ margin: 0; overflow: visible; padding: 0; height: 30px; } meeting-selector .search-container { position: relative; } meeting-selector .search-container .search-results li { display: block; cursor: pointer; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; } meeting-selector .search-container .search-results li:hover { background: #eff3f8; } meeting-selector .search-container .search-results h5 { font-size: 14px; font-weight: bold; color: #c1ccd5; margin: 0; height: 30px; line-height: 30px; border-top: 1px dotted #95a8b8; padding: 0 10px; } meeting-selector .search-container .search-results h5:first-child { border-top: none; } meeting-selector .search-container .search-results { width: 100%; background-color: #fff; z-index: 1000; position: absolute; max-height: 330px; overflow: auto; box-sizing: border-box; border: 1px solid #dbe0e2; border-top: none; } meeting-selector .search-container .search-empty { padding: 30px 0; text-align: center; font-size: 14px; font-weight: bolder; color: #c1ccd5; } meeting-selector .search-container search-result-bottom { position: relative; } /* * 用户选择器 */ tag-select .dept-side, user-select .dept-side { float: left; width: 40%; height: 100%; border-right: 1px solid #e5e5e5; overflow-y: auto; overflow-x: hidden; } tag-select .user-side, user-select .user-side { float: left; width: 60%; height: 100%; } user-select .user-side .user-list { height: 225px; overflow-y: auto; } tag-select .user-side .user-list, user-select .user-side .user-list.full-height { height: 100%; overflow-y: auto; } user-select .avatar { width: 20px; height: 20px; display: block; float: left; } tag-select .user-side .user-list > ul > li, user-select .user-side .user-list > ul > li { margin: 5px; list-style: none; height: 24px; } tag-select .user-side .user-list > ul > li:first-child, user-select .user-side .user-list > ul > li:first-child { margin-top: 15px; } tag-select .user-side .user-checkbox, user-select .user-side .user-checkbox { display: block; float: right; } tag-select .user-side .user-name, user-select .user-side .user-name { display: inline-block; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 4px; } user-select .user-side i.class.emps { left: 0; top: -2px; } user-select .page-wrap { height: 30px; position: relative; border-top: 1px solid #e5e5e5; } dept-select .scroll-view { height: 100%; overflow-y: auto; overflow-x: hidden; } user-select, tag-select, dept-select { display: block; height: 100%; display: none; } /* * tag-selector */ tag-select .user-side i.class.tags { top: -1px; left: 2px; } reply-lib .modal-container, send-message .select-material .modal-container, send-message #select-material .modal-container, send-message #select-material-file .modal-container, send-message #select-material-audio .modal-container, send-message #select-material-pic .modal-container, send-message #select-material-picTxt .modal-container, send-message #select-material-text .modal-container { padding-top: 0; } reply-lib .no-data, send-message .select-material .no-data, send-message #select-material .no-data, send-message #select-material-file .no-data, send-message #select-material-audio .no-data, send-message #select-material-pic .no-data, send-message #select-material-picTxt .no-data, send-message #select-material-text .no-data { width: 95px; height: 60px; margin: 120px auto; position: relative; } reply-lib .no-data .no-desc, send-message .select-material .no-data .no-desc, send-message #select-material .no-data .no-desc, send-message #select-material-file .no-data .no-desc, send-message #select-material-audio .no-data .no-desc, send-message #select-material-pic .no-data .no-desc, send-message #select-material-picTxt .no-data .no-desc, send-message #select-material-text .no-data .no-desc { position: absolute; bottom: -25px; text-align: center; width: 100%; color: #999999; } reply-lib .no-data .no-icon, send-message .select-material .no-data .no-icon, send-message #select-material .no-data .no-icon, send-message #select-material-file .no-data .no-icon, send-message #select-material-audio .no-data .no-icon, send-message #select-material-pic .no-data .no-icon, send-message #select-material-picTxt .no-data .no-icon, send-message #select-material-text .no-data .no-icon { width: 100%; height: 100%; } reply-lib modal-material-text .no-icon, send-message .select-material modal-material-text .no-icon, send-message #select-material modal-material-text .no-icon, send-message #select-material-file modal-material-text .no-icon, send-message #select-material-audio modal-material-text .no-icon, send-message #select-material-pic modal-material-text .no-icon, send-message #select-material-picTxt modal-material-text .no-icon, send-message #select-material-text modal-material-text .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNTA5MzNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MzRGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkzMUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkzMkYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsVymC4AAAFKSURBVHja7NdBSsNAAIXhNnQtXkK8QtciHkAvI2RfPE0OULoVBC8Q8RKhca9vYJZSl5nI98PrIll1Ptq029f3j026yV6y++xqoyU7Z6fsOfvc5eU2e8uunU0TlQ/IY3aX7bu8HOA0WTE5dPVrTW320DmDtuvqA0ltdixAfTY5i+YqJn0BGsuvhWzIZueyeHO1KCbjrl4sf4aeVvqGvv+4v137M0iABAiQAAkQIAECJEACBEiAADkCQAIESIAECJAAARIgAQIkQAIESIAACZAAARIgQAIkQIAESIAACRAgARIgQAIESIAECJAACRAgAQIkQAIESIAACZAAARIgAQIkQIAESIAACRAgARIgQAIkQIAECJAACRAgAQIkQAIESID0L4HOF+59AVq+04V7R0DL12fTL9eneg/Qwo3ZPhuyuW6o18a1v7kfAQYALv8iOtkjZ9EAAAAASUVORK5CYII=) no-repeat center center; background-size: 36px 40px; } reply-lib modal-material-pic-text .no-icon, send-message .select-material modal-material-pic-text .no-icon, send-message #select-material modal-material-pic-text .no-icon, send-message #select-material-file modal-material-pic-text .no-icon, send-message #select-material-audio modal-material-pic-text .no-icon, send-message #select-material-pic modal-material-pic-text .no-icon, send-message #select-material-picTxt modal-material-pic-text .no-icon, send-message #select-material-text modal-material-pic-text .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RjRGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RjVGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVGMkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUI3NTVGM0YyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq28yh8AAARsSURBVHja7J27TxRBHMcXFYhRCK2VrxAjWljiozEqMYqNiX+BiBhp1ELF3mgBlY+o2GqlhVoQhVhpjDYGI0oCqJUkNLyUyxnF3y83JpcLx+55x83MzueTfBMeCzs782F2Zpm5q3n1bnQxgmBZRRUgACAAIAAgACAAIACExJoEx9RQTV6zSA8ACAAIAAgACAAIAAgACAAIACsiQIukTzIiyUS5J1EuJWPK1mfKGjQ1CZaEJX0UvFbSK+mUrPbk+n9LbksuSLIpbeNl23dNhU5SJ3kiOehZ5aio3ZJtkvYUS7Dit4BeDxs/n0PmlsAY4D/YITmTgrroMteShGbJI8mMhTHMjDl3sysCdHh0z4+7HXQkOE5vF28lxyWNFsrZaM791pTFugCHU9QjJrmWq5ImB8raZMpifRag06r6lAiQTXAtM5b+8pdiXtJgexZQX6ZALk2L6hgEQhyDDpXlOQJUnyuSaQfKMW3KggBV5rOkVfJYMmfh/HPm3K2mLNYHgZV6lOzCGMDF8q7o9dIDBA4CIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOSTmn0BLAgpvby6Fv9NZH9puC4J01VBo+VcLz1A6aRqXwAClI5LeyDbyv0FldgXoJsp6srocl1inkFg6UykqD6+JTiGfQEFDKRIgCSNy76AAu5HuVfa8B29hv4Ex7EvYAluSM56LsCtFFyDtWngecmQ513/uRCnNJUSQGcCxyR3JH88un4t603J0SjA1weq5C0gH32ZlVNR7sUWtkhqHbvmH5Kv5q/+nuRjytt4sdoCQIBjAAh8DAAIAAgACAAIAAgACAAIAAgACAAIAAgA6RbA5k6Z0OLcziBXdsqEhjM7g67S+FZwZmfQQdrCGm0uCMCKocAHgYNUozVeuCBAT+TGTpkQB4E9Lghge6dMaDi5MwjchVXBgACAAIAAgACAAIAAgACAAIAACEAVIAAgACBAebAqmFXBLAytMqwKDhxWBQOrgsEBAVgVbA9WBQc+CGRVcICwKhhKglXBgACAAIAAgACAAIAAgACAAJATIO798uqoJm9ZH/P9rAowG3PQFurRWzbGfH9WBRiPOegw9egtcYt1xlWA4ZiDTkpWU5feoW3WEXPMsAoQ96bPOyVd1Kd3nDZttxxD+u/gBvngu2TdcoMFyZHI73cID4lDkmcxA3h9D+UN2gPoAoMHCWYCT01PwNTR7Vldd4LGVx5q22sPoJ9slXyKkr3T94jkrmRAMiH5Rb1bRXvuTWbA1ylpSfAz2mbbdRD4TwDlmuQi9RkE1yWX9IN8AdZKXkt2UT+p5r1kj2QhKrif6xdOSKaoo9QyZdp4IX/QkM+Y5IBkkrpKHZNmnDBWOGos5INkr+kqID3d/r5oiYd+xaZ0OrrfbQaGWerPW7JmwKdtOV5s3liMjOSymS70mwcH4Ac/TZu1mNF+ptiB+bOAOPRfi+2S/WamsDnKbVGupb6tonN63Sb2xXT1L6Pcg6D5JD/8V4ABAAxdBwzlQ0R/AAAAAElFTkSuQmCC) no-repeat center center; background-size: 44px 44px; } reply-lib modal-material-pic .no-icon, send-message .select-material modal-material-pic .no-icon, send-message #select-material modal-material-pic .no-icon, send-message #select-material-file modal-material-pic .no-icon, send-message #select-material-audio modal-material-pic .no-icon, send-message #select-material-pic modal-material-pic .no-icon, send-message #select-material-picTxt modal-material-pic .no-icon, send-message #select-material-text modal-material-pic .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFCOEZGRjVGMjk2MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFCOEZGRjZGMjk2MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVGNkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MUI4RkZGNEYyOTYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtISNBkAAAr8SURBVHja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) no-repeat center center; background-size: 44px 44px; } reply-lib modal-material-audio .no-icon, send-message .select-material modal-material-audio .no-icon, send-message #select-material modal-material-audio .no-icon, send-message #select-material-file modal-material-audio .no-icon, send-message #select-material-audio modal-material-audio .no-icon, send-message #select-material-pic modal-material-audio .no-icon, send-message #select-material-picTxt modal-material-audio .no-icon, send-message #select-material-text modal-material-audio .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAACACAYAAACP+K52AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RUNGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RURGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkzNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkzNkYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PltM030AAAluSURBVHja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) no-repeat center center; background-size: 36px 44px; } reply-lib modal-material-file .no-icon, send-message .select-material modal-material-file .no-icon, send-message #select-material modal-material-file .no-icon, send-message #select-material-file modal-material-file .no-icon, send-message #select-material-audio modal-material-file .no-icon, send-message #select-material-pic modal-material-file .no-icon, send-message #select-material-picTxt modal-material-file .no-icon, send-message #select-material-text modal-material-file .no-icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RjBGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RjFGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVFRUYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUI3NTVFRkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtMs5KsAAAQwSURBVHja7Jw7TBRRFIZnURCziDZq6bPygWhDQ4NaGKWz0VoSTLSRQrSS0thgY6IBa0i0VIOJSCOxIDGGRIwBtJXY+ARZgvjfcDbRFfZeWGFnZr8v+QvZu5kzc76589gbM8Mj76JA6pQzSovSqOxRtiqborVlVvmifFBeK0PKY+V7BCWzMWDMXuW6cl7JlqFGJ9gOS5PSrvxQ+pSbyiRtXD1VRT6rtQP8VmkrU/OXI2s1jVmNtbTy/wqwT3mpdCo1Ma6/xmp0te6nnf9HgGPKsF3nk4Kr9YVylJaWJoA7iwaUnQncF1fzU2aC1QuwWXmgbE/w/rjaH9q+wAoFuJGwaX85jihdtHZlAribvo7A74zZ2AN2951Z49Tatjps2yFcsX2CQAGuKdWesTnlsnJY6bbHw9l1qHHWttVt276ozHi+U23vLiBAgC3R4kseX/PdW8A7yq8y1uu2fU9ptZqKcc72DTwCnI78L3nclPosRnU/D7hkZW3fwCPACc+YN3bWxY27VlsxTtBivwANnjG9ynwMa5+32orRQIv9AvjulgdiXL+vNp4EAgSo94x5H+P6fbXV0+LiuJ+DfT/25GJcv682t28LKe9hSeslqjgHEk9+vUR+rUS/8lHpCbkEIkA6CV4vgQDpxrteAgEqg2XXSyBA5bDkegkEqCz+WS+BAJXHX+sl0iBApsJT0noJZoDkU9J6CQRIFyteL4EA6SR4vQQCpJeg9RIIkF6C1ksgQLrxrpdAgHTjXS+BAOnGu14CASocBEAAQABAAEAAQACoNEL+m7gFDhMzACAAIAAgACAAIAAgAFTMe4AMhynRLDADAAIAAgACAAIAAgACAAIAAgACIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAKyLADnPmBoOU2Kp83yecwJ89Qzay3FMLLs8n391Akx6Bp3iOCaWk57PJ50Ao55BF5QNHMvE4XrW5hkz6gQY9Aw6pLRzPBNHu/WuGINOgCfKD8/A7oDpBOLDcetZMaZd750A35T+gCeBx8olHh1j/1TnzvxHAU9vfa73meGRd+4f+5UxpTpgI2+UHmVAea/McdzLSlbZbTN0W8C0H1nPDirjG+0PEzZlXA34svvibY57onH9G48KpvOugCcCSD6j1uuoUIAZ5azyiWOUWj5Zj6eXEiB/KXAvfqY4Vqljyno7UXjXWMgrpZnLQeqm/WbrbeQTID8TNCm3uMtPNHPWw6bCM98ngOOn0ml3/b1/Xjcg9rj7ufvWu07r5ZLk3wOE4H5abFValEZlj7It8N0BrO1Z/ln5oLxWhqLFF0HfQ778W4ABADiTrMMp5sJIAAAAAElFTkSuQmCC) no-repeat center center; background-size: 44px 44px; } reply-lib .img-wrap, send-message .select-material .img-wrap, send-message #select-material .img-wrap, send-message #select-material-file .img-wrap, send-message #select-material-audio .img-wrap, send-message #select-material-pic .img-wrap, send-message #select-material-picTxt .img-wrap, send-message #select-material-text .img-wrap { position: relative; height: 100px; width: 100px; overflow: hidden; } reply-lib .title-icon, send-message .select-material .title-icon, send-message #select-material .title-icon, send-message #select-material-file .title-icon, send-message #select-material-audio .title-icon, send-message #select-material-pic .title-icon, send-message #select-material-picTxt .title-icon, send-message #select-material-text .title-icon { display: block; width: 100%; height: 100%; border: solid 1px #cccccc; } reply-lib .title-icon.audio, send-message .select-material .title-icon.audio, send-message #select-material .title-icon.audio, send-message #select-material-file .title-icon.audio, send-message #select-material-audio .title-icon.audio, send-message #select-material-pic .title-icon.audio, send-message #select-material-picTxt .title-icon.audio, send-message #select-material-text .title-icon.audio { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAACACAYAAACP+K52AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RUNGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RURGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkzNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkzNkYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PltM030AAAluSURBVHja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) no-repeat center center; background-size: 36px 44px; } reply-lib .title-icon.file, send-message .select-material .title-icon.file, send-message #select-material .title-icon.file, send-message #select-material-file .title-icon.file, send-message #select-material-audio .title-icon.file, send-message #select-material-pic .title-icon.file, send-message #select-material-picTxt .title-icon.file, send-message #select-material-text .title-icon.file { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFCNzU1RjBGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFCNzU1RjFGMjk0MTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUI3NTVFRUYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUI3NTVFRkYyOTQxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtMs5KsAAAQwSURBVHja7Jw7TBRRFIZnURCziDZq6bPygWhDQ4NaGKWz0VoSTLSRQrSS0thgY6IBa0i0VIOJSCOxIDGGRIwBtJXY+ARZgvjfcDbRFfZeWGFnZr8v+QvZu5kzc76589gbM8Mj76JA6pQzSovSqOxRtiqborVlVvmifFBeK0PKY+V7BCWzMWDMXuW6cl7JlqFGJ9gOS5PSrvxQ+pSbyiRtXD1VRT6rtQP8VmkrU/OXI2s1jVmNtbTy/wqwT3mpdCo1Ma6/xmp0te6nnf9HgGPKsF3nk4Kr9YVylJaWJoA7iwaUnQncF1fzU2aC1QuwWXmgbE/w/rjaH9q+wAoFuJGwaX85jihdtHZlAribvo7A74zZ2AN2951Z49Tatjps2yFcsX2CQAGuKdWesTnlsnJY6bbHw9l1qHHWttVt276ozHi+U23vLiBAgC3R4kseX/PdW8A7yq8y1uu2fU9ptZqKcc72DTwCnI78L3nclPosRnU/D7hkZW3fwCPACc+YN3bWxY27VlsxTtBivwANnjG9ynwMa5+32orRQIv9AvjulgdiXL+vNp4EAgSo94x5H+P6fbXV0+LiuJ+DfT/25GJcv682t28LKe9hSeslqjgHEk9+vUR+rUS/8lHpCbkEIkA6CV4vgQDpxrteAgEqg2XXSyBA5bDkegkEqCz+WS+BAJXHX+sl0iBApsJT0noJZoDkU9J6CQRIFyteL4EA6SR4vQQCpJeg9RIIkF6C1ksgQLrxrpdAgHTjXS+BAOnGu14CASocBEAAQABAAEAAQACoNEL+m7gFDhMzACAAIAAgACAAIAAgAFTMe4AMhynRLDADAAIAAgACAAIAAgACAAIAAgACIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAKyLADnPmBoOU2Kp83yecwJ89Qzay3FMLLs8n391Akx6Bp3iOCaWk57PJ50Ao55BF5QNHMvE4XrW5hkz6gQY9Aw6pLRzPBNHu/WuGINOgCfKD8/A7oDpBOLDcetZMaZd750A35T+gCeBx8olHh1j/1TnzvxHAU9vfa73meGRd+4f+5UxpTpgI2+UHmVAea/McdzLSlbZbTN0W8C0H1nPDirjG+0PEzZlXA34svvibY57onH9G48KpvOugCcCSD6j1uuoUIAZ5azyiWOUWj5Zj6eXEiB/KXAvfqY4Vqljyno7UXjXWMgrpZnLQeqm/WbrbeQTID8TNCm3uMtPNHPWw6bCM98ngOOn0ml3/b1/Xjcg9rj7ufvWu07r5ZLk3wOE4H5abFValEZlj7It8N0BrO1Z/ln5oLxWhqLFF0HfQ778W4ABADiTrMMp5sJIAAAAAElFTkSuQmCC) no-repeat center center; background-size: 44px 44px; } modal-material-text { display: block; width: 100%; height: 100%; } modal-material-text .text-list { border-bottom: solid 1px #cccccc; height: 30px; line-height: 30px; padding-left: 40px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } modal-material-text .text-list span { float: right; } modal-material-text .be-selected { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat 10px center; background-size: 22px 14px; } modal-material-pic-text { /*padding-top: 10px;*/ display: block; width: 100%; height: 100%; } modal-material-pic-text #tuwen-water-fall { width: 799px; margin: auto; /*overflow: auto;*/ /*.waterfallbox { width: 251px; float: left; display: none; }*/ } modal-material-pic-text .waterfallbox { width: 251px; float: left; display: none; } modal-material-pic-text .tuwen-wrap { width: 237px; text-align: left; position: relative; /*display: inline-block;*/ border: solid 1px #cccccc; border-radius: 4px; float: left; margin: 5px; /*height: 186px;*/ overflow: hidden; /*margin: 10px auto;*/ } modal-material-pic-text .tuwen-wrap:hover .icon-wrap { bottom: 0; transition: bottom 0.1s; } modal-material-pic-text .tuwen-wrap .icon-wrap { bottom: -25px; width: 100%; height: 25px; background: rgba(0, 0, 0, 0.5); padding: 4px 0 0 110px; } modal-material-pic-text .tuwen-wrap .icon-wrap em { width: 18px; height: 18px; margin-right: 20px; } modal-material-pic-text .tuwen-wrap.be-selected { position: relative; } modal-material-pic-text .tuwen-wrap.be-selected:after { content: ' '; position: absolute; z-index: 555; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; } modal-material-pic-text .tuwen-wrap.be-selected:before { content: ' '; position: absolute; z-index: 999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAfCAMAAACmqq93AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEUAAABD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03IAAADa2XHcAAAAGHRSTlMARrCJCVb8gqtHA26fPmhXmj9Yk3FDoWudg90KAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAHtJREFUOMvt0NcOgCAMBdA6cOCoW/7/S42J2wL31cQ+llM6iKAIwijGpEqMSWFpMlgmOSzVL78ldVFW4J+12IWl7o00kSipFbJs2ah75dm6+9Oy40p3y857Xi17Ln9an9wFA3K3/VZBfmsQeVhAnvMisdoBkkTjNGv76wLWAhBL5tSfbQAAAABJRU5ErkJggg==) no-repeat center center; left: 0; top: 0; width: 100%; height: 100%; } modal-material-pic-text .pt-wrap { border-top: solid 1px #cccccc; width: 235px; padding: 3px 9px; position: relative; text-align: left; } modal-material-pic-text .pt-wrap:first-child { border-top: none; } modal-material-pic-text .multiple-pt-fisrt { width: 216px; position: relative; height: 120px; } modal-material-pic-text .multiple-pt-fisrt .i-title { background: rgba(0, 0, 0, 0.5); padding-left: 3px; position: absolute; bottom: 0px; color: #fff; height: 40px; width: 216px; } modal-material-pic-text .multiple-pt { height: 30px; } modal-material-pic-text .multiple-pt img { float: right; } modal-material-pic-text .multiple-pt .i-title { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } modal-material-pic, modal-material-audio, modal-material-file { display: block; width: 100%; height: 100%; } modal-material-pic .btn-primary, modal-material-audio .btn-primary, modal-material-file .btn-primary { margin-right: 10px; } modal-material-pic .item-list, modal-material-audio .item-list, modal-material-file .item-list { display: inline-block; padding: 15px; width: 120px; } modal-material-pic .item-list:hover .icon-wrap, modal-material-audio .item-list:hover .icon-wrap, modal-material-file .item-list:hover .icon-wrap { bottom: 0; transition: bottom 0.1s; } modal-material-pic .item-list.be-selected .img-wrap, modal-material-audio .item-list.be-selected .img-wrap, modal-material-file .item-list.be-selected .img-wrap { position: relative; } modal-material-pic .item-list.be-selected .img-wrap:after, modal-material-audio .item-list.be-selected .img-wrap:after, modal-material-file .item-list.be-selected .img-wrap:after { content: ' '; position: absolute; z-index: 555; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; } modal-material-pic .item-list.be-selected .img-wrap:before, modal-material-audio .item-list.be-selected .img-wrap:before, modal-material-file .item-list.be-selected .img-wrap:before { content: ' '; position: absolute; z-index: 999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAfCAMAAACmqq93AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEUAAABD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03JD03IAAADa2XHcAAAAGHRSTlMARrCJCVb8gqtHA26fPmhXmj9Yk3FDoWudg90KAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAHtJREFUOMvt0NcOgCAMBdA6cOCoW/7/S42J2wL31cQ+llM6iKAIwijGpEqMSWFpMlgmOSzVL78ldVFW4J+12IWl7o00kSipFbJs2ah75dm6+9Oy40p3y857Xi17Ln9an9wFA3K3/VZBfmsQeVhAnvMisdoBkkTjNGv76wLWAhBL5tSfbQAAAABJRU5ErkJggg==) no-repeat center center; left: 0; top: 0; width: 100%; height: 100%; } modal-material-pic .item-name, modal-material-audio .item-name, modal-material-file .item-name { margin-top: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } reply-lib, send-message, material-lib-edit { padding: 0; display: block; width: 100%; height: 100%; min-width: 1000px; overflow: auto; position: relative; } reply-lib .class-wrap, send-message .class-wrap, material-lib-edit .class-wrap { padding: 10px 20px; border-bottom: solid 1px #cccccc; } reply-lib .select-class, send-message .select-class, material-lib-edit .select-class, reply-lib .class-option, send-message .class-option, material-lib-edit .class-option { outline: none; display: inline-block; cursor: pointer; } reply-lib .select-class, send-message .select-class, material-lib-edit .select-class { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; min-width: 100px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #ccc; outline: none; padding: 3px 18px 3px 5px; cursor: pointer; margin-top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat 95% center; } reply-lib .select-class.disabled, send-message .select-class.disabled, material-lib-edit .select-class.disabled { border: none; background: none; } reply-lib .modal-content, send-message .modal-content, material-lib-edit .modal-content { padding: 10px 20px 0; height: calc(100% - 82px); overflow-y: auto; /*padding-top: 10px;*/ } reply-lib .modal-content.no-class, send-message .modal-content.no-class, material-lib-edit .modal-content.no-class { height: calc(100% - 30px); } reply-lib .modal-content.no-page, send-message .modal-content.no-page, material-lib-edit .modal-content.no-page { height: calc(100% - 42px); } reply-lib .modal-content.no-class.no-page, send-message .modal-content.no-class.no-page, material-lib-edit .modal-content.no-class.no-page { height: 100%; } reply-lib .left-wrap, send-message .left-wrap, material-lib-edit .left-wrap { background: #ffffff; padding-right: 320px; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 60px - 60px - 16px); display: flex; flex-direction: column; padding-bottom: 84px; } reply-lib .left-wrap .mask, send-message .left-wrap .mask, material-lib-edit .left-wrap .mask { width: calc(100% - 320px); height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(160, 160, 160, 0.1); background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading.gif?654a09add0b3243026721188d641c175); background-position: center; background-repeat: no-repeat; z-index: 990; } reply-lib .left-wrap .nav-wrap, send-message .left-wrap .nav-wrap, material-lib-edit .left-wrap .nav-wrap { height: 153px; flex-basis: 153px; } reply-lib .left-wrap #material, send-message .left-wrap #material, material-lib-edit .left-wrap #material { flex: 1 0; } reply-lib .app-logo, send-message .app-logo, material-lib-edit .app-logo { height: 48px; padding: 15px; } reply-lib .app-logo .applogo-wrap, send-message .app-logo .applogo-wrap, material-lib-edit .app-logo .applogo-wrap { overflow: hidden; width: 25px; height: 25px; float: left; display: inline-block; position: relative; top: -3px; border-radius: 4px; margin-right: 10px; } reply-lib .send-to, send-message .send-to, material-lib-edit .send-to { padding: 12px 40px; border: solid 1px #eff4f8; border-right: none; border-bottom: none; background: #f9fbfd; height: 57px; position: relative; } reply-lib .send-to label, send-message .send-to label, material-lib-edit .send-to label { margin-right: 10px; float: left; line-height: 36px; } reply-lib .send-to input, send-message .send-to input, material-lib-edit .send-to input { width: 300px; display: inline-block; float: left; outline: none; } reply-lib .send-to .sender-wrap, send-message .send-to .sender-wrap, material-lib-edit .send-to .sender-wrap { border: solid 1px #ccc; position: absolute; left: 65px; top: 50px; width: 295px; background: #ffffff; z-index: 99; max-height: 200px; overflow-y: auto; padding: 5px; } reply-lib .send-to .sender-wrap .sender-span, send-message .send-to .sender-wrap .sender-span, material-lib-edit .send-to .sender-wrap .sender-span { position: relative; margin-right: 20px; float: left; } reply-lib .send-to .sender-wrap .sender-span .delete, send-message .send-to .sender-wrap .sender-span .delete, material-lib-edit .send-to .sender-wrap .sender-span .delete { position: absolute; top: -6px; right: -8px; cursor: pointer; } reply-lib .send-to .select-all, send-message .send-to .select-all, material-lib-edit .send-to .select-all { border: solid 1px #ccc; margin-left: 5px; display: inline-block; padding: 0 10px; height: 34px; line-height: 34px; vertical-align: top; cursor: pointer; background: #fff; } reply-lib .send-to .redisabled, send-message .send-to .redisabled, material-lib-edit .send-to .redisabled { background: #fff; } reply-lib .send-to .disabled, send-message .send-to .disabled, material-lib-edit .send-to .disabled { background: #ccc; } reply-lib .send-to .plus, send-message .send-to .plus, material-lib-edit .send-to .plus { cursor: pointer; margin-left: 5px; float: left; border: solid 1px #ccc; border-radius: 5px; display: inline-block; width: 34px; height: 34px; } reply-lib .send-to .plus em, send-message .send-to .plus em, material-lib-edit .send-to .plus em { display: block; margin: 7px auto; width: 18px; height: 18px; background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icons.png?38d1a8e23d1bc2ab3846822af9e57f4b) no-repeat; } reply-lib .material-nav, send-message .material-nav, material-lib-edit .material-nav { height: 48px; border: 1px solid #eff4f8; border-left: none; border-right: none; } reply-lib .material-nav span, send-message .material-nav span, material-lib-edit .material-nav span { width: 20%; color: #97a0b5; display: inline-block; margin: 0; border-left: solid 1px #eff4f8; border-bottom: solid 1px #eff4f8; cursor: pointer; text-align: center; font-size: 16px; background: #f9fbfd; line-height: 47px; height: 47px; float: left; } reply-lib .material-nav span em, send-message .material-nav span em, material-lib-edit .material-nav span em { margin-right: 20px; display: inline-block; position: relative; top: 5px; left: 0px; } reply-lib .material-nav #text em, send-message .material-nav #text em, material-lib-edit .material-nav #text em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTdGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFNEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgsri2UAAAB+SURBVHja7NixCYAwEIXhl+ASjuQcupNVwCV0IzFb6EUUxPqKK/6DF1KFL7zu0rysg6Ri6RVrDsuYg+L0mEpW7EkNOFlqQNzeKu7s2JwqPv+/91BGrxggQIAAAQIECBAgQIAAAQIECBAgQIAAXeb43GtE4LvrvnfLXo9eAgwAEYgOupEPiDkAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav #text.active em, send-message .material-nav #text.active em, material-lib-edit .material-nav #text.active em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTJGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFMEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFMUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PufX7L0AAACASURBVHja7NixCYAwEIXhF3EJJ3EG59B53CBruJEknSPoRRTE+oor/oMXUoUvvO7SuB6TpGwZFGuKZe6C4vSYcqfYkxpwsdSAuL1V3NuxOVV8/n/voYxeMUCAAAECBAgQIECAAAECBAgQIECAAAG6TPnca0Tgu+u+d8tej14CDACQRA6CRreNlAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #picText em, send-message .material-nav #picText em, material-lib-edit .material-nav #picText em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRUFGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MkNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFOEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFOUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpM1xbsAAAHBSURBVHja7FmxSgNBEL0Lll5IaT4g2lnqD0RBxUY/QQtBGy39AK0tRIUI/oB2BpH4AVprIYJgYbRMjCIoGt+QOViPNWxuF24PZ+AV2Z3de+8y9wZ2w72j026Q4ygEOQ8RkHUMacZCzzl3pYREQAYCKsAx0OYa7Ic251b+2GsGaBrs0+RcawGjwBWwABQN8oucS2vGNPOHQNlgnzLnWgvYBkop/l1as2VZIaELAVULAlOasWXg2WDtI7CUpg/oSmKQt6L6dKSZrxuWkLiQCBABIqAXLxqX6Qc1Xn3oxA2LF3TuQyfeBFopyLd4bead+BaYAE6AjkF+h3MneW3mnZjiDlh09N1JJxYBeRMwa+jbrvHEz7YWUHP50Q0QI/zsXJeQkz5g6tuuw1kfqGdUQuJCIkD6gPQB6QPSB/6HC30kxooe8x1OnnqQgPvEYNVjAdOJ3w8k4CwxSGf6JQ/J6+4bGgU+e/lSBulWJb6RiTwgHjGXy+D3jQ9xrpELXQP7wKoyGd+J+RwHxD12oQ3gIkfmQ6eF66qNkhPNs6pvj4kTt11gLnZPtQ+8AyvAOLAT9E7VPj0g/QbcMCfitqZa/48AAwAOAa86jMKd1AAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #picText.active em, send-message .material-nav #picText.active em, material-lib-edit .material-nav #picText.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNTA5MkZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MzBGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkyREYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkyRUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptm5McMAAAHSSURBVHjaYjHve/+fYQgDJoYhDkY9MNCABYsY4yB38//RJDTqgQHwgCoQrwXij9A0iA9/hKpVxWGWJxA/I8KcZ1C1eAEjlooMPROrAfFJIBYgMXA+ALEFEN9EEwc5TJJIM54DsRSlmbidDMczQPW0UZhCGKmRhFwocIArFrEUIH5BhN6nQJxMTj2ADvhIDBXkKObFIr+NhCQ0WgqNemDUA6MeYGD4hKWUwYeRwRda18TEeGAPBQG0C4vYXCKLUUmoWoo9UAVtFpAKPkD1DnhNDGrLmAHxOiD+TIT6z1C15ljaQQNSE4PAbSAOplK+G62JRz0w1DzgRWS5TW38HGo3xR6YQ81MRwKQgNo9pJMQVeoBYsttagOq1QPbBigJjZZCox4YrQdG64HRemC0HhgZpdAvNDG+QexeHvRRD5AH7qEJugxiD7ih8R+CPLADTRA0pi8wCB2Pbb5hDxN07OUvkqA6EJ8C4iAG7MPj9Aa8ULechLoNBkBungMqha4A8QwgzkaShM2JDWYwE+R2WClUBMR7h1DhAxotLEQuRkElkS/UV/8GscNBbpsKxN6w0hO5HvgOxBlArAfEExkgo2q/B4GjvwLxVaibQG7LQS76AQIMAOCbs6qhL0S0AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #pic em, send-message .material-nav #pic em, material-lib-edit .material-nav #pic em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODRGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODVGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDlERjlGRkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RDlERkEwMEYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps8WjaYAAASYSURBVHja1FpbbBVFGN5um9JEtIXwgvBiU9PSoj6gDUGfGrRFJVyEBxKDBrGVCiGEBCIYH+RiExUwilhaDWD6QLioEA0hQgIkxhpjGtQmDaXa0CcuSYEC9mjV7yfflmHOnN05l23nfMn3sLO7c+bbmf/aFuzZ962noRpcCTaA5eAEzy0Mg33gCbAd7FZvFiiCisEd4CrQ9/ID/4Jt4DrwjgwUKWJE2VwvvyAfvgl8FJwHJoKd2JmHYlTU8XTdVVhDlSougC+BpXIsHWMp13ZBW/MboqWIDqBQudEDzgYHHd2NG+BR8DT4I1jJcdGw0qc3U7HJYTEqBrlWFQ0+XbOK7/PIdk5q1+U+PZy+pSZU0/DE7/9FdnOsepwEDWnXxRKH/tMGC/SHLOJTUjwYQ9y3/qKIh23jU1I8GM/AFIZ049NoPHBRUFR8Co0HLgoyxadaxoAbSjyo5T1PjQcuCrKNT8Z44KKgdOLTyYh3nXEKmcJJL9enXYd5u+e0634XBZ3QrreBZYbnynjPifQpTNDn4IhyXcXsdjH4ILmYY1XKcyMsjccFYZnCb2Ar2KyMSap+JGLOVr7rpFNYl+bxOc13PFcFibd6AdzNBDSsWSE782IMHs5nOrU52yOniloN7gFf9+61t2T8T+5ge0zHrAQ8AC7l9S1wV9gLNuXDeGEy+A34jFYqNLFUMZYPrvbfHgF/0MQEH/szcPlYZAoPM1l9J8t5nqSYypA1fwEuydSGbIy2EWxhSbEI/AfcnsFcz4MHwYkRz0lG38E2QE53aAZ4hg6jVMsqNqY5VyNtRhfzN8v/rYZq+lCudqiYJcNbhiZLgBbu1IcRc4ldbEnhlq/yaJ3h9QNanCvJhSAx1L3cnSh8wFRoV8iHaUth5OfBheAfyth6imrMhVMo5dE6aykmgATFtYbxh9iAMYn5CnxaExO4aCnx92crSJLQbk6WKk5dAhfQWPUjJc2WN5Wx6eA5Q0kiC36XvYqhkLbVayb7sTly05j2LIhIez4B3wZvsuyYyg6QKupj2pS45O8oSoVkAa+Chy0+sBzjl2lD820yBZ+78R6PRiqcZzr0k+F4yg48Zvi6twyerJ/20pWBcxqOOnI1XMzuEDF36OFmGcQIrjOmDBg+li7mHDtHXRk4qISNDf0CzgmZ5BS/fOCWU2GAoq6HPLOXdnQ5zvIhVVy5Br4CPgtetJz/VzqURArjPpbrcsPWy31JV31Az24ti74VhvcK6BFrxlKQdH7qGSuuZPE7HV5yMzJwHl+DU+IWJLbxPjjTS24iZooWBmYdFUxIi+MS9DP4FLjBy/3fetbQbnTURVWi2QianaELtYEExGVgp+HeKi2byJmgkZir0duM7r2Gex9pGUZGghKGpDFuiIOZZ3A0hUx9Kizn0YP0kO+l18POJXq5U7e18Ungca1gTIWknrrv2few40AnbUo/5lX0fIUh7xp76iIoqocdN47R++moZ4GoI7SnHvx7mSSizV5+41PxkoGXS7eH7RpGe+q+kobb9LBdQ1JP3ddqC+lhP8540MMWkmuQAvF3rvEJFqKjGc3/AgwAgisR+/1MkqcAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav #pic.active em, send-message .material-nav #pic.active em, material-lib-edit .material-nav #pic.active em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODhGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODlGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4NkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4N0YyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqDZa1wAAASTSURBVHja1FpZjA1ZGK5b3ekhjGbixfJCiNbNzIM1eBK7EfvDJIJY2jpBJiGWeLB2YqaHYGasCeJB7ISIIEEyQUTE0onYRnjCxNa2pvH9yVftOPfUcu+t6j79JV/Sdarq3PPVOf+aTvUof+ZoKAangIPAtuB3jl14D94DT4BbwQr1pqv8XQBuAK+D88COFopxuKaOXKOs9R+woXczXxFzDOzn1C/IhkwD24ODwSpvh/6sh2JU9AXLPYUlVKniNjgaLARTlrGQa7utrXm6aMmnA8hTbtwCe4LPLd2Nl+AB8Ax4AezAcdEwxaU3U7HIYjEqnnOtKga5dM0qTtUj2zmpXbd16eH0LTWhmIYnfv8dWcGx4joSVKldF7gRXvKLT4HxoK6QH0FMlPiUFg/qMjAFIdP4VBMPbBQUFp8C44GNgkzxqTtjwEslHnTnPUeNBzYKihqfjPHARkGZxKeTIe9a4xSyhZVe7p52HeTtBmjXD2wUdEK7Xgk2NTzXlPesSJ+CBG0Dq5XrIma3o8DvyVEcK1Keq2ZpbF2mcAPcBM5UxiRV3x8y5ya+a6VTmJfh8TnDdxxbBYm3GgpuBD8FPPeJO/NzAh7OZTq1OI7k1BM1G/wbnOp8bW/J+H/cwa0JHbMG4E5wLK9fg2tzFeThJji3Fk/PD+BhsI8yVk5RW2o7sOaKNuC/mhiHTRKpu8bXhqCWTFaX5jhPV4rpELDm7eCYXI9c0EcpBctYUowEP4KrsphrCLgHbBzynGT0u9kGiHWHpAQ/S4dRqGUVCzKcq5Q2o4v5AM4AVxiq6b1x7VABS4aFhiaLhzLu1B8hc4ldLPdxy095tM7yupEW5xrEIUgMdTN3Jwy/MxVaG/BhtvgY+TVwBHhfGfuNokrjcAqFPFrnIopRXe0cw3gTNmBMYg6CvTUxgs8s8XfkKkiS0ApOlvJ55iE4nMaqHylptsxSxlqD5w0liSx4GXsVlT6/I89MNtlPlCPXimnP8JC0R/p2S8BXLDtasAOkilpPmxKXfJyiVEjAnAjui/CB5RiPow0N++br9Sh/9tnwRV3uxmoeDT9cYzp0yXA8ZQc6G77ua4Mne0B7uZqFc3ofduRKuJiNAWLe0sN1MYgRvGBMeWT4WLqY8+wcXc3CQVVFsaErYK+ASU7zy3tu2Q+PKOpFwDObaUePkywf/OLK/+AEsD94N+L81+lQqnyM+0jc5UZUL7eLrnonF5IJpOibZHgvRY9YUpuCpPMzkLHiSQ6/s9tJb0Z6zuMQ2DxpQWIba8BOTnoTMVuUMTDraMeEtCApQZfBbuB8erM48SvtRkffsEo0F0E9s3ShUSAB8RfwouHeDC2biE1QdcLV6BtG9zuGe+u0DCMrQVWGpDFpiIMZbHA0eUx92kWcRw/Sla6TWQ87TtzhTr3RxpuBR7WC0Q9pPXXXid7DTgIXaVP6MS+i58sLeNfYUxdBYT3spHGE3k/HQBaIOgJ76in+v5wkojOd+o2/xEt6Xi7THrZtqOmpu0oaHqWHbRvSeuquVltID/tHxoNbbCHZBikQb3KNP7EQrclovggwAN4qCT5QQmuBAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #audio em, send-message .material-nav #audio em, material-lib-edit .material-nav #audio em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFOENGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFOERGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4QUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4QkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pin3fjsAAARJSURBVHja7JlXaBRRFIbH7KqxETVGbNiNPthboon1QWNFsIsdCyLEQgTRPFkDFlQsiaIG9cFeNlgC+qAPGhFNFKOxRewoWELEBDWu/2HPws1hZnfn7iSC7IEPvXdmZ/6595xz7z2psS/7ohGG9QFjQQJoD5py/yfwAuQBesE93Re4NX5TA0wB6aCrxT2NQGcwGqwD+WATOAO8dl4WZVNcO3ADHA8gzsx6gVPgGmhdVQKH8VQlh+EStp8RqsDh4DJoKPp/gwtgDugLWoBY0APMBx5QIX5D13PBIKd8sCM4C2qL/hywgoNB2hfwABwG8WAnSFGu1+UPo6l/Fc4I0vWjIEbpIydPA+MtxEl7ysGSLgKEAukIB522wNkgUfSRuG02fY+EbQRrRf9gMFVXIH3ZGtF3DmwPI0gywCXRt0ZXIDlxJ6X9Eyw3wjMayVQOLr91A/11BI4Vbcpjr43w7QVHt2rjdAQONJlep+ysaA/QERgv2nccFHhftLvoCIwV7bcOCvwg2jE6AuW1Pw4K/Cza9Z3aLFS7RQRGBEYE/s8CvVX43nqi/UNHoEymLR0U2FS0S3QEFot2bwcF9hXtZzoCb4v2eAcFymfl6QiUJYfpIM4BcXTymyT6LukIvAreCMfOcEDgFhCttJ9zMcC2wAp+mGp01p0ZhrjFYIaJYK9uHswEhaLvIFioIW4e2CP6Cvh5AfPgEz5o+1HTyS8wC5QrfbXAfnDAZFNrZnF8gD8EXEr/NzBZVB46CC0PSGARH6L9jBQvyOfzsSxhLAAvwW4wAjRXBMRyJSGL75lr4j6T2P9USxFaCqn0cUWE/Uz+WnmiIz85JkogDcBSxv9i2nnXDDCiZWCa4at0SZP+mUsjeF6cU4eCniY/Pg2SeMStzBVE3EM+LXpMriWKkySdw3Oi+ADjERUFq9LGXa5crTA5+AQySlfLuFhUYFHF2Cr6TtJy64/iDSLUh7MIM6Mv2wHasGtk8jGyTCz+5Lt7wRjDV/jcJWZKlj+ShI9upv+4lUA4yI6v5qevINvioRThOYzfairXQrVFYL1Jensk82CaiCoXB8tOk+2REUB0qOIa8AhnGZVLcJR3V5sl6hKejo/CN1I5V9IHNHZgqWsCVvEOZom49h5MAN/9HbLC+pSj2CMqWy15yskvqMZ8nQOGikmvOKmWi2fV4VzW1vAVzmmLNYQDxWUivIgLVpWKom6LG/tzIMwWw+/ma1blsnK+v7aNEfWy/68EpaGuxd84+ydzIg+17BFtQ1wFB1gCr+2lZjcFK6LfBKN4imhNngi6W0xRqKKouH7C8NW+3wf7Qah/aSJf28hQJYrqef3YTynHteeNqGrveB0u5uxwi3fppXa+SOdPYSU87VeCnAJbRQ7uEYFVLJA2to+V3a80fz8l/2G6L3GHIZA2Ec0CXG+k/EvrbXx1j6Cdj4v+F1OcyitOMPscYG8Z1P4KMACJZOiJWDuVQwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #audio.active em, send-message .material-nav #audio.active em, material-lib-edit .material-nav #audio.active em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzUzRkZGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDBGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4RUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTNGRUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph+/3VQAAAQzSURBVHja7JlZbE1RFIZP3VsqSFEaU8waD+apNasHY4nELFVDDBFJDSGR8mZqgkYFMaQIHsxDG1PCAw9UzI2aVWqokBiaCg2q/pW7ruyu7HvvOfuekshdydd27zP9Z++11tl7NSox65MVhvUEKSARtAXx3P8ePAf54Ay4bfqAKAOBUWASWAU62bzmDlgHjoNKJw+r4VBcG3AFHHIgjqw7OAougZbVJTCZp2pAGC7h+B52BQ4F50B90f8TnAYzQC/QDMSBrmA2yAUV4ho6fgEMdMsH24ObIFb054ElHAzBLAFkgxGi/xNPfXE4I0jHDwhx5OTLwFgb4siegFEcVGqANAD7OeiMBaaBJNFH4jY59D0SthasFP2DwGRTgfRmGaLvJMgKI0gywVnRl2EqkJy4g9L+DhZb4RmNZDoHl986gz4mAlNEm/LYSyt8e87RrdoYE4H9NNPrlp0Q7b4mAhNE+4aLAu+JdkcTgXGi/dpFgW9FO9ZEoDz2y0WBH0S7rluLhb9uEYERgRGB/7PAymp8bh3R/moiUCbT5i4KjBftUhOBRaLdw0WBvUT7qYnA66I91kWB8l75JgLPiPZU0NgFcbTzmyD6zpoIvAheCcfOdEHgBhCjtJ9xMcCxwAq+mWq0100NQ9x8ME0juNI0D+4AhaIvB8w1EDcLbBN9d/l+QfPgY/BRQU0nP8B0UK701QS7wG7NolZn5Ld7wR7gUfo/g4mi8tBOaCkggY94E+1nuHjAHd4fyxLGHPACbAXDQFNFQBxXEnbyOTM17jOB/U+1EUJLoRc/zouwT+W3lTs68pODoJbSXw8sZPwPppV3dJAR/QamWL5KlzTpnxdoBE+JfeoQ0E1z8THQn0c8kHlCiLvPu8VczbEksZOkfXheDd7A5IqKQqDSxi2uXC3RbHyCGaWrRVwsuhugirFR9B2hz60/iteIUB/KInRGb7YZtGLX2MHbyG/i40++ux2MtnyFzy1ipmT5o7/w0fX0h1cJhBx2fDU/UYlsX4CbUoTnMX6LVo7ZtXlgtSa9PZB5cJmIKg8HS7ZmeWQFEW1XXD0e4Z1W1RIc5d0VukRdytPxTvhGOudKeoGGLnzqGoHlvIJZII6VgHHgyx8BmgprRw6aDpqbkw9RjfkyBwwVk4o5qZaLc2tzLmtt+QrntMQazIHi0dz7EResqhRFvQFO7MOBkCaG38vHApXLyvn8Wg5GtJL9fykos/st/szZfwAncrtljxgH4io4wBL5216mO8kb4iZXwUieIvomjwddAkyRXVEF4LDlq32XhLrA5D9NVImiel5v9lPKcW15IaraG/4OF3F2uMar9DInD/MajEIpT/v5ELvAFpGNe0RgNQukhe1DZfUrzd9P/2lKNn2INwyBtIhoEuR4A+U3fW8T/vYIOnm5mH8xxen8xQllH4KsLUPabwEGAAuK6P0x99EHAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #file em, send-message .material-nav #file em, material-lib-edit .material-nav #file em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDNGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDRGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwMUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwMkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5di/kAAAHcSURBVHja7JnPSkJBFMbHFCPI9BmEKAtq5wOEhFGreoWgiDZt27c1gqICg16gVgUS0tp9FoQg9AYiRv/I2zd4bgzj9YJp00ycAz9wzp0Zvm/u3DngRI7Pr4UWM2Ad5EEajIrgeAN1UAJF8CD+IEaU33FwCO7ADsiEiBf0LEN95ZgTMGbaQEwRL19FboCF2ACTYAm8m34D+wOIV2MBFExvoVlaPTVqYA0kQaQHSepT08Zu0pzGDMgPNqrkHkEWXIJmyNgm9cnSGD+iNKcxA3kttwsafczRoDFq5E0aSGu58g/mudHaaZMG4gFbo99oaW05pzckXqnGFKhG9awDtkZovXHBQFC9ufJ3jmsGuurNMA1EfonQeuPCGwitNy5tocB649o30FVvYgGdPIcMxV09hZwqZP/bQKzHeW5zeLyF2AAbYANsgA2wATbABtgAG2ADbIANDMmAfqM4YbHeca3dkgbqWjJnsYFFrf0kDZS05B5IWSg+RdrUKEsDZ+BTSU6DClgFCQuEJ0hLhbT5ITUX5f9CVXAKtpSHU+DC8u9Xaq76p5C8fyoLd+KWNH8fo/IkWgZHoG2x8Dat/Ip/eqp1QCa2wRw4EJ3bkA8LRD+De9I0LzpXSy/+wy8BBgBIL2OhdJKruAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #file.active em, send-message .material-nav #file.active em, material-lib-edit .material-nav #file.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDdGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDhGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwNUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwNkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFpbfwAAAHaSURBVHja7JnPSkJBFMbHFCPI9BmEKAtqZ/uQMGpVrxAU0aZt+7ZGUFBgj1CrAglp7T4LQhB6gkSM/pG3b/DcGMbrBdOmmTgHfuCcOzN839y5c8CJLBSehBYzYAPkQRqMiuB4A3VQAkVwL/4gRpTfcXAEbsEuyISIF/QsQ33lmBMwZtpATBF/BXIDLMQmmATL4N30GzgYQLwai6BgegvN0uqpUQPrIAkiPUhSn5o2dovmNGZAfrBRJfcAsuACNEPGNqlPlsb4EaU5jRnIa7k90OhjjgaNUSNv0kBay5V/MM+11k6bNBAP2Br9Rktryzm9IfFKNaZANapnHbA1QuuNCwaC6s2lv3NcM9BVb4ZpIPJLhNYbF95AaL1xaQsF1hvXvoGuehML6OQ5ZCju6inkVCH73wZiPc5zm8PjLcQG2AAbYANsgA2wATbABtgAG2ADbGBIBvQbxQmL9Y5r7ZY0UNeSOYsNLGntR2mgpCX3QcpC8SnSpkZZGjgDn0pyGlTAGkhYIDxBWiqkzQ+puSj/F6qCU7CtPJwC55Z/v1Jz1T+F5P1TWbgTN6T5+xiVJ9EKOAZti4W3aeVX/dNTrQMysQPmwKHo3IZ8WCD6GdyRpnnRuVp68R9+CTAAXQ1jaakee6IAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav span.active, send-message .material-nav span.active, material-lib-edit .material-nav span.active { background-color: #fff; border-bottom: 1px solid #fff; color: #4e9ae1; } reply-lib #material, send-message #material, material-lib-edit #material { padding: 20px 40px 20px; height: 400px; overflow-y: auto; } reply-lib #material.exclude-text, send-message #material.exclude-text, material-lib-edit #material.exclude-text { height: auto; } reply-lib #material.text material-text, send-message #material.text material-text, material-lib-edit #material.text material-text { min-height: calc(100vh - 422px); } reply-lib .material-select, send-message .material-select, material-lib-edit .material-select { margin-bottom: 20px; display: block; } reply-lib .preview, send-message .preview, material-lib-edit .preview { background: #ffffff; border-left: solid 1px #ccc; /*border-left: none;*/ display: block; width: 320px; right: 0px; position: absolute; top: 0; height: 100%; overflow-y: auto; overflow-x: hidden; min-height: calc(100vh - 60px - 60px - 16px); padding-bottom: 84px; } reply-lib #timed-message .modal-container, send-message #timed-message .modal-container, material-lib-edit #timed-message .modal-container { overflow: inherit; } reply-lib #timed-message > div, send-message #timed-message > div, material-lib-edit #timed-message > div { margin-top: 30px; } reply-lib #timed-message .time-wrapper, send-message #timed-message .time-wrapper, material-lib-edit #timed-message .time-wrapper { display: flex; flex-direction: row; align-items: center; } reply-lib #timed-message .time-wrapper > div, send-message #timed-message .time-wrapper > div, material-lib-edit #timed-message .time-wrapper > div { margin-right: 15px; position: relative; } reply-lib #timed-message .time-wrapper > div span.caret-down, send-message #timed-message .time-wrapper > div span.caret-down, material-lib-edit #timed-message .time-wrapper > div span.caret-down { position: absolute; right: 8px; top: 12px; display: block; border-style: solid; border-width: 7px; border-color: #ccc transparent transparent transparent; } reply-lib #timed-message .time-wrapper > div > span:first-child, send-message #timed-message .time-wrapper > div > span:first-child, material-lib-edit #timed-message .time-wrapper > div > span:first-child { display: block; width: 180px; height: 30px; border: 1px solid #ccc; border-radius: 4px; position: relative; outline: none; } reply-lib #timed-message .time-wrapper > div > span:first-child input, send-message #timed-message .time-wrapper > div > span:first-child input, material-lib-edit #timed-message .time-wrapper > div > span:first-child input { border-radius: 4px; border: none; height: 28px; outline: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul, send-message #timed-message .time-wrapper > div > span:first-child ul, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul { background: #fff; position: absolute; top: 30px; width: 100%; z-index: 9999; border: 1px solid #ccc; border-radius: 4px; height: 300px; overflow-y: auto; cursor: not-allowed; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li, send-message #timed-message .time-wrapper > div > span:first-child ul li, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li { padding: 10px 30px; text-align: center; cursor: pointer; position: relative; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li span.icon-select { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat 10px center; position: absolute; width: 30px; height: 20px; left: 0; background-size: 57%; display: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select { display: block; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable, send-message #timed-message .time-wrapper > div > span:first-child ul li.disable, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable { cursor: not-allowed; pointer-events: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select { display: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2), send-message #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2), material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2) { color: #ccc; } reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sTime, send-message #timed-message .time-wrapper > div > span:first-child #inp-sTime, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sTime { padding-left: 24px; } reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sHours, send-message #timed-message .time-wrapper > div > span:first-child #inp-sHours, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sHours, reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sMinutes, send-message #timed-message .time-wrapper > div > span:first-child #inp-sMinutes, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sMinutes { padding-right: 30px; padding-left: 20px; width: 100%; text-align: center; cursor: pointer; background: #fff; } reply-lib #timed-message .time-wrapper .hours-wrapper, send-message #timed-message .time-wrapper .hours-wrapper, material-lib-edit #timed-message .time-wrapper .hours-wrapper { margin-right: 10px; } reply-lib #timed-message .time-wrapper .hours-wrapper > span:first-child, send-message #timed-message .time-wrapper .hours-wrapper > span:first-child, material-lib-edit #timed-message .time-wrapper .hours-wrapper > span:first-child { width: 100px; } reply-lib #timed-message .time-wrapper .min-wrapper, send-message #timed-message .time-wrapper .min-wrapper, material-lib-edit #timed-message .time-wrapper .min-wrapper { margin-left: 10px; } reply-lib #timed-message .time-wrapper .min-wrapper > span:first-child, send-message #timed-message .time-wrapper .min-wrapper > span:first-child, material-lib-edit #timed-message .time-wrapper .min-wrapper > span:first-child { width: 100px; } reply-lib #timed-message .send-time, send-message #timed-message .send-time, material-lib-edit #timed-message .send-time { margin-top: 40px; text-align: center; color: #999; } reply-lib #timed-message .send-time > span:nth-of-type(2), send-message #timed-message .send-time > span:nth-of-type(2), material-lib-edit #timed-message .send-time > span:nth-of-type(2) { color: #000; } reply-lib #post.btns, send-message #post.btns, material-lib-edit #post.btns { border: none; border-top: solid 1px #ccc; background: #fff; width: 100%; height: 84px; flex-basis: 50px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; left: 0; bottom: 0; z-index: 100; display: flex; justify-content: center; align-items: center; padding: 24px 0; } reply-lib #post.btns .save-to-material, send-message #post.btns .save-to-material, material-lib-edit #post.btns .save-to-material { float: left; margin-left: 20px; cursor: pointer; } reply-lib #post.btns .save-to-material input, send-message #post.btns .save-to-material input, material-lib-edit #post.btns .save-to-material input { margin-top: 21px; margin-right: 10px; } reply-lib #post.btns .select-class, send-message #post.btns .select-class, material-lib-edit #post.btns .select-class { display: inline-block; margin-top: 16px; } reply-lib #post.btns .select-class option, send-message #post.btns .select-class option, material-lib-edit #post.btns .select-class option { display: inline-block; } reply-lib #post.btns span, send-message #post.btns span, material-lib-edit #post.btns span { margin: 0px 20px 0px 0px; display: inline-block; float: right; color: #97a0b5; } reply-lib #post.btns #send, send-message #post.btns #send, material-lib-edit #post.btns #send, reply-lib #post.btns #timedBtn, send-message #post.btns #timedBtn, material-lib-edit #post.btns #timedBtn { margin: 0px 20px 0px 0px; float: right; } material-lib-edit .left-wrap, material-lib-edit .preview { min-height: calc(100vh - 286px); } send-message .button-wrap .btn-primary { margin-right: 8px; } .preview { display: block; width: 320px; right: 25px; } .preview .preview-title { height: 49px; text-align: center; line-height: 49px; border-bottom: solid 1px #ccc; } .preview .material-preview-content-wrapper { overflow: hidden; } .preview .material-preview-content-wrapper .preview-content { padding: 10px; height: 100%; overflow-y: auto; /*border-left: solid 1px @bd-gray;*/ } .preview #avater { background: #cccccc; border-radius: 50%; float: left; width: 40px; height: 40px; margin-right: 3px; overflow: hidden; } .preview .content-wrap { border-radius: 4px; margin: 10px; margin-right: 0; padding: 5px; background: #eaf4ff; float: left; position: relative; max-width: 230px; } .preview .content-wrap div { word-break: break-all; } .preview .content-wrap:after { content: ' '; display: inline-block; border: solid 3px #ffffff; border-left: none; border-right: solid 6px #eaf4ff; position: absolute; left: -6px; top: 7px; } .preview .content-wrap #show-emote img { vertical-align: bottom; } .preview .content-wrap .audio-wrap { cursor: pointer; width: 100px; } .preview .content-wrap .audio-wrap em { display: inline-block; height: 20px; width: 20px; margin-right: 10px; background: url(data:image/png;base64,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) no-repeat; background-size: 16px 246px; background-position: 0px -130px; } .preview .content-wrap .audio-wrap em.playing { background: url(data:image/gif;base64,R0lGODlhJwAnAIABAFLJJAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNDUzMGFhNy1hMTUyLTRjYTEtOWNmNC1mMGJiMTIwNDZjMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM2REQwMDgzMjAxMTFFNkExQTJEMjVBNzJCREI5MzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM2REQwMDczMjAxMTFFNkExQTJEMjVBNzJCREI5MzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOWViYjRhMS02MGUxLTQzOTctYTNkNi1lOWZkZWMzMGEwMWIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZTQ1ZTNjNi03ODgzLTExNzktYjBhNC1mNDBlNjA3OGI2NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgABACwAAAAAJwAnAAACJoyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3nOloAACH5BAUKAAEALAcADQAGAA4AAAISTAB2aOj9VnRJVgoZTXhntRgFACH5BAUKAAEALA4ABwAIABoAAAIjDBCZd2qMFHQwLuZek5hvb2nhBFLd9YnmR6Lj2Val+4ZLVgAAIfkEBQoAAQAsFAAAAAsAJgAAAjhMYKnAmgzdgc1RJK+c0dKtZZ1XkeUyoueTqpgJtsYnrrPMvW5s57XO6tFcQN/vBwwRTclhUGgrAAA7) no-repeat; background-size: 15px 15px; background-position: 0 6px; } .preview .content-wrap .audio-wrap .text { display: inline-block; position: relative; top: -3px; } .preview .content-wrap .file-wrap em { width: 22px; height: 23px; display: inline-block; background: url(data:image/png;base64,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) no-repeat; background-size: 22px 324px; background-position: 0 -301px; margin: 0 5px; top: 5px; } .preview .content-wrap .file-wrap .filename { display: inline-block; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; } .preview .content-wrap .file-wrap .size { margin-left: 37px; } pic-text-preview { display: block; border-radius: 5px; margin: 30px 10px 0; width: 300px; } pic-text-preview.border { border: solid 1px #ccc; } pic-text-preview .tuwen-wrap { text-align: left; position: relative; } pic-text-preview #pos { display: none; /*border-top: solid 1px red;*/ position: absolute; width: 100%; z-index: 999; } pic-text-preview .pt-wrap { text-align: left; border-bottom: solid 1px #ccc; width: 298px; padding: 3px 9px; word-wrap: break-word; position: relative; } pic-text-preview .pt-wrap:last-child { border-bottom: none; } pic-text-preview .pt-wrap .close { z-index: 999; position: absolute; top: -10px; right: -10px; cursor: pointer; display: none; height: 24px; width: 24px; border-radius: 100%; background: #fff url(data:image/png;base64,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) no-repeat; background-size: 22px 325px; background-position: 0 -115px; } pic-text-preview .pt-wrap:hover .close { display: block; } pic-text-preview .pt-wrap.choosed { box-shadow: 0 0 10px #999; z-index: 99; text-overflow: ellipsis; } pic-text-preview .multiple-pt-fisrt { width: 298px; position: relative; height: 155px; } pic-text-preview .multiple-pt-fisrt .i-title { background: rgba(0, 0, 0, 0.5); padding-left: 3px; position: absolute; bottom: 0px; color: #fff; height: 50px; width: 279px; } pic-text-preview .multiple-pt { height: 59px; } pic-text-preview .multiple-pt img { float: right; } pic-text-preview .multiple-pt .i-title { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } pic-text-preview .multiple-pt-default { width: 55px; height: 55px; background-color: #e4e4e4; border-radius: 4px; float: right; } pic-text-preview .add-more { border-top: solid 1px #ccc; text-align: center; padding: 5px; cursor: pointer; } pic-text-preview .add-more .add-border { border: dashed 1px #ccc; padding: 10px 0 2px; } pic-text-preview .add-more .add { background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icons.png?38d1a8e23d1bc2ab3846822af9e57f4b) no-repeat; width: 20px; height: 20px; display: block; margin: auto; } pic-text-preview .add-more .text { text-align: center; } reply-lib, send-message, material-lib-edit { padding: 0; display: block; width: 100%; height: 100%; min-width: 1000px; overflow: auto; position: relative; } reply-lib .class-wrap, send-message .class-wrap, material-lib-edit .class-wrap { padding: 10px 20px; border-bottom: solid 1px #cccccc; } reply-lib .select-class, send-message .select-class, material-lib-edit .select-class, reply-lib .class-option, send-message .class-option, material-lib-edit .class-option { outline: none; display: inline-block; cursor: pointer; } reply-lib .select-class, send-message .select-class, material-lib-edit .select-class { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; min-width: 100px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #ccc; outline: none; padding: 3px 18px 3px 5px; cursor: pointer; margin-top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat 95% center; } reply-lib .select-class.disabled, send-message .select-class.disabled, material-lib-edit .select-class.disabled { border: none; background: none; } reply-lib .modal-content, send-message .modal-content, material-lib-edit .modal-content { padding: 10px 20px 0; height: calc(100% - 82px); overflow-y: auto; /*padding-top: 10px;*/ } reply-lib .modal-content.no-class, send-message .modal-content.no-class, material-lib-edit .modal-content.no-class { height: calc(100% - 30px); } reply-lib .modal-content.no-page, send-message .modal-content.no-page, material-lib-edit .modal-content.no-page { height: calc(100% - 42px); } reply-lib .modal-content.no-class.no-page, send-message .modal-content.no-class.no-page, material-lib-edit .modal-content.no-class.no-page { height: 100%; } reply-lib .left-wrap, send-message .left-wrap, material-lib-edit .left-wrap { background: #ffffff; padding-right: 320px; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 60px - 60px - 16px); display: flex; flex-direction: column; padding-bottom: 84px; } reply-lib .left-wrap .mask, send-message .left-wrap .mask, material-lib-edit .left-wrap .mask { width: calc(100% - 320px); height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(160, 160, 160, 0.1); background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading.gif?654a09add0b3243026721188d641c175); background-position: center; background-repeat: no-repeat; z-index: 990; } reply-lib .left-wrap .nav-wrap, send-message .left-wrap .nav-wrap, material-lib-edit .left-wrap .nav-wrap { height: 153px; flex-basis: 153px; } reply-lib .left-wrap #material, send-message .left-wrap #material, material-lib-edit .left-wrap #material { flex: 1 0; } reply-lib .app-logo, send-message .app-logo, material-lib-edit .app-logo { height: 48px; padding: 15px; } reply-lib .app-logo .applogo-wrap, send-message .app-logo .applogo-wrap, material-lib-edit .app-logo .applogo-wrap { overflow: hidden; width: 25px; height: 25px; float: left; display: inline-block; position: relative; top: -3px; border-radius: 4px; margin-right: 10px; } reply-lib .send-to, send-message .send-to, material-lib-edit .send-to { padding: 12px 40px; border: solid 1px #eff4f8; border-right: none; border-bottom: none; background: #f9fbfd; height: 57px; position: relative; } reply-lib .send-to label, send-message .send-to label, material-lib-edit .send-to label { margin-right: 10px; float: left; line-height: 36px; } reply-lib .send-to input, send-message .send-to input, material-lib-edit .send-to input { width: 300px; display: inline-block; float: left; outline: none; } reply-lib .send-to .sender-wrap, send-message .send-to .sender-wrap, material-lib-edit .send-to .sender-wrap { border: solid 1px #ccc; position: absolute; left: 65px; top: 50px; width: 295px; background: #ffffff; z-index: 99; max-height: 200px; overflow-y: auto; padding: 5px; } reply-lib .send-to .sender-wrap .sender-span, send-message .send-to .sender-wrap .sender-span, material-lib-edit .send-to .sender-wrap .sender-span { position: relative; margin-right: 20px; float: left; } reply-lib .send-to .sender-wrap .sender-span .delete, send-message .send-to .sender-wrap .sender-span .delete, material-lib-edit .send-to .sender-wrap .sender-span .delete { position: absolute; top: -6px; right: -8px; cursor: pointer; } reply-lib .send-to .select-all, send-message .send-to .select-all, material-lib-edit .send-to .select-all { border: solid 1px #ccc; margin-left: 5px; display: inline-block; padding: 0 10px; height: 34px; line-height: 34px; vertical-align: top; cursor: pointer; background: #fff; } reply-lib .send-to .redisabled, send-message .send-to .redisabled, material-lib-edit .send-to .redisabled { background: #fff; } reply-lib .send-to .disabled, send-message .send-to .disabled, material-lib-edit .send-to .disabled { background: #ccc; } reply-lib .send-to .plus, send-message .send-to .plus, material-lib-edit .send-to .plus { cursor: pointer; margin-left: 5px; float: left; border: solid 1px #ccc; border-radius: 5px; display: inline-block; width: 34px; height: 34px; } reply-lib .send-to .plus em, send-message .send-to .plus em, material-lib-edit .send-to .plus em { display: block; margin: 7px auto; width: 18px; height: 18px; background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icons.png?38d1a8e23d1bc2ab3846822af9e57f4b) no-repeat; } reply-lib .material-nav, send-message .material-nav, material-lib-edit .material-nav { height: 48px; border: 1px solid #eff4f8; border-left: none; border-right: none; } reply-lib .material-nav span, send-message .material-nav span, material-lib-edit .material-nav span { width: 20%; color: #97a0b5; display: inline-block; margin: 0; border-left: solid 1px #eff4f8; border-bottom: solid 1px #eff4f8; cursor: pointer; text-align: center; font-size: 16px; background: #f9fbfd; line-height: 47px; height: 47px; float: left; } reply-lib .material-nav span em, send-message .material-nav span em, material-lib-edit .material-nav span em { margin-right: 20px; display: inline-block; position: relative; top: 5px; left: 0px; } reply-lib .material-nav #text em, send-message .material-nav #text em, material-lib-edit .material-nav #text em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTdGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFNEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgsri2UAAAB+SURBVHja7NixCYAwEIXhl+ASjuQcupNVwCV0IzFb6EUUxPqKK/6DF1KFL7zu0rysg6Ri6RVrDsuYg+L0mEpW7EkNOFlqQNzeKu7s2JwqPv+/91BGrxggQIAAAQIECBAgQIAAAQIECBAgQIAAXeb43GtE4LvrvnfLXo9eAgwAEYgOupEPiDkAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav #text.active em, send-message .material-nav #text.active em, material-lib-edit .material-nav #text.active em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTJGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFMEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFMUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PufX7L0AAACASURBVHja7NixCYAwEIXhF3EJJ3EG59B53CBruJEknSPoRRTE+oor/oMXUoUvvO7SuB6TpGwZFGuKZe6C4vSYcqfYkxpwsdSAuL1V3NuxOVV8/n/voYxeMUCAAAECBAgQIECAAAECBAgQIECAAAG6TPnca0Tgu+u+d8tej14CDACQRA6CRreNlAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #picText em, send-message .material-nav #picText em, material-lib-edit .material-nav #picText em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRUFGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MkNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFOEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFOUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpM1xbsAAAHBSURBVHja7FmxSgNBEL0Lll5IaT4g2lnqD0RBxUY/QQtBGy39AK0tRIUI/oB2BpH4AVprIYJgYbRMjCIoGt+QOViPNWxuF24PZ+AV2Z3de+8y9wZ2w72j026Q4ygEOQ8RkHUMacZCzzl3pYREQAYCKsAx0OYa7Ic251b+2GsGaBrs0+RcawGjwBWwABQN8oucS2vGNPOHQNlgnzLnWgvYBkop/l1as2VZIaELAVULAlOasWXg2WDtI7CUpg/oSmKQt6L6dKSZrxuWkLiQCBABIqAXLxqX6Qc1Xn3oxA2LF3TuQyfeBFopyLd4bead+BaYAE6AjkF+h3MneW3mnZjiDlh09N1JJxYBeRMwa+jbrvHEz7YWUHP50Q0QI/zsXJeQkz5g6tuuw1kfqGdUQuJCIkD6gPQB6QPSB/6HC30kxooe8x1OnnqQgPvEYNVjAdOJ3w8k4CwxSGf6JQ/J6+4bGgU+e/lSBulWJb6RiTwgHjGXy+D3jQ9xrpELXQP7wKoyGd+J+RwHxD12oQ3gIkfmQ6eF66qNkhPNs6pvj4kTt11gLnZPtQ+8AyvAOLAT9E7VPj0g/QbcMCfitqZa/48AAwAOAa86jMKd1AAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #picText.active em, send-message .material-nav #picText.active em, material-lib-edit .material-nav #picText.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNTA5MkZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MzBGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkyREYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkyRUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptm5McMAAAHSSURBVHjaYjHve/+fYQgDJoYhDkY9MNCABYsY4yB38//RJDTqgQHwgCoQrwXij9A0iA9/hKpVxWGWJxA/I8KcZ1C1eAEjlooMPROrAfFJIBYgMXA+ALEFEN9EEwc5TJJIM54DsRSlmbidDMczQPW0UZhCGKmRhFwocIArFrEUIH5BhN6nQJxMTj2ADvhIDBXkKObFIr+NhCQ0WgqNemDUA6MeYGD4hKWUwYeRwRda18TEeGAPBQG0C4vYXCKLUUmoWoo9UAVtFpAKPkD1DnhNDGrLmAHxOiD+TIT6z1C15ljaQQNSE4PAbSAOplK+G62JRz0w1DzgRWS5TW38HGo3xR6YQ81MRwKQgNo9pJMQVeoBYsttagOq1QPbBigJjZZCox4YrQdG64HRemC0HhgZpdAvNDG+QexeHvRRD5AH7qEJugxiD7ih8R+CPLADTRA0pi8wCB2Pbb5hDxN07OUvkqA6EJ8C4iAG7MPj9Aa8ULechLoNBkBungMqha4A8QwgzkaShM2JDWYwE+R2WClUBMR7h1DhAxotLEQuRkElkS/UV/8GscNBbpsKxN6w0hO5HvgOxBlArAfEExkgo2q/B4GjvwLxVaibQG7LQS76AQIMAOCbs6qhL0S0AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #pic em, send-message .material-nav #pic em, material-lib-edit .material-nav #pic em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODRGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODVGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDlERjlGRkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RDlERkEwMEYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps8WjaYAAASYSURBVHja1FpbbBVFGN5um9JEtIXwgvBiU9PSoj6gDUGfGrRFJVyEBxKDBrGVCiGEBCIYH+RiExUwilhaDWD6QLioEA0hQgIkxhpjGtQmDaXa0CcuSYEC9mjV7yfflmHOnN05l23nfMn3sLO7c+bbmf/aFuzZ962noRpcCTaA5eAEzy0Mg33gCbAd7FZvFiiCisEd4CrQ9/ID/4Jt4DrwjgwUKWJE2VwvvyAfvgl8FJwHJoKd2JmHYlTU8XTdVVhDlSougC+BpXIsHWMp13ZBW/MboqWIDqBQudEDzgYHHd2NG+BR8DT4I1jJcdGw0qc3U7HJYTEqBrlWFQ0+XbOK7/PIdk5q1+U+PZy+pSZU0/DE7/9FdnOsepwEDWnXxRKH/tMGC/SHLOJTUjwYQ9y3/qKIh23jU1I8GM/AFIZ049NoPHBRUFR8Co0HLgoyxadaxoAbSjyo5T1PjQcuCrKNT8Z44KKgdOLTyYh3nXEKmcJJL9enXYd5u+e0634XBZ3QrreBZYbnynjPifQpTNDn4IhyXcXsdjH4ILmYY1XKcyMsjccFYZnCb2Ar2KyMSap+JGLOVr7rpFNYl+bxOc13PFcFibd6AdzNBDSsWSE782IMHs5nOrU52yOniloN7gFf9+61t2T8T+5ge0zHrAQ8AC7l9S1wV9gLNuXDeGEy+A34jFYqNLFUMZYPrvbfHgF/0MQEH/szcPlYZAoPM1l9J8t5nqSYypA1fwEuydSGbIy2EWxhSbEI/AfcnsFcz4MHwYkRz0lG38E2QE53aAZ4hg6jVMsqNqY5VyNtRhfzN8v/rYZq+lCudqiYJcNbhiZLgBbu1IcRc4ldbEnhlq/yaJ3h9QNanCvJhSAx1L3cnSh8wFRoV8iHaUth5OfBheAfyth6imrMhVMo5dE6aykmgATFtYbxh9iAMYn5CnxaExO4aCnx92crSJLQbk6WKk5dAhfQWPUjJc2WN5Wx6eA5Q0kiC36XvYqhkLbVayb7sTly05j2LIhIez4B3wZvsuyYyg6QKupj2pS45O8oSoVkAa+Chy0+sBzjl2lD820yBZ+78R6PRiqcZzr0k+F4yg48Zvi6twyerJ/20pWBcxqOOnI1XMzuEDF36OFmGcQIrjOmDBg+li7mHDtHXRk4qISNDf0CzgmZ5BS/fOCWU2GAoq6HPLOXdnQ5zvIhVVy5Br4CPgtetJz/VzqURArjPpbrcsPWy31JV31Az24ti74VhvcK6BFrxlKQdH7qGSuuZPE7HV5yMzJwHl+DU+IWJLbxPjjTS24iZooWBmYdFUxIi+MS9DP4FLjBy/3fetbQbnTURVWi2QianaELtYEExGVgp+HeKi2byJmgkZir0duM7r2Gex9pGUZGghKGpDFuiIOZZ3A0hUx9Kizn0YP0kO+l18POJXq5U7e18Ungca1gTIWknrrv2few40AnbUo/5lX0fIUh7xp76iIoqocdN47R++moZ4GoI7SnHvx7mSSizV5+41PxkoGXS7eH7RpGe+q+kobb9LBdQ1JP3ddqC+lhP8540MMWkmuQAvF3rvEJFqKjGc3/AgwAgisR+/1MkqcAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav #pic.active em, send-message .material-nav #pic.active em, material-lib-edit .material-nav #pic.active em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODhGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODlGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4NkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4N0YyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqDZa1wAAASTSURBVHja1FpZjA1ZGK5b3ekhjGbixfJCiNbNzIM1eBK7EfvDJIJY2jpBJiGWeLB2YqaHYGasCeJB7ISIIEEyQUTE0onYRnjCxNa2pvH9yVftOPfUcu+t6j79JV/Sdarq3PPVOf+aTvUof+ZoKAangIPAtuB3jl14D94DT4BbwQr1pqv8XQBuAK+D88COFopxuKaOXKOs9R+woXczXxFzDOzn1C/IhkwD24ODwSpvh/6sh2JU9AXLPYUlVKniNjgaLARTlrGQa7utrXm6aMmnA8hTbtwCe4LPLd2Nl+AB8Ax4AezAcdEwxaU3U7HIYjEqnnOtKga5dM0qTtUj2zmpXbd16eH0LTWhmIYnfv8dWcGx4joSVKldF7gRXvKLT4HxoK6QH0FMlPiUFg/qMjAFIdP4VBMPbBQUFp8C44GNgkzxqTtjwEslHnTnPUeNBzYKihqfjPHARkGZxKeTIe9a4xSyhZVe7p52HeTtBmjXD2wUdEK7Xgk2NTzXlPesSJ+CBG0Dq5XrIma3o8DvyVEcK1Keq2ZpbF2mcAPcBM5UxiRV3x8y5ya+a6VTmJfh8TnDdxxbBYm3GgpuBD8FPPeJO/NzAh7OZTq1OI7k1BM1G/wbnOp8bW/J+H/cwa0JHbMG4E5wLK9fg2tzFeThJji3Fk/PD+BhsI8yVk5RW2o7sOaKNuC/mhiHTRKpu8bXhqCWTFaX5jhPV4rpELDm7eCYXI9c0EcpBctYUowEP4KrsphrCLgHbBzynGT0u9kGiHWHpAQ/S4dRqGUVCzKcq5Q2o4v5AM4AVxiq6b1x7VABS4aFhiaLhzLu1B8hc4ldLPdxy095tM7yupEW5xrEIUgMdTN3Jwy/MxVaG/BhtvgY+TVwBHhfGfuNokrjcAqFPFrnIopRXe0cw3gTNmBMYg6CvTUxgs8s8XfkKkiS0ApOlvJ55iE4nMaqHylptsxSxlqD5w0liSx4GXsVlT6/I89MNtlPlCPXimnP8JC0R/p2S8BXLDtasAOkilpPmxKXfJyiVEjAnAjui/CB5RiPow0N++br9Sh/9tnwRV3uxmoeDT9cYzp0yXA8ZQc6G77ua4Mne0B7uZqFc3ofduRKuJiNAWLe0sN1MYgRvGBMeWT4WLqY8+wcXc3CQVVFsaErYK+ASU7zy3tu2Q+PKOpFwDObaUePkywf/OLK/+AEsD94N+L81+lQqnyM+0jc5UZUL7eLrnonF5IJpOibZHgvRY9YUpuCpPMzkLHiSQ6/s9tJb0Z6zuMQ2DxpQWIba8BOTnoTMVuUMTDraMeEtCApQZfBbuB8erM48SvtRkffsEo0F0E9s3ShUSAB8RfwouHeDC2biE1QdcLV6BtG9zuGe+u0DCMrQVWGpDFpiIMZbHA0eUx92kWcRw/Sla6TWQ87TtzhTr3RxpuBR7WC0Q9pPXXXid7DTgIXaVP6MS+i58sLeNfYUxdBYT3spHGE3k/HQBaIOgJ76in+v5wkojOd+o2/xEt6Xi7THrZtqOmpu0oaHqWHbRvSeuquVltID/tHxoNbbCHZBikQb3KNP7EQrclovggwAN4qCT5QQmuBAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #audio em, send-message .material-nav #audio em, material-lib-edit .material-nav #audio em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFOENGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFOERGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4QUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4QkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pin3fjsAAARJSURBVHja7JlXaBRRFIbH7KqxETVGbNiNPthboon1QWNFsIsdCyLEQgTRPFkDFlQsiaIG9cFeNlgC+qAPGhFNFKOxRewoWELEBDWu/2HPws1hZnfn7iSC7IEPvXdmZ/6595xz7z2psS/7ohGG9QFjQQJoD5py/yfwAuQBesE93Re4NX5TA0wB6aCrxT2NQGcwGqwD+WATOAO8dl4WZVNcO3ADHA8gzsx6gVPgGmhdVQKH8VQlh+EStp8RqsDh4DJoKPp/gwtgDugLWoBY0APMBx5QIX5D13PBIKd8sCM4C2qL/hywgoNB2hfwABwG8WAnSFGu1+UPo6l/Fc4I0vWjIEbpIydPA+MtxEl7ysGSLgKEAukIB522wNkgUfSRuG02fY+EbQRrRf9gMFVXIH3ZGtF3DmwPI0gywCXRt0ZXIDlxJ6X9Eyw3wjMayVQOLr91A/11BI4Vbcpjr43w7QVHt2rjdAQONJlep+ysaA/QERgv2nccFHhftLvoCIwV7bcOCvwg2jE6AuW1Pw4K/Cza9Z3aLFS7RQRGBEYE/s8CvVX43nqi/UNHoEymLR0U2FS0S3QEFot2bwcF9hXtZzoCb4v2eAcFymfl6QiUJYfpIM4BcXTymyT6LukIvAreCMfOcEDgFhCttJ9zMcC2wAp+mGp01p0ZhrjFYIaJYK9uHswEhaLvIFioIW4e2CP6Cvh5AfPgEz5o+1HTyS8wC5QrfbXAfnDAZFNrZnF8gD8EXEr/NzBZVB46CC0PSGARH6L9jBQvyOfzsSxhLAAvwW4wAjRXBMRyJSGL75lr4j6T2P9USxFaCqn0cUWE/Uz+WnmiIz85JkogDcBSxv9i2nnXDDCiZWCa4at0SZP+mUsjeF6cU4eCniY/Pg2SeMStzBVE3EM+LXpMriWKkySdw3Oi+ADjERUFq9LGXa5crTA5+AQySlfLuFhUYFHF2Cr6TtJy64/iDSLUh7MIM6Mv2wHasGtk8jGyTCz+5Lt7wRjDV/jcJWZKlj+ShI9upv+4lUA4yI6v5qevINvioRThOYzfairXQrVFYL1Jensk82CaiCoXB8tOk+2REUB0qOIa8AhnGZVLcJR3V5sl6hKejo/CN1I5V9IHNHZgqWsCVvEOZom49h5MAN/9HbLC+pSj2CMqWy15yskvqMZ8nQOGikmvOKmWi2fV4VzW1vAVzmmLNYQDxWUivIgLVpWKom6LG/tzIMwWw+/ma1blsnK+v7aNEfWy/68EpaGuxd84+ydzIg+17BFtQ1wFB1gCr+2lZjcFK6LfBKN4imhNngi6W0xRqKKouH7C8NW+3wf7Qah/aSJf28hQJYrqef3YTynHteeNqGrveB0u5uxwi3fppXa+SOdPYSU87VeCnAJbRQ7uEYFVLJA2to+V3a80fz8l/2G6L3GHIZA2Ec0CXG+k/EvrbXx1j6Cdj4v+F1OcyitOMPscYG8Z1P4KMACJZOiJWDuVQwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #audio.active em, send-message .material-nav #audio.active em, material-lib-edit .material-nav #audio.active em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzUzRkZGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDBGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4RUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTNGRUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph+/3VQAAAQzSURBVHja7JlZbE1RFIZP3VsqSFEaU8waD+apNasHY4nELFVDDBFJDSGR8mZqgkYFMaQIHsxDG1PCAw9UzI2aVWqokBiaCg2q/pW7ruyu7HvvOfuekshdydd27zP9Z++11tl7NSox65MVhvUEKSARtAXx3P8ePAf54Ay4bfqAKAOBUWASWAU62bzmDlgHjoNKJw+r4VBcG3AFHHIgjqw7OAougZbVJTCZp2pAGC7h+B52BQ4F50B90f8TnAYzQC/QDMSBrmA2yAUV4ho6fgEMdMsH24ObIFb054ElHAzBLAFkgxGi/xNPfXE4I0jHDwhx5OTLwFgb4siegFEcVGqANAD7OeiMBaaBJNFH4jY59D0SthasFP2DwGRTgfRmGaLvJMgKI0gywVnRl2EqkJy4g9L+DhZb4RmNZDoHl986gz4mAlNEm/LYSyt8e87RrdoYE4H9NNPrlp0Q7b4mAhNE+4aLAu+JdkcTgXGi/dpFgW9FO9ZEoDz2y0WBH0S7rluLhb9uEYERgRGB/7PAymp8bh3R/moiUCbT5i4KjBftUhOBRaLdw0WBvUT7qYnA66I91kWB8l75JgLPiPZU0NgFcbTzmyD6zpoIvAheCcfOdEHgBhCjtJ9xMcCxwAq+mWq0100NQ9x8ME0juNI0D+4AhaIvB8w1EDcLbBN9d/l+QfPgY/BRQU0nP8B0UK701QS7wG7NolZn5Ld7wR7gUfo/g4mi8tBOaCkggY94E+1nuHjAHd4fyxLGHPACbAXDQFNFQBxXEnbyOTM17jOB/U+1EUJLoRc/zouwT+W3lTs68pODoJbSXw8sZPwPppV3dJAR/QamWL5KlzTpnxdoBE+JfeoQ0E1z8THQn0c8kHlCiLvPu8VczbEksZOkfXheDd7A5IqKQqDSxi2uXC3RbHyCGaWrRVwsuhugirFR9B2hz60/iteIUB/KInRGb7YZtGLX2MHbyG/i40++ux2MtnyFzy1ipmT5o7/w0fX0h1cJhBx2fDU/UYlsX4CbUoTnMX6LVo7ZtXlgtSa9PZB5cJmIKg8HS7ZmeWQFEW1XXD0e4Z1W1RIc5d0VukRdytPxTvhGOudKeoGGLnzqGoHlvIJZII6VgHHgyx8BmgprRw6aDpqbkw9RjfkyBwwVk4o5qZaLc2tzLmtt+QrntMQazIHi0dz7EResqhRFvQFO7MOBkCaG38vHApXLyvn8Wg5GtJL9fykos/st/szZfwAncrtljxgH4io4wBL5216mO8kb4iZXwUieIvomjwddAkyRXVEF4LDlq32XhLrA5D9NVImiel5v9lPKcW15IaraG/4OF3F2uMar9DInD/MajEIpT/v5ELvAFpGNe0RgNQukhe1DZfUrzd9P/2lKNn2INwyBtIhoEuR4A+U3fW8T/vYIOnm5mH8xxen8xQllH4KsLUPabwEGAAuK6P0x99EHAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #file em, send-message .material-nav #file em, material-lib-edit .material-nav #file em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDNGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDRGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwMUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwMkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5di/kAAAHcSURBVHja7JnPSkJBFMbHFCPI9BmEKAtq5wOEhFGreoWgiDZt27c1gqICg16gVgUS0tp9FoQg9AYiRv/I2zd4bgzj9YJp00ycAz9wzp0Zvm/u3DngRI7Pr4UWM2Ad5EEajIrgeAN1UAJF8CD+IEaU33FwCO7ADsiEiBf0LEN95ZgTMGbaQEwRL19FboCF2ACTYAm8m34D+wOIV2MBFExvoVlaPTVqYA0kQaQHSepT08Zu0pzGDMgPNqrkHkEWXIJmyNgm9cnSGD+iNKcxA3kttwsafczRoDFq5E0aSGu58g/mudHaaZMG4gFbo99oaW05pzckXqnGFKhG9awDtkZovXHBQFC9ufJ3jmsGuurNMA1EfonQeuPCGwitNy5tocB649o30FVvYgGdPIcMxV09hZwqZP/bQKzHeW5zeLyF2AAbYANsgA2wATbABtgAG2ADbIANDMmAfqM4YbHeca3dkgbqWjJnsYFFrf0kDZS05B5IWSg+RdrUKEsDZ+BTSU6DClgFCQuEJ0hLhbT5ITUX5f9CVXAKtpSHU+DC8u9Xaq76p5C8fyoLd+KWNH8fo/IkWgZHoG2x8Dat/Ip/eqp1QCa2wRw4EJ3bkA8LRD+De9I0LzpXSy/+wy8BBgBIL2OhdJKruAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #file.active em, send-message .material-nav #file.active em, material-lib-edit .material-nav #file.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDdGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDhGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwNUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwNkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFpbfwAAAHaSURBVHja7JnPSkJBFMbHFCPI9BmEKAtqZ/uQMGpVrxAU0aZt+7ZGUFBgj1CrAglp7T4LQhB6gkSM/pG3b/DcGMbrBdOmmTgHfuCcOzN839y5c8CJLBSehBYzYAPkQRqMiuB4A3VQAkVwL/4gRpTfcXAEbsEuyISIF/QsQ33lmBMwZtpATBF/BXIDLMQmmATL4N30GzgYQLwai6BgegvN0uqpUQPrIAkiPUhSn5o2dovmNGZAfrBRJfcAsuACNEPGNqlPlsb4EaU5jRnIa7k90OhjjgaNUSNv0kBay5V/MM+11k6bNBAP2Br9Rktryzm9IfFKNaZANapnHbA1QuuNCwaC6s2lv3NcM9BVb4ZpIPJLhNYbF95AaL1xaQsF1hvXvoGuehML6OQ5ZCju6inkVCH73wZiPc5zm8PjLcQG2AAbYANsgA2wATbABtgAG2ADbGBIBvQbxQmL9Y5r7ZY0UNeSOYsNLGntR2mgpCX3QcpC8SnSpkZZGjgDn0pyGlTAGkhYIDxBWiqkzQ+puSj/F6qCU7CtPJwC55Z/v1Jz1T+F5P1TWbgTN6T5+xiVJ9EKOAZti4W3aeVX/dNTrQMysQPmwKHo3IZ8WCD6GdyRpnnRuVp68R9+CTAAXQ1jaakee6IAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav span.active, send-message .material-nav span.active, material-lib-edit .material-nav span.active { background-color: #fff; border-bottom: 1px solid #fff; color: #4e9ae1; } reply-lib #material, send-message #material, material-lib-edit #material { padding: 20px 40px 20px; height: 400px; overflow-y: auto; } reply-lib #material.exclude-text, send-message #material.exclude-text, material-lib-edit #material.exclude-text { height: auto; } reply-lib #material.text material-text, send-message #material.text material-text, material-lib-edit #material.text material-text { min-height: calc(100vh - 422px); } reply-lib .material-select, send-message .material-select, material-lib-edit .material-select { margin-bottom: 20px; display: block; } reply-lib .preview, send-message .preview, material-lib-edit .preview { background: #ffffff; border-left: solid 1px #ccc; /*border-left: none;*/ display: block; width: 320px; right: 0px; position: absolute; top: 0; height: 100%; overflow-y: auto; overflow-x: hidden; min-height: calc(100vh - 60px - 60px - 16px); padding-bottom: 84px; } reply-lib #timed-message .modal-container, send-message #timed-message .modal-container, material-lib-edit #timed-message .modal-container { overflow: inherit; } reply-lib #timed-message > div, send-message #timed-message > div, material-lib-edit #timed-message > div { margin-top: 30px; } reply-lib #timed-message .time-wrapper, send-message #timed-message .time-wrapper, material-lib-edit #timed-message .time-wrapper { display: flex; flex-direction: row; align-items: center; } reply-lib #timed-message .time-wrapper > div, send-message #timed-message .time-wrapper > div, material-lib-edit #timed-message .time-wrapper > div { margin-right: 15px; position: relative; } reply-lib #timed-message .time-wrapper > div span.caret-down, send-message #timed-message .time-wrapper > div span.caret-down, material-lib-edit #timed-message .time-wrapper > div span.caret-down { position: absolute; right: 8px; top: 12px; display: block; border-style: solid; border-width: 7px; border-color: #ccc transparent transparent transparent; } reply-lib #timed-message .time-wrapper > div > span:first-child, send-message #timed-message .time-wrapper > div > span:first-child, material-lib-edit #timed-message .time-wrapper > div > span:first-child { display: block; width: 180px; height: 30px; border: 1px solid #ccc; border-radius: 4px; position: relative; outline: none; } reply-lib #timed-message .time-wrapper > div > span:first-child input, send-message #timed-message .time-wrapper > div > span:first-child input, material-lib-edit #timed-message .time-wrapper > div > span:first-child input { border-radius: 4px; border: none; height: 28px; outline: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul, send-message #timed-message .time-wrapper > div > span:first-child ul, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul { background: #fff; position: absolute; top: 30px; width: 100%; z-index: 9999; border: 1px solid #ccc; border-radius: 4px; height: 300px; overflow-y: auto; cursor: not-allowed; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li, send-message #timed-message .time-wrapper > div > span:first-child ul li, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li { padding: 10px 30px; text-align: center; cursor: pointer; position: relative; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li span.icon-select { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat 10px center; position: absolute; width: 30px; height: 20px; left: 0; background-size: 57%; display: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select { display: block; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable, send-message #timed-message .time-wrapper > div > span:first-child ul li.disable, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable { cursor: not-allowed; pointer-events: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select { display: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2), send-message #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2), material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2) { color: #ccc; } reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sTime, send-message #timed-message .time-wrapper > div > span:first-child #inp-sTime, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sTime { padding-left: 24px; } reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sHours, send-message #timed-message .time-wrapper > div > span:first-child #inp-sHours, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sHours, reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sMinutes, send-message #timed-message .time-wrapper > div > span:first-child #inp-sMinutes, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sMinutes { padding-right: 30px; padding-left: 20px; width: 100%; text-align: center; cursor: pointer; background: #fff; } reply-lib #timed-message .time-wrapper .hours-wrapper, send-message #timed-message .time-wrapper .hours-wrapper, material-lib-edit #timed-message .time-wrapper .hours-wrapper { margin-right: 10px; } reply-lib #timed-message .time-wrapper .hours-wrapper > span:first-child, send-message #timed-message .time-wrapper .hours-wrapper > span:first-child, material-lib-edit #timed-message .time-wrapper .hours-wrapper > span:first-child { width: 100px; } reply-lib #timed-message .time-wrapper .min-wrapper, send-message #timed-message .time-wrapper .min-wrapper, material-lib-edit #timed-message .time-wrapper .min-wrapper { margin-left: 10px; } reply-lib #timed-message .time-wrapper .min-wrapper > span:first-child, send-message #timed-message .time-wrapper .min-wrapper > span:first-child, material-lib-edit #timed-message .time-wrapper .min-wrapper > span:first-child { width: 100px; } reply-lib #timed-message .send-time, send-message #timed-message .send-time, material-lib-edit #timed-message .send-time { margin-top: 40px; text-align: center; color: #999; } reply-lib #timed-message .send-time > span:nth-of-type(2), send-message #timed-message .send-time > span:nth-of-type(2), material-lib-edit #timed-message .send-time > span:nth-of-type(2) { color: #000; } reply-lib #post.btns, send-message #post.btns, material-lib-edit #post.btns { border: none; border-top: solid 1px #ccc; background: #fff; width: 100%; height: 84px; flex-basis: 50px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; left: 0; bottom: 0; z-index: 100; display: flex; justify-content: center; align-items: center; padding: 24px 0; } reply-lib #post.btns .save-to-material, send-message #post.btns .save-to-material, material-lib-edit #post.btns .save-to-material { float: left; margin-left: 20px; cursor: pointer; } reply-lib #post.btns .save-to-material input, send-message #post.btns .save-to-material input, material-lib-edit #post.btns .save-to-material input { margin-top: 21px; margin-right: 10px; } reply-lib #post.btns .select-class, send-message #post.btns .select-class, material-lib-edit #post.btns .select-class { display: inline-block; margin-top: 16px; } reply-lib #post.btns .select-class option, send-message #post.btns .select-class option, material-lib-edit #post.btns .select-class option { display: inline-block; } reply-lib #post.btns span, send-message #post.btns span, material-lib-edit #post.btns span { margin: 0px 20px 0px 0px; display: inline-block; float: right; color: #97a0b5; } reply-lib #post.btns #send, send-message #post.btns #send, material-lib-edit #post.btns #send, reply-lib #post.btns #timedBtn, send-message #post.btns #timedBtn, material-lib-edit #post.btns #timedBtn { margin: 0px 20px 0px 0px; float: right; } material-lib-edit .left-wrap, material-lib-edit .preview { min-height: calc(100vh - 286px); } send-message .button-wrap .btn-primary { margin-right: 8px; } @keyframes rotate { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @keyframes importing { 30% { content: '导入中.'; } 60% { content: '导入中..'; } 90% { content: '导入中...'; } } material-text { height: 100%; display: flex; flex-direction: column; } material-text .btn-primary { margin-right: 10px; } material-text .modal-title span { display: flex; justify-content: center; } material-text .textarea { /*margin-top: 20px;*/ height: 300px; border: solid 1px #ccc; display: flex; flex-direction: column; position: relative; top: -5px; } material-text .textarea textarea { padding: 10px; border: none; resize: none; /*height: 270px;*/ height: 100%; outline: none; } material-text .text-footer { padding: 0 10px; text-align: right; flex-basis: 21px; } material-text .text-footer a { float: left; margin-bottom: 10px; } material-text .text-footer a img { width: 18px; height: 18px; } #material .modal-container { padding: 0; } #material .tip-text { color: #97a0b5; } #material .add-image, #material .add-audio, #material .add-file, #material .add-cover { position: relative; overflow: hidden; display: inline-block; } #material .add-image .upload-input, #material .add-audio .upload-input, #material .add-file .upload-input, #material .add-cover .upload-input { width: 100%; height: 100%; max-height: unset; } #material .add-cover { float: left; /*cursor: pointer;*/ } #material .add-cover .upload-input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*cursor: pointer;*/ } #material .add-image, #material .add-audio, #material .add-file { border: 1px dashed #c5cbd9; display: inline-block; width: 120px; height: 120px; } #material .add-image .image-icon, #material .add-audio .image-icon, #material .add-file .image-icon, #material .add-image .waiting-icon, #material .add-audio .waiting-icon, #material .add-file .waiting-icon { display: inline-block; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTc2NEE4RUZGNzM4MTFFNjk3RjhGREJGMzVDRTYxMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTc2NEE4RjBGNzM4MTFFNjk3RjhGREJGMzVDRTYxMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzY0QThFREY3MzgxMUU2OTdGOEZEQkYzNUNFNjEwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzY0QThFRUY3MzgxMUU2OTdGOEZEQkYzNUNFNjEwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgJ+NzUAAAFlSURBVHja7NvBSQNBFIDhXfEokiaCJZizLCnATnITcg+etBItIKQAS4hYhInxHmd0FjTEHY1CBv1+eGCYy/qxZBXe1uv1uiqlwfWi/bEf5jJMkz7PwlyEeYgf7ka9Yq75sCqvk2gU5r3SeZizaBzmvqSLPSgQcLKB19ZLZxXA7pqOsyHAfMcdZ0cA/1gAAQIECFAAAQIEKIAAAQIUQIAAAQogQIAABRAgQIACCBAgQG2tPr16LO2acjvHdYl3YNxJvgmzTL/APucrwPucZbLqt3fgtp1k5Ysb8YN4B07g7dTrznYEbFjs3NBT+BceIjMMOzeNgOP0hajvP0TGEXBevb0BdBtmxSXbKllFs7k/pH/6n0iBLxtmAUt62dBTGCBAgAAFECBAgAIIECBAAQQIEKAAAgQIUAABAgQogAABAhTA/wL41HH2DDBf1872FGC+z3a2F+kMYKbNne0PO8mlXeyLAAMAIFR4jRjBjecAAAAASUVORK5CYII=) no-repeat; background-size: 100%; position: relative; left: 40px; top: 30px; } #material .add-image .waiting-icon, #material .add-audio .waiting-icon, #material .add-file .waiting-icon { background: url(data:image/png;base64,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) no-repeat; background-size: 100%; animation: rotate 1.5s linear infinite; } #material .add-image span, #material .add-audio span, #material .add-file span { display: inline-block; margin-top: 30px; margin-left: 32px; color: #aaa; } #material .add-image span.importing, #material .add-audio span.importing, #material .add-file span.importing { width: 60px; } #material .add-image span.importing::after, #material .add-audio span.importing::after, #material .add-file span.importing::after { display: block; content: '导入中'; animation: importing 1.5s linear infinite; } #material .added-image { /*display: inline-block;*/ display: table-cell; vertical-align: middle; text-align: center; width: 120px; height: 120px; overflow: hidden; position: relative; border: 1px solid #ccc; } #material .info-voice { display: inline-block; width: 120px; height: 120px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABACAMAAABWbGUSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABa1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAAB/GKQSAAAAd3RSTlMAAT6JxOj5igJi2yHKQOtGqVkgBgwoqkcn8q4krfMD/HZjqz8cG6Sjw1RTwh8HDSbiI/imbFzLdQ/2PGvMO5y+rJ0r/VhJBSyh7h7tF9EK0Bi/3F3Ji8XIveVDUOcL/qgJ+6c2+tqQLxQxMl7YTK/3TYW21+ZK5JerpnwAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAACT0lEQVRIx+2W61sSQRTGBxBclIyLkGWsKxYVWWnirUgsxZCK1NSsoPJueVds//3OOyvuZWZRn6cPfeB82DnnnR+zM+dhzxnGHObx+lr8gYC/pdXrYY1NCbbpF9YWVBqx7SHdZqF2d/ZGh+6wDq8bezOA+UA4Eo11xiMJI7olZ7tuY/ZOdz3uvos42SVjVey3R7NKWg/2rUrgINbR7JoGrVdkPchZyqmmkEEx3304zT2neh+n7BNgH6lp8YUPSPYJ6kNSH4lwhuTHguontV+E+0n2Cyo290SEYziKoCJJkoTK9SbchJvwP4fxwT4VWfkHi1LwTITlpeBaRab1KuVrgKJB5loYn58XxkEaB9gQPbPsvOQmnHACJRc9K0vOEBum5wj0XiRp1M6OXhRztIVhNjZOwwsK1RG0iayVfYk2kUObeEXO+BhjEzTmMRVPYp1JswGleAOKw8+T95rGN1PkTEMpGM0snYnOzEQzaSMqYGaavKm38IrkzZY4nXQ2zSRnS+/ILfLXvZ8l90OZ7yRnZ3N8D+WPWG7O2BwSos9zWgkumOiC0ejL8wg+1Y+CM+qLxk8V79IyrhDLS17jTjD3GbMT5l9rBfGXr0xi3yqYW4mZShWp0b8XS0609INvKN9pFX+Gubi6tm5V19dWuRwu25fwaBvGqTa3Its7qrqzHdnaNJQNTezHvxZ1qYV+y46i7O6J6N6u2z1J3T84tJKHB/sNr1TVo+OTU4CnJ8dHVXYFcysL/ytcqNVzUStcCtfMzNWuA1cuhc8qdfbPmXPuLxbsSdkrJ9+mAAAAAElFTkSuQmCC) no-repeat center; border: 1px solid #ccc; } #material .info-file { display: inline-block; width: 120px; height: 120px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAAC1RNWpAAAAH3RSTlMAKo7W+AaU/ZgJu72VK/zaUg6P2BDX+Qzz1JAsDfr0OITgcgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADzSURBVFjD7ZfZDoIwFETL7sJSaEFZtP//l96KqUQoXtoHDek8Tu4cE5mHDiEgzw9CMVEY+B7BK4oTMVNyOKLzJ7Goc4QEpEKjGJfPcrgtaDn1SlqAmWcoQAWnjH+6nIFdoQA1XNK5TcGuUYAGLsu5fQG7QQHk36Xz16S6YgpQXbEAjF2xAsiu6ADfpLpiClBdMQe8umIBGLtiARizOwHYaC+A338FB3AAB3AAB3AAB/gngGZwYCQfmlfd5MFIPnXb5+iquUmey9/uSC9nH6PD1vhA5WM971eGJ0Yp0U9fjMZ5vDi+MXoP9Kxjt63pe9v1MvsAPSSISNqT7QIAAAAASUVORK5CYII=) no-repeat center; border: 1px solid #ccc; } #material .info { display: inline-block; } #material .info a { /*margin-right: 10px;*/ margin: 0px 20px; } #material .info span:last-child { margin-left: 20px; } material-lib-pic-text-editor .btn-import, material-pic-text .btn-import { float: left; } material-lib-pic-text-editor #edui1_toolbarbox, material-pic-text #edui1_toolbarbox { position: relative!important; } material-lib-pic-text-editor #editor-send > div.edui-editor, material-pic-text #editor-send > div.edui-editor, material-lib-pic-text-editor #editor-pic-text > div.edui-editor, material-pic-text #editor-pic-text > div.edui-editor { z-index: 0; } material-lib-pic-text-editor .btn-primary, material-pic-text .btn-primary { margin-right: 10px; } material-lib-pic-text-editor .modal-title span, material-pic-text .modal-title span { display: flex; justify-content: center; } material-lib-pic-text-editor .attachment-wrapper, material-pic-text .attachment-wrapper { float: left; width: 100%; } material-lib-pic-text-editor .attachment-wrapper:after, material-pic-text .attachment-wrapper:after { content: ''; display: block; clear: both; } material-lib-pic-text-editor .attachment-wrapper .attachment-button, material-pic-text .attachment-wrapper .attachment-button { /*float: left;*/ /*width: 100px;*/ height: 20px; position: relative; cursor: pointer; margin-right: 10px; } material-lib-pic-text-editor .attachment-wrapper .attachment-button .add-attachment, material-pic-text .attachment-wrapper .attachment-button .add-attachment { display: block; /*width: 100px;*/ height: 20px; padding-left: 24px; } material-lib-pic-text-editor .attachment-wrapper .attachment-button .add-attachment .attachment-icon, material-pic-text .attachment-wrapper .attachment-button .add-attachment .attachment-icon { width: 20px; height: 20px; /*display: inline-block;*/ float: left; margin-left: -24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2MjVENTYyODNDMjExRTdBNTBBOEJEOUFDNTU3QkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2MjVENTYzODNDMjExRTdBNTBBOEJEOUFDNTU3QkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYyNUQ1NjA4M0MyMTFFN0E1MEE4QkQ5QUM1NTdCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYyNUQ1NjE4M0MyMTFFN0E1MEE4QkQ5QUM1NTdCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5MefpzAAAC90lEQVR42qyWe2iNYRzHz2FlxBpSSrQlUZTcirKyzCVFwszU0fYHSYQ1C4sxly2XYQuxck1okdKU64pkueRSGP5AmUus3NI0HN9ffd56Wts5796dpz79nvOe532+z+V3ecPRaDRUfexsKGAbLYaKP+KueBtr8OK8nFBSQKHxolqMcJ5FxXmxXHxs78UuAcRmiluIvRN2PJdFi5gr7oh+iRLsK44KO5ndIl0sENPFYPFApImqRAluQfSqKOTuvGa7ncezbNG/s4J2hEuYcFU7Y95w3DbvuM4KVoqu4qB4JoaJG2Jqq3E/Y83tV3C2yBRNYjPP9vFskjOup8ig/zyoYDdRQb8U0VnszHaz3xlbJFJFvXgZVHA13mgrPsACdvFfmWikP0isob8ea+8NdCeLF/jmacWOsOcwQ8RrZ+chFpEsLog6MUA85kTS/e6wnHupJbhtARv4z3bTTD+TULDfBTzbIXqJJ36PdKxYRAYp5NlWkcIOzvHMPHcP/Qp2PkHk8m6RH8Ew2SKMUzSwgHzxl+P1msXmSO6yjDkredfsCz+CuSToL4RBmNXb+MPcjbU+ZB9ra/HaCIv7zInE9dLunL+1jeIr+TKDfokztoRUZ2FwiuMu579ixscVzMfDGihBPZxJNrFyL9UtE//ECsrTOhzrkTjiNw7nY6sIg0JirIE49NpewuqkuE+18O52JXftS3AUtg4bccKgxUl1k8V37s6LQ0sKNeJmR8pTCvY9NhX7EJvsBPw2qnsWi2h2so1vwU/YNOw9rFWJGeIEmeMVCTzJicOd8b5r2hKsx85xjrKJT4taJ6OYc/0WS3GgRse5OiToeVcBOfMp92q7uCIOiTHiNs5U6lSKX/EE20reF8V1nMIcJ4fJC1qNs4p+RvQW18RpP4W1LcEomcbEhvPJYAu4JD4QZ1PENPKola2FvBdIMERwTyTWInhhVqsxFvDHiblvfr9TYtVDS0t5uH42+dHKzQ8+B2vaq+pBBb1m7r89lKD2X4ABAJ2vseujsWvqAAAAAElFTkSuQmCC) no-repeat center; background-size: 17px; } material-lib-pic-text-editor .attachment-wrapper .attachment-button .add-attachment.disable, material-pic-text .attachment-wrapper .attachment-button .add-attachment.disable { color: #ccc; } material-lib-pic-text-editor .attachment-wrapper .attachment-button .upload-attachment, material-pic-text .attachment-wrapper .attachment-button .upload-attachment { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -100000em; background-color: #fff; opacity: 0; z-index: 3; cursor: pointer; } material-lib-pic-text-editor .file-wrapper, material-pic-text .file-wrapper { float: left; /*margin-right: 10px;*/ padding-left: 80px; line-height: 20px; width: 79%; margin-top: -10px; box-sizing: content-box; } material-lib-pic-text-editor .file-wrapper .file-item, material-pic-text .file-wrapper .file-item { /*padding-right: 25px;*/ display: block; overflow: hidden; position: relative; margin-bottom: 5px; } material-lib-pic-text-editor .file-wrapper .file-item:after, material-pic-text .file-wrapper .file-item:after { content: ''; display: block; clear: both; } material-lib-pic-text-editor .file-wrapper .file-item:hover .delete-attach, material-pic-text .file-wrapper .file-item:hover .delete-attach { display: block; } material-lib-pic-text-editor .file-wrapper .file-item span, material-pic-text .file-wrapper .file-item span { float: left; height: 20px; line-height: 20px; margin-right: 5px; } material-lib-pic-text-editor .file-wrapper .file-item .filename, material-pic-text .file-wrapper .file-item .filename { max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } material-lib-pic-text-editor .file-wrapper .file-item .delete-attach, material-pic-text .file-wrapper .file-item .delete-attach { width: 20px; height: 20px; /*display: none;*/ /*position: absolute; top: 0; right: 0;*/ /*margin-left: -20px;*/ /*margin-top: 2px;*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkAAABLig+1AAAAH3RSTlMAz8gSIdq6zhMg4MPQFN8V0dIf1N4WHtPVF9YYxrSo9HCyxQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABxSURBVAjXTczbFoIgEIXhDZ2wkBERtbL2+79lkyjLuZn1Xewfxp6w3flyheXNFTV3PuAMjdvkW6BV62vCKrWnl7+kjNRdYCd7UiIPQh/IVNkPjJEpF40DJ5GJ87NK92m1qszUrzdSjeSZCz5L3pPZfn/ssghSTbshtwAAAABJRU5ErkJggg==) no-repeat center; background-size: 12px; cursor: pointer; } material-lib-pic-text-editor .file-wrapper .file-item .loading-icon, material-pic-text .file-wrapper .file-item .loading-icon { width: 20px; height: 20px; background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading_spinner.gif?078aa3f09332c2484dbfd7239ef39e2d) no-repeat center; background-size: 36px; } material-lib-pic-text-editor .file-wrapper .file-item .reload-icon, material-pic-text .file-wrapper .file-item .reload-icon { width: 20px; height: 20px; background: url(data:image/png;base64,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) no-repeat center; background-size: 16px; cursor: pointer; } material-lib-pic-text-editor .input-wrap, material-pic-text .input-wrap { display: block; width: 100%; margin-bottom: 20px; float: left; } material-lib-pic-text-editor .input-wrap > label, material-pic-text .input-wrap > label { float: left; margin-top: 3px; margin-right: 20px; width: 60px; text-align: right; } material-lib-pic-text-editor .input-wrap > label.unique-label, material-pic-text .input-wrap > label.unique-label { width: auto; text-align: left; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; cursor: pointer; margin-top: 6px; } material-lib-pic-text-editor .input-wrap input, material-pic-text .input-wrap input, material-lib-pic-text-editor .input-wrap textarea, material-pic-text .input-wrap textarea { width: 80%; display: inline-block; margin-top: 0; float: left; } material-lib-pic-text-editor .input-wrap .unique-input, material-pic-text .input-wrap .unique-input { width: auto; margin: 5px 5px 0 5px; } material-lib-pic-text-editor .input-wrap textarea, material-pic-text .input-wrap textarea { height: 100px; } material-lib-pic-text-editor .input-wrap .add-cover, material-pic-text .input-wrap .add-cover { display: inline-block; } material-lib-pic-text-editor .input-wrap .annotation, material-pic-text .input-wrap .annotation { display: inline-block; margin: 7px; color: #ccc; float: left; } material-lib-pic-text-editor .input-wrap .hint-wrap, material-pic-text .input-wrap .hint-wrap { position: relative; } material-lib-pic-text-editor .input-wrap .hint-wrap .title, material-pic-text .input-wrap .hint-wrap .title, material-lib-pic-text-editor .input-wrap .hint-wrap .description, material-pic-text .input-wrap .hint-wrap .description { padding-right: 60px; } material-lib-pic-text-editor .input-wrap .hint-wrap .description i, material-pic-text .input-wrap .hint-wrap .description i { display: inline-block; width: 25px; text-align: right; } material-lib-pic-text-editor .input-wrap .title-length, material-pic-text .input-wrap .title-length, material-lib-pic-text-editor .input-wrap .description-length, material-pic-text .input-wrap .description-length { position: relative; right: 50px; top: 7px; } material-lib-pic-text-editor .input-wrap .title-length i, material-pic-text .input-wrap .title-length i, material-lib-pic-text-editor .input-wrap .description-length i, material-pic-text .input-wrap .description-length i { font-style: normal; } material-lib-pic-text-editor .input-wrap .description-length, material-pic-text .input-wrap .description-length { right: 60px; } material-lib-pic-text-editor .input-wrap #editor-send .fr-input-line, material-pic-text .input-wrap #editor-send .fr-input-line { overflow: hidden; } material-lib-pic-text-editor .input-wrap #editor-send .fr-wrapper ul, material-pic-text .input-wrap #editor-send .fr-wrapper ul { /*-webkit-padding-start: 40px;*/ padding-left: 40px; } material-lib-pic-text-editor .input-wrap #editor-send .fr-wrapper ul > li, material-pic-text .input-wrap #editor-send .fr-wrapper ul > li { list-style-type: disc; } material-lib-pic-text-editor .input-wrap #editor-send .fr-wrapper ol, material-pic-text .input-wrap #editor-send .fr-wrapper ol { /*-webkit-padding-start: 40px;*/ padding-left: 40px; } material-lib-pic-text-editor .input-wrap #editor-send .fr-wrapper ol > li, material-pic-text .input-wrap #editor-send .fr-wrapper ol > li { list-style-type: decimal; } material-pic-text .btn-primary { margin-right: 10px; } material-pic-text .modal-title span { display: flex; justify-content: center; } material-pic-text .material-select { width: 100px; text-indent: 6px; } material-pic-text .input-wrap .annotation { margin-top: 4px; } material-pic .btn-primary { margin-right: 10px; } material-pic .modal-title span { display: flex; justify-content: center; } material-pic .added-image img { max-width: 120px; max-height: 120px; } material-audio .btn-primary { margin-right: 10px; } material-audio .modal-title span { display: flex; justify-content: center; } material-file .btn-primary { margin-right: 10px; } material-file .modal-title span { display: flex; justify-content: center; } .outer-chain-type { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat scroll 93px 11px transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #ccc; outline: none; padding: 3px 18px 3px 5px; cursor: pointer; margin-top: 2px; } .outer-chain-type.disabled { border: none; background: none; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ .outer-chain-type::-ms-expand { display: none; } .highmanager-label { position: absolute; left: 10px; top: 6px; } .highmanager-label input { margin-right: 10px; } send-list .app-list { padding: 30px 30px 0 30px; } send-list .app-list li { width: 134px; margin: 0 4px 30px 0px; } send-list .app-list li a { display: block; text-align: center; } send-list .app-list li img { width: 78px; height: 78px; border-radius: 100%; } send-list .app-list li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 134px; font-size: 14px; color: #333; } reply-lib, send-message, material-lib-edit { padding: 0; display: block; width: 100%; height: 100%; min-width: 1000px; overflow: auto; position: relative; } reply-lib .class-wrap, send-message .class-wrap, material-lib-edit .class-wrap { padding: 10px 20px; border-bottom: solid 1px #cccccc; } reply-lib .select-class, send-message .select-class, material-lib-edit .select-class, reply-lib .class-option, send-message .class-option, material-lib-edit .class-option { outline: none; display: inline-block; cursor: pointer; } reply-lib .select-class, send-message .select-class, material-lib-edit .select-class { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; min-width: 100px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #ccc; outline: none; padding: 3px 18px 3px 5px; cursor: pointer; margin-top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat 95% center; } reply-lib .select-class.disabled, send-message .select-class.disabled, material-lib-edit .select-class.disabled { border: none; background: none; } reply-lib .modal-content, send-message .modal-content, material-lib-edit .modal-content { padding: 10px 20px 0; height: calc(100% - 82px); overflow-y: auto; /*padding-top: 10px;*/ } reply-lib .modal-content.no-class, send-message .modal-content.no-class, material-lib-edit .modal-content.no-class { height: calc(100% - 30px); } reply-lib .modal-content.no-page, send-message .modal-content.no-page, material-lib-edit .modal-content.no-page { height: calc(100% - 42px); } reply-lib .modal-content.no-class.no-page, send-message .modal-content.no-class.no-page, material-lib-edit .modal-content.no-class.no-page { height: 100%; } reply-lib .left-wrap, send-message .left-wrap, material-lib-edit .left-wrap { background: #ffffff; padding-right: 320px; height: 100%; width: 100%; position: relative; min-height: calc(100vh - 60px - 60px - 16px); display: flex; flex-direction: column; padding-bottom: 84px; } reply-lib .left-wrap .mask, send-message .left-wrap .mask, material-lib-edit .left-wrap .mask { width: calc(100% - 320px); height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(160, 160, 160, 0.1); background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading.gif?654a09add0b3243026721188d641c175); background-position: center; background-repeat: no-repeat; z-index: 990; } reply-lib .left-wrap .nav-wrap, send-message .left-wrap .nav-wrap, material-lib-edit .left-wrap .nav-wrap { height: 153px; flex-basis: 153px; } reply-lib .left-wrap #material, send-message .left-wrap #material, material-lib-edit .left-wrap #material { flex: 1 0; } reply-lib .app-logo, send-message .app-logo, material-lib-edit .app-logo { height: 48px; padding: 15px; } reply-lib .app-logo .applogo-wrap, send-message .app-logo .applogo-wrap, material-lib-edit .app-logo .applogo-wrap { overflow: hidden; width: 25px; height: 25px; float: left; display: inline-block; position: relative; top: -3px; border-radius: 4px; margin-right: 10px; } reply-lib .send-to, send-message .send-to, material-lib-edit .send-to { padding: 12px 40px; border: solid 1px #eff4f8; border-right: none; border-bottom: none; background: #f9fbfd; height: 57px; position: relative; } reply-lib .send-to label, send-message .send-to label, material-lib-edit .send-to label { margin-right: 10px; float: left; line-height: 36px; } reply-lib .send-to input, send-message .send-to input, material-lib-edit .send-to input { width: 300px; display: inline-block; float: left; outline: none; } reply-lib .send-to .sender-wrap, send-message .send-to .sender-wrap, material-lib-edit .send-to .sender-wrap { border: solid 1px #ccc; position: absolute; left: 65px; top: 50px; width: 295px; background: #ffffff; z-index: 99; max-height: 200px; overflow-y: auto; padding: 5px; } reply-lib .send-to .sender-wrap .sender-span, send-message .send-to .sender-wrap .sender-span, material-lib-edit .send-to .sender-wrap .sender-span { position: relative; margin-right: 20px; float: left; } reply-lib .send-to .sender-wrap .sender-span .delete, send-message .send-to .sender-wrap .sender-span .delete, material-lib-edit .send-to .sender-wrap .sender-span .delete { position: absolute; top: -6px; right: -8px; cursor: pointer; } reply-lib .send-to .select-all, send-message .send-to .select-all, material-lib-edit .send-to .select-all { border: solid 1px #ccc; margin-left: 5px; display: inline-block; padding: 0 10px; height: 34px; line-height: 34px; vertical-align: top; cursor: pointer; background: #fff; } reply-lib .send-to .redisabled, send-message .send-to .redisabled, material-lib-edit .send-to .redisabled { background: #fff; } reply-lib .send-to .disabled, send-message .send-to .disabled, material-lib-edit .send-to .disabled { background: #ccc; } reply-lib .send-to .plus, send-message .send-to .plus, material-lib-edit .send-to .plus { cursor: pointer; margin-left: 5px; float: left; border: solid 1px #ccc; border-radius: 5px; display: inline-block; width: 34px; height: 34px; } reply-lib .send-to .plus em, send-message .send-to .plus em, material-lib-edit .send-to .plus em { display: block; margin: 7px auto; width: 18px; height: 18px; background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icons.png?38d1a8e23d1bc2ab3846822af9e57f4b) no-repeat; } reply-lib .material-nav, send-message .material-nav, material-lib-edit .material-nav { height: 48px; border: 1px solid #eff4f8; border-left: none; border-right: none; } reply-lib .material-nav span, send-message .material-nav span, material-lib-edit .material-nav span { width: 20%; color: #97a0b5; display: inline-block; margin: 0; border-left: solid 1px #eff4f8; border-bottom: solid 1px #eff4f8; cursor: pointer; text-align: center; font-size: 16px; background: #f9fbfd; line-height: 47px; height: 47px; float: left; } reply-lib .material-nav span em, send-message .material-nav span em, material-lib-edit .material-nav span em { margin-right: 20px; display: inline-block; position: relative; top: 5px; left: 0px; } reply-lib .material-nav #text em, send-message .material-nav #text em, material-lib-edit .material-nav #text em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTdGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFNEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFNUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgsri2UAAAB+SURBVHja7NixCYAwEIXhl+ASjuQcupNVwCV0IzFb6EUUxPqKK/6DF1KFL7zu0rysg6Ri6RVrDsuYg+L0mEpW7EkNOFlqQNzeKu7s2JwqPv+/91BGrxggQIAAAQIECBAgQIAAAQIECBAgQIAAXeb43GtE4LvrvnfLXo9eAgwAEYgOupEPiDkAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav #text.active em, send-message .material-nav #text.active em, material-lib-edit .material-nav #text.active em { width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRTJGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjMzNDFBRTNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFMEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFMUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PufX7L0AAACASURBVHja7NixCYAwEIXhF3EJJ3EG59B53CBruJEknSPoRRTE+oor/oMXUoUvvO7SuB6TpGwZFGuKZe6C4vSYcqfYkxpwsdSAuL1V3NuxOVV8/n/voYxeMUCAAAECBAgQIECAAAECBAgQIECAAAG6TPnca0Tgu+u+d8tej14CDACQRA6CRreNlAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #picText em, send-message .material-nav #picText em, material-lib-edit .material-nav #picText em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjMzNDFBRUFGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MkNGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzM0MUFFOEYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzM0MUFFOUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpM1xbsAAAHBSURBVHja7FmxSgNBEL0Lll5IaT4g2lnqD0RBxUY/QQtBGy39AK0tRIUI/oB2BpH4AVprIYJgYbRMjCIoGt+QOViPNWxuF24PZ+AV2Z3de+8y9wZ2w72j026Q4ygEOQ8RkHUMacZCzzl3pYREQAYCKsAx0OYa7Ic251b+2GsGaBrs0+RcawGjwBWwABQN8oucS2vGNPOHQNlgnzLnWgvYBkop/l1as2VZIaELAVULAlOasWXg2WDtI7CUpg/oSmKQt6L6dKSZrxuWkLiQCBABIqAXLxqX6Qc1Xn3oxA2LF3TuQyfeBFopyLd4bead+BaYAE6AjkF+h3MneW3mnZjiDlh09N1JJxYBeRMwa+jbrvHEz7YWUHP50Q0QI/zsXJeQkz5g6tuuw1kfqGdUQuJCIkD6gPQB6QPSB/6HC30kxooe8x1OnnqQgPvEYNVjAdOJ3w8k4CwxSGf6JQ/J6+4bGgU+e/lSBulWJb6RiTwgHjGXy+D3jQ9xrpELXQP7wKoyGd+J+RwHxD12oQ3gIkfmQ6eF66qNkhPNs6pvj4kTt11gLnZPtQ+8AyvAOLAT9E7VPj0g/QbcMCfitqZa/48AAwAOAa86jMKd1AAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #picText.active em, send-message .material-nav #picText.active em, material-lib-edit .material-nav #picText.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNTA5MkZGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNTA5MzBGMjkyMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY1MDkyREYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY1MDkyRUYyOTIxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptm5McMAAAHSSURBVHjaYjHve/+fYQgDJoYhDkY9MNCABYsY4yB38//RJDTqgQHwgCoQrwXij9A0iA9/hKpVxWGWJxA/I8KcZ1C1eAEjlooMPROrAfFJIBYgMXA+ALEFEN9EEwc5TJJIM54DsRSlmbidDMczQPW0UZhCGKmRhFwocIArFrEUIH5BhN6nQJxMTj2ADvhIDBXkKObFIr+NhCQ0WgqNemDUA6MeYGD4hKWUwYeRwRda18TEeGAPBQG0C4vYXCKLUUmoWoo9UAVtFpAKPkD1DnhNDGrLmAHxOiD+TIT6z1C15ljaQQNSE4PAbSAOplK+G62JRz0w1DzgRWS5TW38HGo3xR6YQ81MRwKQgNo9pJMQVeoBYsttagOq1QPbBigJjZZCox4YrQdG64HRemC0HhgZpdAvNDG+QexeHvRRD5AH7qEJugxiD7ih8R+CPLADTRA0pi8wCB2Pbb5hDxN07OUvkqA6EJ8C4iAG7MPj9Aa8ULechLoNBkBungMqha4A8QwgzkaShM2JDWYwE+R2WClUBMR7h1DhAxotLEQuRkElkS/UV/8GscNBbpsKxN6w0hO5HvgOxBlArAfEExkgo2q/B4GjvwLxVaibQG7LQS76AQIMAOCbs6qhL0S0AAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #pic em, send-message .material-nav #pic em, material-lib-edit .material-nav #pic em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODRGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODVGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDlERjlGRkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RDlERkEwMEYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps8WjaYAAASYSURBVHja1FpbbBVFGN5um9JEtIXwgvBiU9PSoj6gDUGfGrRFJVyEBxKDBrGVCiGEBCIYH+RiExUwilhaDWD6QLioEA0hQgIkxhpjGtQmDaXa0CcuSYEC9mjV7yfflmHOnN05l23nfMn3sLO7c+bbmf/aFuzZ962noRpcCTaA5eAEzy0Mg33gCbAd7FZvFiiCisEd4CrQ9/ID/4Jt4DrwjgwUKWJE2VwvvyAfvgl8FJwHJoKd2JmHYlTU8XTdVVhDlSougC+BpXIsHWMp13ZBW/MboqWIDqBQudEDzgYHHd2NG+BR8DT4I1jJcdGw0qc3U7HJYTEqBrlWFQ0+XbOK7/PIdk5q1+U+PZy+pSZU0/DE7/9FdnOsepwEDWnXxRKH/tMGC/SHLOJTUjwYQ9y3/qKIh23jU1I8GM/AFIZ049NoPHBRUFR8Co0HLgoyxadaxoAbSjyo5T1PjQcuCrKNT8Z44KKgdOLTyYh3nXEKmcJJL9enXYd5u+e0634XBZ3QrreBZYbnynjPifQpTNDn4IhyXcXsdjH4ILmYY1XKcyMsjccFYZnCb2Ar2KyMSap+JGLOVr7rpFNYl+bxOc13PFcFibd6AdzNBDSsWSE782IMHs5nOrU52yOniloN7gFf9+61t2T8T+5ge0zHrAQ8AC7l9S1wV9gLNuXDeGEy+A34jFYqNLFUMZYPrvbfHgF/0MQEH/szcPlYZAoPM1l9J8t5nqSYypA1fwEuydSGbIy2EWxhSbEI/AfcnsFcz4MHwYkRz0lG38E2QE53aAZ4hg6jVMsqNqY5VyNtRhfzN8v/rYZq+lCudqiYJcNbhiZLgBbu1IcRc4ldbEnhlq/yaJ3h9QNanCvJhSAx1L3cnSh8wFRoV8iHaUth5OfBheAfyth6imrMhVMo5dE6aykmgATFtYbxh9iAMYn5CnxaExO4aCnx92crSJLQbk6WKk5dAhfQWPUjJc2WN5Wx6eA5Q0kiC36XvYqhkLbVayb7sTly05j2LIhIez4B3wZvsuyYyg6QKupj2pS45O8oSoVkAa+Chy0+sBzjl2lD820yBZ+78R6PRiqcZzr0k+F4yg48Zvi6twyerJ/20pWBcxqOOnI1XMzuEDF36OFmGcQIrjOmDBg+li7mHDtHXRk4qISNDf0CzgmZ5BS/fOCWU2GAoq6HPLOXdnQ5zvIhVVy5Br4CPgtetJz/VzqURArjPpbrcsPWy31JV31Az24ti74VhvcK6BFrxlKQdH7qGSuuZPE7HV5yMzJwHl+DU+IWJLbxPjjTS24iZooWBmYdFUxIi+MS9DP4FLjBy/3fetbQbnTURVWi2QianaELtYEExGVgp+HeKi2byJmgkZir0duM7r2Gex9pGUZGghKGpDFuiIOZZ3A0hUx9Kizn0YP0kO+l18POJXq5U7e18Ungca1gTIWknrrv2few40AnbUo/5lX0fIUh7xp76iIoqocdN47R++moZ4GoI7SnHvx7mSSizV5+41PxkoGXS7eH7RpGe+q+kobb9LBdQ1JP3ddqC+lhP8540MMWkmuQAvF3rvEJFqKjGc3/AgwAgisR+/1MkqcAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav #pic.active em, send-message .material-nav #pic.active em, material-lib-edit .material-nav #pic.active em { width: 26px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFODhGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFODlGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4NkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4N0YyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqDZa1wAAASTSURBVHja1FpZjA1ZGK5b3ekhjGbixfJCiNbNzIM1eBK7EfvDJIJY2jpBJiGWeLB2YqaHYGasCeJB7ISIIEEyQUTE0onYRnjCxNa2pvH9yVftOPfUcu+t6j79JV/Sdarq3PPVOf+aTvUof+ZoKAangIPAtuB3jl14D94DT4BbwQr1pqv8XQBuAK+D88COFopxuKaOXKOs9R+woXczXxFzDOzn1C/IhkwD24ODwSpvh/6sh2JU9AXLPYUlVKniNjgaLARTlrGQa7utrXm6aMmnA8hTbtwCe4LPLd2Nl+AB8Ax4AezAcdEwxaU3U7HIYjEqnnOtKga5dM0qTtUj2zmpXbd16eH0LTWhmIYnfv8dWcGx4joSVKldF7gRXvKLT4HxoK6QH0FMlPiUFg/qMjAFIdP4VBMPbBQUFp8C44GNgkzxqTtjwEslHnTnPUeNBzYKihqfjPHARkGZxKeTIe9a4xSyhZVe7p52HeTtBmjXD2wUdEK7Xgk2NTzXlPesSJ+CBG0Dq5XrIma3o8DvyVEcK1Keq2ZpbF2mcAPcBM5UxiRV3x8y5ya+a6VTmJfh8TnDdxxbBYm3GgpuBD8FPPeJO/NzAh7OZTq1OI7k1BM1G/wbnOp8bW/J+H/cwa0JHbMG4E5wLK9fg2tzFeThJji3Fk/PD+BhsI8yVk5RW2o7sOaKNuC/mhiHTRKpu8bXhqCWTFaX5jhPV4rpELDm7eCYXI9c0EcpBctYUowEP4KrsphrCLgHbBzynGT0u9kGiHWHpAQ/S4dRqGUVCzKcq5Q2o4v5AM4AVxiq6b1x7VABS4aFhiaLhzLu1B8hc4ldLPdxy095tM7yupEW5xrEIUgMdTN3Jwy/MxVaG/BhtvgY+TVwBHhfGfuNokrjcAqFPFrnIopRXe0cw3gTNmBMYg6CvTUxgs8s8XfkKkiS0ApOlvJ55iE4nMaqHylptsxSxlqD5w0liSx4GXsVlT6/I89MNtlPlCPXimnP8JC0R/p2S8BXLDtasAOkilpPmxKXfJyiVEjAnAjui/CB5RiPow0N++br9Sh/9tnwRV3uxmoeDT9cYzp0yXA8ZQc6G77ua4Mne0B7uZqFc3ofduRKuJiNAWLe0sN1MYgRvGBMeWT4WLqY8+wcXc3CQVVFsaErYK+ASU7zy3tu2Q+PKOpFwDObaUePkywf/OLK/+AEsD94N+L81+lQqnyM+0jc5UZUL7eLrnonF5IJpOibZHgvRY9YUpuCpPMzkLHiSQ6/s9tJb0Z6zuMQ2DxpQWIba8BOTnoTMVuUMTDraMeEtCApQZfBbuB8erM48SvtRkffsEo0F0E9s3ShUSAB8RfwouHeDC2biE1QdcLV6BtG9zuGe+u0DCMrQVWGpDFpiIMZbHA0eUx92kWcRw/Sla6TWQ87TtzhTr3RxpuBR7WC0Q9pPXXXid7DTgIXaVP6MS+i58sLeNfYUxdBYT3spHGE3k/HQBaIOgJ76in+v5wkojOd+o2/xEt6Xi7THrZtqOmpu0oaHqWHbRvSeuquVltID/tHxoNbbCHZBikQb3KNP7EQrclovggwAN4qCT5QQmuBAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #audio em, send-message .material-nav #audio em, material-lib-edit .material-nav #audio em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUyOEFFOENGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUyOEFFOERGMjhGMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4QUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTI4QUU4QkYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pin3fjsAAARJSURBVHja7JlXaBRRFIbH7KqxETVGbNiNPthboon1QWNFsIsdCyLEQgTRPFkDFlQsiaIG9cFeNlgC+qAPGhFNFKOxRewoWELEBDWu/2HPws1hZnfn7iSC7IEPvXdmZ/6595xz7z2psS/7ohGG9QFjQQJoD5py/yfwAuQBesE93Re4NX5TA0wB6aCrxT2NQGcwGqwD+WATOAO8dl4WZVNcO3ADHA8gzsx6gVPgGmhdVQKH8VQlh+EStp8RqsDh4DJoKPp/gwtgDugLWoBY0APMBx5QIX5D13PBIKd8sCM4C2qL/hywgoNB2hfwABwG8WAnSFGu1+UPo6l/Fc4I0vWjIEbpIydPA+MtxEl7ysGSLgKEAukIB522wNkgUfSRuG02fY+EbQRrRf9gMFVXIH3ZGtF3DmwPI0gywCXRt0ZXIDlxJ6X9Eyw3wjMayVQOLr91A/11BI4Vbcpjr43w7QVHt2rjdAQONJlep+ysaA/QERgv2nccFHhftLvoCIwV7bcOCvwg2jE6AuW1Pw4K/Cza9Z3aLFS7RQRGBEYE/s8CvVX43nqi/UNHoEymLR0U2FS0S3QEFot2bwcF9hXtZzoCb4v2eAcFymfl6QiUJYfpIM4BcXTymyT6LukIvAreCMfOcEDgFhCttJ9zMcC2wAp+mGp01p0ZhrjFYIaJYK9uHswEhaLvIFioIW4e2CP6Cvh5AfPgEz5o+1HTyS8wC5QrfbXAfnDAZFNrZnF8gD8EXEr/NzBZVB46CC0PSGARH6L9jBQvyOfzsSxhLAAvwW4wAjRXBMRyJSGL75lr4j6T2P9USxFaCqn0cUWE/Uz+WnmiIz85JkogDcBSxv9i2nnXDDCiZWCa4at0SZP+mUsjeF6cU4eCniY/Pg2SeMStzBVE3EM+LXpMriWKkySdw3Oi+ADjERUFq9LGXa5crTA5+AQySlfLuFhUYFHF2Cr6TtJy64/iDSLUh7MIM6Mv2wHasGtk8jGyTCz+5Lt7wRjDV/jcJWZKlj+ShI9upv+4lUA4yI6v5qevINvioRThOYzfairXQrVFYL1Jensk82CaiCoXB8tOk+2REUB0qOIa8AhnGZVLcJR3V5sl6hKejo/CN1I5V9IHNHZgqWsCVvEOZom49h5MAN/9HbLC+pSj2CMqWy15yskvqMZ8nQOGikmvOKmWi2fV4VzW1vAVzmmLNYQDxWUivIgLVpWKom6LG/tzIMwWw+/ma1blsnK+v7aNEfWy/68EpaGuxd84+ydzIg+17BFtQ1wFB1gCr+2lZjcFK6LfBKN4imhNngi6W0xRqKKouH7C8NW+3wf7Qah/aSJf28hQJYrqef3YTynHteeNqGrveB0u5uxwi3fppXa+SOdPYSU87VeCnAJbRQ7uEYFVLJA2to+V3a80fz8l/2G6L3GHIZA2Ec0CXG+k/EvrbXx1j6Cdj4v+F1OcyitOMPscYG8Z1P4KMACJZOiJWDuVQwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #audio.active em, send-message .material-nav #audio.active em, material-lib-edit .material-nav #audio.active em { width: 20px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0CAYAAAD46nqNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzUzRkZGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDBGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTI4QUU4RUYyOEYxMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTNGRUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph+/3VQAAAQzSURBVHja7JlZbE1RFIZP3VsqSFEaU8waD+apNasHY4nELFVDDBFJDSGR8mZqgkYFMaQIHsxDG1PCAw9UzI2aVWqokBiaCg2q/pW7ruyu7HvvOfuekshdydd27zP9Z++11tl7NSox65MVhvUEKSARtAXx3P8ePAf54Ay4bfqAKAOBUWASWAU62bzmDlgHjoNKJw+r4VBcG3AFHHIgjqw7OAougZbVJTCZp2pAGC7h+B52BQ4F50B90f8TnAYzQC/QDMSBrmA2yAUV4ho6fgEMdMsH24ObIFb054ElHAzBLAFkgxGi/xNPfXE4I0jHDwhx5OTLwFgb4siegFEcVGqANAD7OeiMBaaBJNFH4jY59D0SthasFP2DwGRTgfRmGaLvJMgKI0gywVnRl2EqkJy4g9L+DhZb4RmNZDoHl986gz4mAlNEm/LYSyt8e87RrdoYE4H9NNPrlp0Q7b4mAhNE+4aLAu+JdkcTgXGi/dpFgW9FO9ZEoDz2y0WBH0S7rluLhb9uEYERgRGB/7PAymp8bh3R/moiUCbT5i4KjBftUhOBRaLdw0WBvUT7qYnA66I91kWB8l75JgLPiPZU0NgFcbTzmyD6zpoIvAheCcfOdEHgBhCjtJ9xMcCxwAq+mWq0100NQ9x8ME0juNI0D+4AhaIvB8w1EDcLbBN9d/l+QfPgY/BRQU0nP8B0UK701QS7wG7NolZn5Ld7wR7gUfo/g4mi8tBOaCkggY94E+1nuHjAHd4fyxLGHPACbAXDQFNFQBxXEnbyOTM17jOB/U+1EUJLoRc/zouwT+W3lTs68pODoJbSXw8sZPwPppV3dJAR/QamWL5KlzTpnxdoBE+JfeoQ0E1z8THQn0c8kHlCiLvPu8VczbEksZOkfXheDd7A5IqKQqDSxi2uXC3RbHyCGaWrRVwsuhugirFR9B2hz60/iteIUB/KInRGb7YZtGLX2MHbyG/i40++ux2MtnyFzy1ipmT5o7/w0fX0h1cJhBx2fDU/UYlsX4CbUoTnMX6LVo7ZtXlgtSa9PZB5cJmIKg8HS7ZmeWQFEW1XXD0e4Z1W1RIc5d0VukRdytPxTvhGOudKeoGGLnzqGoHlvIJZII6VgHHgyx8BmgprRw6aDpqbkw9RjfkyBwwVk4o5qZaLc2tzLmtt+QrntMQazIHi0dz7EResqhRFvQFO7MOBkCaG38vHApXLyvn8Wg5GtJL9fykos/st/szZfwAncrtljxgH4io4wBL5216mO8kb4iZXwUieIvomjwddAkyRXVEF4LDlq32XhLrA5D9NVImiel5v9lPKcW15IaraG/4OF3F2uMar9DInD/MajEIpT/v5ELvAFpGNe0RgNQukhe1DZfUrzd9P/2lKNn2INwyBtIhoEuR4A+U3fW8T/vYIOnm5mH8xxen8xQllH4KsLUPabwEGAAuK6P0x99EHAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; } reply-lib .material-nav #file em, send-message .material-nav #file em, material-lib-edit .material-nav #file em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDNGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDRGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwMUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwMkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5di/kAAAHcSURBVHja7JnPSkJBFMbHFCPI9BmEKAtq5wOEhFGreoWgiDZt27c1gqICg16gVgUS0tp9FoQg9AYiRv/I2zd4bgzj9YJp00ycAz9wzp0Zvm/u3DngRI7Pr4UWM2Ad5EEajIrgeAN1UAJF8CD+IEaU33FwCO7ADsiEiBf0LEN95ZgTMGbaQEwRL19FboCF2ACTYAm8m34D+wOIV2MBFExvoVlaPTVqYA0kQaQHSepT08Zu0pzGDMgPNqrkHkEWXIJmyNgm9cnSGD+iNKcxA3kttwsafczRoDFq5E0aSGu58g/mudHaaZMG4gFbo99oaW05pzckXqnGFKhG9awDtkZovXHBQFC9ufJ3jmsGuurNMA1EfonQeuPCGwitNy5tocB649o30FVvYgGdPIcMxV09hZwqZP/bQKzHeW5zeLyF2AAbYANsgA2wATbABtgAG2ADbIANDMmAfqM4YbHeca3dkgbqWjJnsYFFrf0kDZS05B5IWSg+RdrUKEsDZ+BTSU6DClgFCQuEJ0hLhbT5ITUX5f9CVXAKtpSHU+DC8u9Xaq76p5C8fyoLd+KWNH8fo/IkWgZHoG2x8Dat/Ip/eqp1QCa2wRw4EJ3bkA8LRD+De9I0LzpXSy/+wy8BBgBIL2OhdJKruAAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; } reply-lib .material-nav #file.active em, send-message .material-nav #file.active em, material-lib-edit .material-nav #file.active em { width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNBMzU0MDdGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBMzU0MDhGMjkxMTFFNjkwRjBDQ0Q5QkExQjMxMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0EzNTQwNUYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0EzNTQwNkYyOTExMUU2OTBGMENDRDlCQTFCMzEzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFpbfwAAAHaSURBVHja7JnPSkJBFMbHFCPI9BmEKAtqZ/uQMGpVrxAU0aZt+7ZGUFBgj1CrAglp7T4LQhB6gkSM/pG3b/DcGMbrBdOmmTgHfuCcOzN839y5c8CJLBSehBYzYAPkQRqMiuB4A3VQAkVwL/4gRpTfcXAEbsEuyISIF/QsQ33lmBMwZtpATBF/BXIDLMQmmATL4N30GzgYQLwai6BgegvN0uqpUQPrIAkiPUhSn5o2dovmNGZAfrBRJfcAsuACNEPGNqlPlsb4EaU5jRnIa7k90OhjjgaNUSNv0kBay5V/MM+11k6bNBAP2Br9Rktryzm9IfFKNaZANapnHbA1QuuNCwaC6s2lv3NcM9BVb4ZpIPJLhNYbF95AaL1xaQsF1hvXvoGuehML6OQ5ZCju6inkVCH73wZiPc5zm8PjLcQG2AAbYANsgA2wATbABtgAG2ADbGBIBvQbxQmL9Y5r7ZY0UNeSOYsNLGntR2mgpCX3QcpC8SnSpkZZGjgDn0pyGlTAGkhYIDxBWiqkzQ+puSj/F6qCU7CtPJwC55Z/v1Jz1T+F5P1TWbgTN6T5+xiVJ9EKOAZti4W3aeVX/dNTrQMysQPmwKHo3IZ8WCD6GdyRpnnRuVp68R9+CTAAXQ1jaakee6IAAAAASUVORK5CYII=) no-repeat; background-size: 100%; } reply-lib .material-nav span.active, send-message .material-nav span.active, material-lib-edit .material-nav span.active { background-color: #fff; border-bottom: 1px solid #fff; color: #4e9ae1; } reply-lib #material, send-message #material, material-lib-edit #material { padding: 20px 40px 20px; height: 400px; overflow-y: auto; } reply-lib #material.exclude-text, send-message #material.exclude-text, material-lib-edit #material.exclude-text { height: auto; } reply-lib #material.text material-text, send-message #material.text material-text, material-lib-edit #material.text material-text { min-height: calc(100vh - 422px); } reply-lib .material-select, send-message .material-select, material-lib-edit .material-select { margin-bottom: 20px; display: block; } reply-lib .preview, send-message .preview, material-lib-edit .preview { background: #ffffff; border-left: solid 1px #ccc; /*border-left: none;*/ display: block; width: 320px; right: 0px; position: absolute; top: 0; height: 100%; overflow-y: auto; overflow-x: hidden; min-height: calc(100vh - 60px - 60px - 16px); padding-bottom: 84px; } reply-lib #timed-message .modal-container, send-message #timed-message .modal-container, material-lib-edit #timed-message .modal-container { overflow: inherit; } reply-lib #timed-message > div, send-message #timed-message > div, material-lib-edit #timed-message > div { margin-top: 30px; } reply-lib #timed-message .time-wrapper, send-message #timed-message .time-wrapper, material-lib-edit #timed-message .time-wrapper { display: flex; flex-direction: row; align-items: center; } reply-lib #timed-message .time-wrapper > div, send-message #timed-message .time-wrapper > div, material-lib-edit #timed-message .time-wrapper > div { margin-right: 15px; position: relative; } reply-lib #timed-message .time-wrapper > div span.caret-down, send-message #timed-message .time-wrapper > div span.caret-down, material-lib-edit #timed-message .time-wrapper > div span.caret-down { position: absolute; right: 8px; top: 12px; display: block; border-style: solid; border-width: 7px; border-color: #ccc transparent transparent transparent; } reply-lib #timed-message .time-wrapper > div > span:first-child, send-message #timed-message .time-wrapper > div > span:first-child, material-lib-edit #timed-message .time-wrapper > div > span:first-child { display: block; width: 180px; height: 30px; border: 1px solid #ccc; border-radius: 4px; position: relative; outline: none; } reply-lib #timed-message .time-wrapper > div > span:first-child input, send-message #timed-message .time-wrapper > div > span:first-child input, material-lib-edit #timed-message .time-wrapper > div > span:first-child input { border-radius: 4px; border: none; height: 28px; outline: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul, send-message #timed-message .time-wrapper > div > span:first-child ul, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul { background: #fff; position: absolute; top: 30px; width: 100%; z-index: 9999; border: 1px solid #ccc; border-radius: 4px; height: 300px; overflow-y: auto; cursor: not-allowed; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li, send-message #timed-message .time-wrapper > div > span:first-child ul li, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li { padding: 10px 30px; text-align: center; cursor: pointer; position: relative; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li span.icon-select { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOBAMAAADZH/H+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEUAAAA3ju83ju83ju83ju83ju83ju83ju83ju83ju83ju83ju8AAABJizrMAAAAC3RSTlMAFZU41BYZehTTfxREIewAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQI12NggAFGZTiTQWQTQtjbESG8JYAhvQEq7MrAUD0RLswgslMAJgwkJ4KFBcCyQAmYISAJqDBIXhBuNqO3C0wYKLEbYSXHIogwAB5aEPGyBpD1AAAAAElFTkSuQmCC) no-repeat 10px center; position: absolute; width: 30px; height: 20px; left: 0; background-size: 57%; display: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li:hover span.icon-select { display: block; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable, send-message #timed-message .time-wrapper > div > span:first-child ul li.disable, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable { cursor: not-allowed; pointer-events: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select, send-message #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select, material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable:hover span.icon-select { display: none; } reply-lib #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2), send-message #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2), material-lib-edit #timed-message .time-wrapper > div > span:first-child ul li.disable span:nth-child(2) { color: #ccc; } reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sTime, send-message #timed-message .time-wrapper > div > span:first-child #inp-sTime, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sTime { padding-left: 24px; } reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sHours, send-message #timed-message .time-wrapper > div > span:first-child #inp-sHours, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sHours, reply-lib #timed-message .time-wrapper > div > span:first-child #inp-sMinutes, send-message #timed-message .time-wrapper > div > span:first-child #inp-sMinutes, material-lib-edit #timed-message .time-wrapper > div > span:first-child #inp-sMinutes { padding-right: 30px; padding-left: 20px; width: 100%; text-align: center; cursor: pointer; background: #fff; } reply-lib #timed-message .time-wrapper .hours-wrapper, send-message #timed-message .time-wrapper .hours-wrapper, material-lib-edit #timed-message .time-wrapper .hours-wrapper { margin-right: 10px; } reply-lib #timed-message .time-wrapper .hours-wrapper > span:first-child, send-message #timed-message .time-wrapper .hours-wrapper > span:first-child, material-lib-edit #timed-message .time-wrapper .hours-wrapper > span:first-child { width: 100px; } reply-lib #timed-message .time-wrapper .min-wrapper, send-message #timed-message .time-wrapper .min-wrapper, material-lib-edit #timed-message .time-wrapper .min-wrapper { margin-left: 10px; } reply-lib #timed-message .time-wrapper .min-wrapper > span:first-child, send-message #timed-message .time-wrapper .min-wrapper > span:first-child, material-lib-edit #timed-message .time-wrapper .min-wrapper > span:first-child { width: 100px; } reply-lib #timed-message .send-time, send-message #timed-message .send-time, material-lib-edit #timed-message .send-time { margin-top: 40px; text-align: center; color: #999; } reply-lib #timed-message .send-time > span:nth-of-type(2), send-message #timed-message .send-time > span:nth-of-type(2), material-lib-edit #timed-message .send-time > span:nth-of-type(2) { color: #000; } reply-lib #post.btns, send-message #post.btns, material-lib-edit #post.btns { border: none; border-top: solid 1px #ccc; background: #fff; width: 100%; height: 84px; flex-basis: 50px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; left: 0; bottom: 0; z-index: 100; display: flex; justify-content: center; align-items: center; padding: 24px 0; } reply-lib #post.btns .save-to-material, send-message #post.btns .save-to-material, material-lib-edit #post.btns .save-to-material { float: left; margin-left: 20px; cursor: pointer; } reply-lib #post.btns .save-to-material input, send-message #post.btns .save-to-material input, material-lib-edit #post.btns .save-to-material input { margin-top: 21px; margin-right: 10px; } reply-lib #post.btns .select-class, send-message #post.btns .select-class, material-lib-edit #post.btns .select-class { display: inline-block; margin-top: 16px; } reply-lib #post.btns .select-class option, send-message #post.btns .select-class option, material-lib-edit #post.btns .select-class option { display: inline-block; } reply-lib #post.btns span, send-message #post.btns span, material-lib-edit #post.btns span { margin: 0px 20px 0px 0px; display: inline-block; float: right; color: #97a0b5; } reply-lib #post.btns #send, send-message #post.btns #send, material-lib-edit #post.btns #send, reply-lib #post.btns #timedBtn, send-message #post.btns #timedBtn, material-lib-edit #post.btns #timedBtn { margin: 0px 20px 0px 0px; float: right; } material-lib-edit .left-wrap, material-lib-edit .preview { min-height: calc(100vh - 286px); } send-message .button-wrap .btn-primary { margin-right: 8px; } advertisment { /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ } advertisment .item ul { list-style: none; width: 999999px; } advertisment .line > div { height: 30px; } advertisment .line li { display: inline-block; margin-left: 10px; margin-right: 15px; font-weight: bolder; } advertisment .line li.class { color: #95a8b8; font-size: 14px; } advertisment .line li img { width: 24px; height: 24px; position: relative; top: 6px; left: -3px; } advertisment .line:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } advertisment .time-wrap input { width: 140px; display: inline-block; text-align: center; } advertisment .wrap-div { float: right; margin-top: 3px; } advertisment .wrap-div span { cursor: pointer; } advertisment .second-btn { margin-right: 40px; } advertisment .time { margin-left: 15px; line-height: 28px; color: #538ece; font-size: 13px; margin-top: 3px; } advertisment .url-wrap input { width: 300px; } advertisment .url-wrap .check-box { padding-bottom: 10px; cursor: pointer; -moz-user-select: none; user-select: none; -webkit-user-select: none; } advertisment .url-wrap .check-box input { width: auto; margin-right: 10px; } advertisment #pc-ad-container { padding-top: 20px; width: 100%; } advertisment .info-nav-content { width: 68%; margin: auto; } advertisment .ad-container_line { width: 100%; line-height: 30px; overflow: hidden; } advertisment .ad-container_line.img-wrap { padding-top: 25px; } advertisment .ad-container_line.img-wrap .ad-container-line-first { padding-top: 14px; } advertisment .ad-container-line-first { width: 18%; float: left; /*background-color:red;*/ } advertisment .ad-container-line-second { width: 52%; min-width: 380px; /*background-color:green;*/ float: left; } advertisment .ad-container-line-second .upload-container { overflow: hidden; } advertisment .ad-container-line-second .upload-container .upload-btn-container { float: left; margin-left: 20px; height: 100%; } advertisment .ad-container-line-second .upload-container .upload-btn-container .logo-for { line-height: 20px; } advertisment .ad-container-line-second .upload-container .upload-btn-container .logo-for .size-tip { margin-left: 18px; color: #3d3c41; } advertisment .ad-container-line-second .upload-container .upload-btn-container .upload-btn { float: none; margin: 0; margin-top: 10px; } advertisment .ad-container-line-second img, advertisment .ad-container-line-second video { width: 62px; height: 62px; margin-bottom: 25px; float: left; } advertisment .ad-container-line-second .upload-btn { float: left; margin-left: 20px; margin-top: 20px; border-radius: 20px; background: #63a2ef; } advertisment .ad-container-line-third { width: 30%; height: 64px; /*background-color:red;*/ float: left; line-height: 20px; padding-top: 5px; overflow: hidden; } advertisment .ad-container-line-third.user-tips { height: auto; } advertisment .ad-container_line.jump-time { overflow: visible; height: 76px; } advertisment .drop-box { width: 100px; height: 28px; color: #000; margin-bottom: 10px; position: relative; cursor: pointer; -moz-user-select: none; user-select: none; -webkit-user-select: none; } advertisment .drop-box .show-time { width: 100px; height: 28px; line-height: 26px; border: 1px solid #ccc; box-sizing: border-box; padding-left: 10px; position: relative; } advertisment .drop-box .show-time:after { position: absolute; top: 9px; right: 5px; content: ''; border: 6px solid transparent; border-top-color: #aac; } advertisment .drop-box ul { position: absolute; top: 27px; left: 0; display: none; width: 100px; line-height: 28px; border: 1px solid #ccc; background-color: #fff; z-index: 99999999; max-height: 282px; overflow-y: auto; } advertisment .drop-box ul li { list-style: none; padding-left: 10px; } advertisment .drop-box ul.open { display: block; } advertisment .indent { text-indent: 1em; } advertisment .show-type { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAYElEQVQYlX3PwQmAQBBD0edilVqBtqGVCFqKtmELel/w4BwWWRzIYZJ/SJplWVd0/m9LGHD+QCfGhBs9cgXKkV0pjB1zBZwjkwpzwlH8R3i+YPaOukNdWaetFB/Q+Ax8ABdtFqjbnwJuAAAAAElFTkSuQmCC) no-repeat scroll 110px 11px transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #ccc; outline: none; padding: 0 25px 0 5px; cursor: pointer; margin-top: 2px; border-radius: 0px; -webkit-border-radius: 0px; line-height: 28px; color: #1b1b1b; } advertisment .show-type.disabled { border: none; background: none; } advertisment .show-type::-ms-expand { display: none; } app-selector, app-select { display: block; } app-selector .app-select-list li .logo, app-select .app-select-list li .logo { height: 30px; width: 30px; } app-selector .app-select-list, app-select .app-select-list { height: 300px; overflow-y: auto; overflow-x: hidden; } app-selector .app-select-list li, app-select .app-select-list li { margin: 5px 0; list-style: none; position: relative; } app-selector .app-select-list li:hover, app-select .app-select-list li:hover { background: #e5e5e5; } app-selector .app-select-list li > *, app-select .app-select-list li > * { display: inline-block; margin-bottom: 0; vertical-align: middle; } app-selector .app-select-list li > .app-checkbox, app-select .app-select-list li > .app-checkbox { right: 5px; position: absolute; top: 5px; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-alert { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMUEzQUI4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMUEzQUM4NDFGMTFFNjg2QkU4OUYxQjY5QTAwMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMERCNkQyODg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUxQTNBQTg0MUYxMUU2ODZCRTg5RjFCNjlBMDAwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhglbEAAAAGzSURBVHjatJY9SwNBEIYv8cBGGzFqDChoIya9dSpBUEjjF3YSW1GQ+AdELYzYKwh+JWlEm3TGH6FtjEESUMHCdEL0nTgny3qbmwvcCw+35HbfuZubnU1oKvthka43xy0XjYBlkASTIAK+wAt4BvcgD570hTenZ62rbbmLjPfAPOjS7nWDCWYa7HCQbVDVjWyXJ58D56DXkikMlsAsWANX+k1V65QtH+aqesAF2DAFWACHLkEdFcEwUzTMCYED9vr9oWb1OTl/5KcwiYzrPI6CWpu5DRDHh646T7vrYW4p5vrYlK595w1GcS23SY36+qq+PeY3wRiZLgrMO1HLO8ybKCglKUAiwAAJCtAfYICIn9xHlfGQnw/xLpx7zMYxcCJc82bzBosJJs8I6l/XA73BXYDfoBTmVtsUTJb0In2j5SlABRQEC1Y5RXUee6mAXlRxqijDDUoqrzbRYM+/FkEnUdpjobSKyCNNnVQ/MnNgEGQNvUlSRWS+xV6uJ9oRSIHPDiqG0rLCB47xyCTdcn/KCauryXPj4PLfoW9YVOWDPKP8bSGDAb7/yhu0xBVYNkX/EWAAG4ldvaYgx20AAAAASUVORK5CYII=); background-size: cover; width: 12px; height: 12px; } .icon-app-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -171px; width: 48px; height: 48px; } .icon-app { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -53px; width: 48px; height: 48px; } .icon-bayf { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -224px; width: 24px; height: 24px; } .icon-bayp { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -117px; width: 26px; height: 26px; } .icon-baypt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -116px -224px; width: 24px; height: 24px; } .icon-bayt { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -87px; width: 20px; height: 20px; } .icon-bayv { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -31px; width: 20px; height: 26px; } .icon-bluef { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -58px -224px; width: 24px; height: 24px; } .icon-bluep { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -86px; width: 26px; height: 26px; } .icon-bluept { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -169px; width: 24px; height: 24px; } .icon-bluet { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -62px; width: 20px; height: 20px; } .icon-bluev { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px 0px; width: 20px; height: 26px; } .icon-cancel { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -53px; width: 28px; height: 28px; } .icon-contact-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px 0px; width: 48px; height: 48px; } .icon-contact { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -65px 0px; width: 48px; height: 48px; } .icon-device-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -171px -106px; width: 48px; height: 48px; } .icon-device { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -171px; width: 48px; height: 48px; } .icon-dropdown-arrow { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -131px; width: 17px; height: 10px; } .icon-gray-tip { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -87px -224px; width: 24px; height: 24px; } .icon-iocn_185 { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px 0px; width: 60px; height: 60px; } .icon-lower { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px -148px; width: 40px; height: 16px; } .icon-meeting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -159px -171px; width: 48px; height: 48px; } .icon-meeting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -106px -118px; width: 48px; height: 48px; } .icon-msg-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px -53px; width: 48px; height: 48px; } .icon-msg { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -65px; width: 48px; height: 48px; } .icon-setting-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -224px 0px; width: 48px; height: 48px; } .icon-setting { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -171px; width: 48px; height: 48px; } .icon-statics-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -118px; width: 48px; height: 48px; } .icon-statics { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: 0px -118px; width: 48px; height: 48px; } .icon-suite-light { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -118px 0px; width: 48px; height: 48px; } .icon-suite { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -53px -65px; width: 48px; height: 48px; } .icon-tree-close { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -146px; width: 6px; height: 10px; } .icon-tree-open { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -161px; width: 10px; height: 6px; } .icon-tree-tool, tree tree-item .tree-tool-icon { background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icon-sprite.png?4df51aa4da93d0ccc46d40d47f8f85bc); background-position: -277px -112px; width: 14px; height: 14px; } tree { font-size: 13px; font-weight: normal; } tree .tree-item-row { height: 30px; line-height: 30px; width: 100%; display: block; cursor: pointer; } tree .tree-item-row.active { color: #378eef; } tree .tree-item-row:hover, tree .tree-item-row.rightHover { background: #eff4f8; color: #378eef; } tree .tree-item-icon { cursor: pointer; } tree .tree-item-content { width: 100%; height: 30px; position: absolute; display: flex; align-items: center; } tree .tree-item-wrap .tree-item-row .checkbox { position: relative; top: -11px; } tree .tree-item-arrow { height: 100%; display: inline-block; width: 20px; display: flex; align-items: center; } tree .tree-item-arrow i { display: inline-block; vertical-align: top; } tree .tree-item-arrow i.icon-tree-open { position: relative; left: -2px; } tree .tree-item-name { display: inline-block; cursor: pointer; z-index: 0; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tree tree-item { position: relative; } tree tree-item input { display: inline-block; vertical-align: top; margin-right: 5px; } tree tree-item .tree-no-arrow { padding-left: 26px; } tree tree-item .tree-tool-icon { display: inline-block; right: 0; margin-right: 10px; height: 17px; width: 17px; vertical-align: middle; margin-top: 9px; position: absolute; z-index: 999; } /*************** 树结构样式 ***************/ .tree-item-arrow.open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: 2px -24px; } .tree-item-arrow.empty { background: inherit; } .tree-item-arrow ~ ul { display: none; } .tree-item-arrow.open ~ ul { display: block; } move-contacts .tree-item-wrap.active, dropdown .dropdown-menu .tree-item-wrap.active, #selector .tree-item-wrap.active, move-contacts .tree-item-row:hover, dropdown .dropdown-menu .tree-item-row:hover, #selector .tree-item-row:hover { background: #eff4f8; } auth-info { position: relative; display: flex; } auth-info #handle-admin-group { display: none; position: fixed; background: #ffffff; width: 184px; z-index: 10; right: 0px; top: 30px; border: 1px solid #e6e6ed; border-bottom: none; } auth-info #handle-admin-group li { text-align: center; line-height: 34px; border-bottom: 1px solid #e6e6ed; cursor: pointer; } auth-info #handle-admin-group li:hover { color: #378eef; background-color: #eff4f8; } auth-info .tree-area { width: 240px; float: left; } auth-info .content-area { border-left: 1px solid #c5cbd9; width: 76%; float: left; min-width: 680px; min-height: 100%; position: relative; } auth-info .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/loading.gif?654a09add0b3243026721188d641c175); background-position: center 300px; background-repeat: no-repeat; z-index: 100; } auth-info .item, auth-info .item-wrapper { width: 667px; margin: auto; } auth-info .item table, auth-info .item-wrapper table { width: 100%; border: 1px solid #e1e1e9; } auth-info .item table th, auth-info .item-wrapper table th, auth-info .item table td, auth-info .item-wrapper table td { padding: 16px 0; } auth-info .item table th, auth-info .item-wrapper table th { background: #eff4f8; color: #97a0b5; font-weight: normal; border-bottom: 1px solid #e1e1e9; } auth-info .item table td, auth-info .item-wrapper table td { color: #3d3c41; text-align: center; border-top: 1px solid #e1e1e9; } auth-info .info-nav-tip { color: #97a0b5; font-size: 14px; } auth-info .item-wrapper { padding: 30px 0; color: #97a0b5; } auth-info .item-wrapper .textEllipsis { display: inline-block; word-wrap: break-word; word-break: break-word; white-space: normal; padding: 0 10px; width: 70%; } auth-info .item-wrapper .resetBtn { position: relative; top: -5px; left: 20px; } auth-info .save-bar { float: right; } auth-info .save-bar a:last-child { margin-right: 20px; } auth-info .admin-list li { padding-right: 30px; } auth-info .admin-list li img { width: 30px; height: 30px; border-radius: 9999px; } auth-info a.unabled { color: #97a0b5; cursor: auto; } auth-info .info-nav a { margin-left: 20px; } app-selector, app-select { display: block; } app-selector .app-select-list li .logo, app-select .app-select-list li .logo { height: 30px; width: 30px; } app-selector .app-select-list, app-select .app-select-list { height: 300px; overflow-y: auto; overflow-x: hidden; } app-selector .app-select-list li, app-select .app-select-list li { margin: 5px 0; list-style: none; position: relative; } app-selector .app-select-list li:hover, app-select .app-select-list li:hover { background: #e5e5e5; } app-selector .app-select-list li > *, app-select .app-select-list li > * { display: inline-block; margin-bottom: 0; vertical-align: middle; } app-selector .app-select-list li > .app-checkbox, app-select .app-select-list li > .app-checkbox { right: 5px; position: absolute; top: 5px; } #addres-book-permissions .new-fc-one-table-thead > tr > th { background-color: #eff4f8; color: #97a0b5; font-weight: normal; border-bottom: 1px solid #e1e1e9; padding: 16px; } #addres-book-permissions .new-fc-one-table-thead { border-top: 1px solid #e1e1e9; } #addres-book-permissions .new-fc-one-table-placeholder { font-size: 14px; color: #3d3c41; } #section-checkbox .new-fc-one-checkbox-wrapper { margin-right: 0; margin-bottom: 10px; } #section-checkbox .new-fc-one-checkbox-wrapper-small + span, .new-fc-one-checkbox-wrapper-small .new-fc-one-checkbox + span { font-size: 14px; } apply-tobe-provider, create-trd-app { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; } apply-tobe-provider .head-wrapper, create-trd-app .head-wrapper { width: 100%; margin: 0 auto; padding: 0 60px; height: 105px; line-height: 105px; text-align: center; position: relative; font-size: 17px; color: #3d424c; border-bottom: 1px solid #e5e5e5; } apply-tobe-provider .head-wrapper .header-title, create-trd-app .head-wrapper .header-title { font-size: 24px; } apply-tobe-provider .head-wrapper .backBtn, create-trd-app .head-wrapper .backBtn { font-size: 14px; position: absolute; top: 40px; left: 60px; } apply-tobe-provider .config-wrapper, create-trd-app .config-wrapper { width: 600px; margin: 40px auto 0px; } apply-tobe-provider .config-wrapper ul li, create-trd-app .config-wrapper ul li { display: flex; flex-direction: row; margin-bottom: 20px; } apply-tobe-provider .config-wrapper ul li .valid-error, create-trd-app .config-wrapper ul li .valid-error { float: left; width: 30px; white-space: nowrap; } apply-tobe-provider .config-wrapper ul li .item-name, create-trd-app .config-wrapper ul li .item-name { width: 100px; position: relative; } apply-tobe-provider .config-wrapper ul li .item-name span, create-trd-app .config-wrapper ul li .item-name span { /*position: absolute; right: 0; top: 0;*/ display: inline-block; width: 100px; text-align: right; color: #97a0b5; } apply-tobe-provider .config-wrapper ul li .item-name span.required::before, create-trd-app .config-wrapper ul li .item-name span.required::before { content: '*'; position: absolute; width: 5px; height: 5px; left: 3px; top: 3px; color: red; } apply-tobe-provider .config-wrapper ul li .item-wrapper, create-trd-app .config-wrapper ul li .item-wrapper { margin-left: 20px; } apply-tobe-provider .config-wrapper ul li .logo-wrapper, create-trd-app .config-wrapper ul li .logo-wrapper { width: 80px; height: 80px; /*border: 1px solid #ccc;*/ /*box-sizing: border-box;*/ } apply-tobe-provider .config-wrapper ul li .logo-wrapper img, create-trd-app .config-wrapper ul li .logo-wrapper img { width: 80px; height: 80px; } apply-tobe-provider .config-wrapper ul li.agreement-wrapper, create-trd-app .config-wrapper ul li.agreement-wrapper { padding-top: 20px; } apply-tobe-provider .config-wrapper ul li.agreement-wrapper .agreement, create-trd-app .config-wrapper ul li.agreement-wrapper .agreement { text-align: center; display: block; width: 100%; } apply-tobe-provider .config-wrapper ul li.agreement-wrapper .agreement .blue-color, create-trd-app .config-wrapper ul li.agreement-wrapper .agreement .blue-color { color: #82b6f4; } apply-tobe-provider .config-wrapper ul li.agreement-wrapper .agree-label, create-trd-app .config-wrapper ul li.agreement-wrapper .agree-label { cursor: pointer; } apply-tobe-provider .config-wrapper ul li .input-text, create-trd-app .config-wrapper ul li .input-text { width: 470px; } apply-tobe-provider .config-wrapper ul li input::-moz-placeholder, create-trd-app .config-wrapper ul li input::-moz-placeholder { color: #97a0b5; } apply-tobe-provider .config-wrapper ul li input::placeholder, create-trd-app .config-wrapper ul li input::placeholder { color: #97a0b5; } apply-tobe-provider .config-wrapper ul li.config-instruction, create-trd-app .config-wrapper ul li.config-instruction { margin-bottom: 20px; } apply-tobe-provider .config-wrapper ul li.config-instruction textarea, create-trd-app .config-wrapper ul li.config-instruction textarea { width: 470px; height: 150px; resize: none; float: left; padding: 10px; } apply-tobe-provider .config-wrapper ul li.config-instruction textarea::-moz-placeholder, create-trd-app .config-wrapper ul li.config-instruction textarea::-moz-placeholder { color: #97a0b5; } apply-tobe-provider .config-wrapper ul li.config-instruction textarea::placeholder, create-trd-app .config-wrapper ul li.config-instruction textarea::placeholder { color: #97a0b5; } apply-tobe-provider .btn-wrapper, create-trd-app .btn-wrapper { text-align: center; margin-top: 36px; } input.new-fc-one-input-small { width: 200px; } base-info .info-wrap { /*width: 964px; margin: 0 auto;*/ color: #97a0b5; } base-info .info-wrap .detail { /* width: 807px;*/ margin: 0 auto; } base-info .info-wrap .title { font-size: 17px; color: #565a62; /*margin-right:@title-marginR;*/ height: 36px; line-height: 36px; text-indent: 14em; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; } base-info .info-wrap .detail { width: 788px; } base-info .info-wrap .enterprise-name { color: #000; } base-info .info-wrap .question-tip { margin-left: 18px; color: #378eef; } base-info .info-wrap .question-tip .erp-icon { padding-left: 1px; top: 3px; } base-info .info-wrap .margin-R20 { margin-right: 20px; } base-info .info-wrap .width-80 { width: 80px; text-align: right; } base-info .info-wrap .width-80 em { float: right; font-style: normal; width: 200px; } base-info .info-wrap .corp-auth, base-info .info-wrap .person-auth { color: #378eef; margin-left: 20px; } base-info .info-wrap .auth-content { color: #000; } base-info .info-wrap .padding-B30 { padding-bottom: 30px; /*border-top: 1px solid #eff4f8;*/ } base-info .info-wrap .padding-T0 { padding-top: 0; } base-info .info-wrap .font-color-black { color: #000000; } base-info .info-wrap li { padding: 12px 0; height: 54px; } base-info .info-wrap .first-li { padding-top: 32px; height: 71px; } base-info .info-wrap .edit-area { margin-right: 82px; position: relative; } base-info .info-wrap .edit-area .switchBtn { position: absolute; right: -82px; top: -3px; } base-info .info-wrap editable .edit-time, base-info .info-wrap editable .show-time { width: 688px; } base-info .info-wrap editable .edit-time input { width: 500px; position: relative; display: inline-block; top: -4px; } base-info .info-wrap editlogo .show-time { margin-top: 39px; } base-info .info-wrap editlogo .edit-time .edit-area { position: relative; left: 514px; top: 18px; } base-info .info-wrap check-reason div { height: 300px; display: flex; align-items: center; justify-content: center; } base-info .info-wrap .enterprise-info .detail li .enterprise-logo { margin-top: 20px; } base-info .info-wrap .enterprise-info .detail li .enterprise-logo-pic { width: 60px; height: 60px; border: 1px solid #ededed; } base-info .info-wrap .enterprise-info .detail li .message-logo { height: 60px; position: relative; margin-left: 5px; } base-info .info-wrap .enterprise-info .detail li .logo-upload-box { width: 90px; height: 28px; /*border:1px solid #000000;*/ border-radius: 14px; position: absolute; left: 0; bottom: 0; overflow: hidden; } base-info .info-wrap .enterprise-info .detail li .logo-upload-box .logo-upload-children { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } base-info .info-wrap .enterprise-info .detail li .logo-upload-box .logo-status { text-align: center; line-height: 28px; } base-info .info-wrap .enterprise-info .detail li .modify { margin-top: 39px; } base-info .info-wrap .enterprise-info .detail li .qr-code { width: 100px; height: 100px; text-align: center; cursor: pointer; } base-info .info-wrap .enterprise-info .detail li .qr-code img { width: 100%; height: 100%; } base-info .info-wrap .enterprise-info .detail li .qrCode_enlarge { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 1000; } base-info .info-wrap .enterprise-info .detail li .qrCode_enlarge .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } base-info .info-wrap .enterprise-info .detail li .qrCode_enlarge .qrCode-wrapper { width: 220px; height: 220px; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -110px; padding: 10px; background-color: #fff; } base-info .info-wrap .enterprise-info .detail li .qrCode_enlarge .qrCode-wrapper img { width: 200px; height: 200px; } base-info .info-wrap .enterprise-info .detail li .qrCode_enlarge .qrCode-wrapper .enlarge_close { position: absolute; right: -50px; top: -50px; width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABMElEQVRYw83ZbWrDMAyAYbErNKMX2Oh2oCUtO393h47Aux91IAt14w9Zsn7KwjxgC4MsIiLAEbgAn9JJAB/BdFwSB+CHe/wCYwfIMVgItoMAX/yP2RMbkPPGNArwBtx6wEaQN+B9KTg/KDDFRpAzMG0L3bDJSE9sNtIDW4y0xFYjLbBqyJZYdWQLbDOkJrY5UgNrhqzBmiNLsG7IHKw7MgXbDTIB2w9yB9sXcoWdIlg15IuWtXDNLiKNk/0oeCBjzeSDjdzLOeSnLrDPkAk1NtgUpDs2B+mGLUGaY2uQZlgNZHOsJrIZtgVSHftko3MtUg1rgazGWiKLsR7IbKwnMhlLfDRuhtzB3kfjPP5sMEfuYEcBBuC60rshN9jllK/AsCwMwDdw8kausKdgehUR+QN/8sykW52BfwAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; cursor: pointer; } base-info .info-wrap .enterprise-info .detail li .sendBtn { margin: 93px 0 0 18px; width: 90px; height: 28px; } base-info .info-wrap .account-info .title { margin-top: 28px; } base-info .info-wrap .account-info .detail li .authenBtn { /* margin-left:20px; */ margin: -3px 0 0 20px; height: 28px; line-height: 28px; } base-info .info-wrap .account-info .detail li .authenBtn .question { margin-left: -17px; } base-info .info-wrap .account-info .detail li .authenBtn .question .erp-icon-font { color: #378eef; margin-top: 4px; } base-info .info-wrap .account-info .detail li .authenBtn span { padding-left: 15px; } base-info .info-wrap .account-info .detail li .authenBtn span.service-provider { display: inline-block; padding: 0 10px; cursor: pointer; margin-left: 10px; position: relative; } base-info .info-wrap .account-info .detail li .authenBtn span.service-provider span { padding-left: 0; } base-info .info-wrap .account-info .detail li .authenBtn span.service-provider .title-tip { position: absolute; top: 24px; left: 20px; padding: 0 5px; line-height: 28px; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; color: #97a0b5; background-color: #fff; width: 375px; display: none; } base-info .info-wrap .account-info .detail li .authenBtn span.service-provider:hover .title-tip { display: block; } base-info .info-wrap .account-info .detail li .authenBtn a.auth { display: inline-block; } base-info .info-wrap .account-info .detail li .authenBtn a.auth:visited { color: #fff; } base-info .info-wrap .account-info .detail li .authenBtn span.authing { color: #ffa500; } base-info .info-wrap .account-info .detail li .authenBtn span.authfail { color: #f00; } base-info .info-wrap .account-info .detail li .authenBtn span.authfail a:hover { cursor: pointer; } base-info .info-wrap .account-info .detail li .text { width: 570px; height: 28px; border: 1px solid #cccccc; padding-left: 10px; } base-info .info-wrap .account-info .detail li .text input { height: 100%; border: none; padding: 0; outline: none; color: #358eef; } base-info .info-wrap .account-info .detail li .modify { margin: 0 10px; } base-info .info-wrap .account-info2 .title { margin-top: 31px; } base-info .info-wrap .account-info2 .detail li { /* .switch-btn-box{ margin-right: 30px; }*/ } base-info .info-wrap .account-info2 .detail li .diskUrl { width: 500px; } base-info .info-wrap .account-info2 .detail li .modify { margin: 0 10px; } expansion-head header { height: 60px; border-bottom: 1px solid #e1e1e9; background: #f5f5f7; width: 100%; text-align: left; } expansion-head header img { width: 24px; height: 24px; display: inline-block; margin: 16px 0 0 18px; } expansion-head header span { display: inline-block; margin: 17px 0 0 13px; } expansion-head .info-wrap { width: 660px; margin: auto; } expansion-head .info-wrap .exp-title { padding-left: 80px; margin: 1em 0; } expansion-head .info-wrap .info-detail { width: 100%; } expansion-head .info-wrap .info-detail .col-name { width: 140px !important; } expansion-head .info-wrap .info-detail .enterprise-logo { width: 140px !important; } expansion-head .info-wrap .info-detail .red-star { float: right; font-style: normal; width: auto !important; } expansion-head .info-wrap .info-detail .red-star:before { content: '*'; color: red; position: absolute; top: 8px; left: 0; } expansion-head .btn-wrap { text-align: center; } expansion-head .send-tip { text-align: center; padding-top: 100px; } business-config { margin-top: 15px; display: block; } business-config .scroll-view { padding: 5px 20px 20px 20px; height: 330px; overflow-y: auto; overflow-x: hidden; } business-config .table-list { border: 1px solid #dbe0e2; } business-config .table-list li { background-color: #f9f9f9; list-style: none; padding: 5px 0; } business-config .table-list .li { background-color: #ffffff; } business-config .table-list .edit-line input[type="text"] { padding: 0px; height: auto; width: 65%; display: inline; } business-config .table-list li div { display: inline-block; text-align: center; vertical-align: middle; } business-config .table-list .col-20 { width: 20%; } business-config .table-list .col-30 { width: 30%; } business-config .table-list .col-40 { width: 40%; } business-config .table-list .th { color: #777; } business-config .add-new-col { color: #1c8eee; font-weight: bolder; padding-left: 20px; } business-config .del-attr { cursor: pointer; position: relative; width: 25px; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -132px 1px; } business-config .submit-div { margin: 15px auto; width: 130px; } run-info { display: block; } run-info .run-info-item { padding: 30px 0; /*border-bottom: 1px solid #eff4f8;*/ } run-info .run-info-item h4 { font-size: 17px; margin: 0; font-weight: normal; /*margin-left:-20px;*/ color: #3d3c41; } run-info .item-first { padding: 0; margin-top: -1px; } run-info .pc-ad-container { padding-top: 20px; width: 68%; min-width: 780px; margin: 0 auto; } run-info .pc-ad-head { height: 36px; border-top: 1px solid #eff4f8; border-bottom: 1px solid #eff4f8; background: #f9fbfd; } run-info .pc-ad-inhead { width: 68%; margin: 0 auto; margin-top: 3px; } run-info advertisment { display: block; } setting-info { height: 100%; display: block; overflow-y: auto; overflow-x: hidden; position: relative; display: flex; } setting-info .setting-content { /* width: 964px; margin: 0px auto;*/ color: #97a0b5; width: calc(100% - 240px); } setting-info .setting-type-content { padding-top: 30px; } setting-info .nav-bar { position: relative; background: #ffffff; text-align: center; padding: 30px; border-bottom: 1px solid #eff4f8; } setting-info .nav-bar .tabs { display: flex; justify-content: center; } setting-info .nav-bar .tabs div { display: none; width: 170px; border: 1px solid #e1e1e9; border-left: none; cursor: pointer; background: #eff4f8; } setting-info .nav-bar .tabs div a { display: block; padding: 11px; color: #3d3c41; } setting-info .nav-bar .tabs .on { background: #ffffff; } setting-info .nav-bar .tabs div:first-child { border-left: 1px solid #e1e1e9; } admin-info { display: block; } admin-info .owner-edit { padding-top: 10px; } admin-info .owner-edit li { height: 35px; line-height: 35px; } admin-info .owner-edit li > * { display: inline-block; } admin-info .owner-edit a { color: #4e9ae1; } admin-info .owner-edit .key { width: 105px; text-align: right; font-weight: bolder; } admin-info .owner-edit .value { color: #29282f; } admin-info .mInput { margin-right: 20px; vertical-align: middle; width: 300px; height: 30px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; float: left; } admin-info .mBtn { color: #fff; background-color: #509ee2; box-sizing: content-box; display: inline-block; height: 28px; margin: 0; padding: 0 12px; min-width: 30px; text-align: center; line-height: 28px; font-size: 14px; font-weight: bolder; border: 1px solid #509ee2; border-radius: 2px; cursor: pointer; -webkit-user-select: none; marging: 0px; line-height: 30px; position: relative; top: -1px; } admin-info .mBtnCancel { marging: 0px; color: #333; background-color: #fff; box-sizing: content-box; display: inline-block; line-height: 28px; height: 28px; margin: 0; padding: 0 12px; min-width: 30px; text-align: center; font-size: 14px; font-weight: bolder; border: 1px solid #b6b5c0; border-radius: 2px; cursor: pointer; -webkit-user-select: none; position: relative; top: -2px; } setting .sbtn { width: 60px; height: 28px; display: inline-block; } setting .not-allow { cursor: not-allowed; color: #95a8b8; } setting .allowed { cursor: pointer; color: #fff; } setting .allowed-txt { color: #000; } setting .txt-center { text-align: center; } setting .second-btn { margin-left: 5px; } setting .wrap-div { width: 250px; height: 30px; float: right; margin-top: 17px; } setting .time { position: absolute; width: 86px; right: 99px; top: 58px; font-size: 13px; } setting .red { color: red; } setting .img-wrap { height: 100px; } setting .url-wrap { height: 60px; } setting .url-wrap input { width: 80%; margin-top: 13px; } setting .url-txt { line-height: 60px; padding: 0px; height: 60px; } setting .url-title { line-height: 60px; height: 60px; } setting .time-wrap { height: 60px; } setting .time-wrap .mobile-ad-container-line-first, setting .time-wrap .pc-ad-container-line-first { line-height: 60px; } setting .time-wrap .mobile-ad-container-line-third, setting .time-wrap .pc-ad-container-line-third { line-height: 55px; padding: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } setting .time-wrap input { margin-top: 13px; text-align: center; width: 120px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } show-limit { display: block; margin-top: 15px; } show-limit .line { width: 100%; height: 0; border-top: 1px dotted #95a8b8; margin: 20px 0; } show-limit label { display: block; margin-bottom: 10px; } show-limit .selected-tags > li { display: inline-block; background: #c5d3e4; color: #fff; padding: 3px; border-radius: 3px; margin-right: 5px; } show-limit .selected-tags > a { color: #4e9ae1; } show-limit .submit { margin-top: 15px; width: 30px; height: 28px; } publish-app .suite-content.publish-content { height: auto; } publish-app .suite-content.publish-content { padding-top: 20px; } publish-app .suite-content.publish-content .suite-logo { text-align: left; } publish-app .suite-content.publish-content .logo-wrap img { margin-top: -50px; } publish-app .suite-content.publish-content li { margin: 0; } publish-app .suite-content.publish-content li.mt-20 { margin-bottom: 20px; } publish-app .suite-content.publish-content li img { width: 60px; height: 60px; margin: 0; } publish-app .suite-content.publish-content li .des-name { display: inline-block; width: 220px; text-align: right; margin-right: 10px; } publish-app .suite-content.publish-content li .des-name.to-edit { width: 180px; } publish-app .suite-content.publish-content li .des-name.line-60 { line-height: 60px; } publish-app .suite-content.publish-content li .des-content { text-align: left; width: 300px; } publish-app .suite-content.publish-content li input[type="text"] { width: 300px; height: 30px; /*margin-left: 10px;*/ font-weight: normal; text-align: left; } publish-app .upload-title { text-align: center; line-height: 60px; } publish-app .upload-img { overflow: hidden; padding: 0 73px; min-height: 320px; text-align: center; } publish-app .upload-img .upload-item { width: 120px; height: 120px; border: 1px solid #dcdcdc; float: left; margin: 0 30px 40px 0; position: relative; } publish-app .upload-img .upload-item .delete-btn { position: absolute; bottom: -40px; left: 0; line-height: 40px; height: 40px; color: #82b6f4; width: 100%; cursor: pointer; } publish-app .upload-img .upload-item .delete-btn:hover { color: #378eef; } publish-app .upload-img .upload-item img { max-width: 120px; max-height: 120px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } publish-app .upload-img .upload-item.add-img-btn { border-style: dashed; } publish-app .upload-img .upload-item .add-img { width: 100%; height: 100%; } publish-app .upload-img .upload-item .add-img .plus-icon { font-size: 50px; font-weight: bold; padding-top: 5px; color: #5d5b5b; } publish-app .upload-img .upload-item .upload-des-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: unset; opacity: 0; cursor: pointer; text-indent: -10000em; background-color: #000; } publish-app .upload-img .upload-item .upload-des-img:hover { opacity: 0.1; } suites { display: block; height: 100%; } suites .content { height: 100%; } suites .left-area { width: 20%; float: left; height: 100%; padding: 0; border-right: 1px solid #e5e5e5; background-color: #e2e3e8; max-width: 250px; } suites .right-area { width: 79.9%; float: left; background: #f1f2f7; height: 100%; position: relative; } suites input[type='text'] { height: 30px; } suites .new-suite { height: 60px; line-height: 60px; padding-left: 20px; font-weight: bolder; border-bottom: 1px solid #d4dce5; position: relative; } suites .new-suite > div { display: inline-block; vertical-align: middle; position: relative; } suites .new-suite > .create-member { float: right; position: relative; margin-top: 16px; left: -13px; } suites .new-suite > .create-member div { background: url(https://bj.bcebos.com/hi-static/hi-enterprise-platform/web/260450396/icons.png?38d1a8e23d1bc2ab3846822af9e57f4b) no-repeat; width: 20px; height: 20px; background-position: 2px 2px; } suites suite-group { height: 100%; } suites .suite-list { height: calc(100% - 60px); overflow-x: hidden; overflow-y: auto; } suites .suite-list li { height: 60px; line-height: 60px; font-size: 14px; font-weight: bolder; color: #29282f; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } suites .suite-list li img, suites .suite-list li span { display: inline-block; vertical-align: middle; padding-left: 20px; float: left; } suites .suite-list li img { height: 40px; width: 60px; /*float: left;*/ margin-top: 10px; } suites .suite-list li span { max-width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } suites .suite-list li:hover, suites .suite-list li.active { background: #d6d7dc; } suites .suite-list li .tree-tool-icon { display: none; float: right; margin-right: 10px; background-position: -64px -103px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -43px -23px; height: 17px; width: 17px; vertical-align: middle; margin-top: 23px; z-index: 999; } suites .suite-list li:hover .tree-tool-icon { display: block; } suites .suite-set { float: right; } suites .suite-set button { font-size: 14px; font-weight: normal; } suites #suite-handle { display: none; position: fixed; background: #fff; cursor: pointer; border: 1px solid #e5e5e5; } suites #suite-handle li { list-style: none; height: 30px; width: 110px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding: 0px 20px; color: #777; } suites #suite-handle li:hover { background-color: #f1f2f7; } suites #suite-handle li:last-child { border-bottom: none; } suites .apply { height: 100%; overflow-y: auto; overflow-x: hidden; } suites .apply .list-group { margin: auto; max-width: auto; padding: 40px; } suites .applying, suites .no-admin { text-align: center; margin: 40px auto; } suites .applying div { font-size: 18px; font-weight: bolder; padding-top: 80px; } suites .applying p { color: #95a8b8; font-weight: bolder; padding-bottom: 60px; } suites .applying p a { color: #509ee2; } suites .no-admin div { font-size: 18px; font-weight: bolder; color: #f96e75; padding-top: 80px; } suites .no-admin p { color: #95a8b8; font-weight: bolder; padding-bottom: 60px; } suites .app-list { padding: 20px 0 10px 30px; /*overflow: hidden;*/ } suites .app-list:after { content: ''; display: block; clear: both; } suites .app-list li { /*display: inline-block;*/ padding-top: 5px; padding-bottom: 5px; float: left; width: 140px; height: 175px; /*margin: 0 20px 30px 20px;*/ margin: 0; cursor: pointer; text-align: center; margin-bottom: 10px; /*box-shadow: 0 0 5px rgba(0, 0, 0, .5);*/ } suites .app-list li:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } suites .app-list li:hover .tip-container { display: none; } suites .app-list li:hover .btn-container { display: block; } suites .app-list li p { text-align: center; /*width:100px;*/ /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ margin: 0; /*margin-bottom: 10px;*/ } suites .app-list li p span { display: inline-block; vertical-align: middle; /*max-width: 120px;*/ } suites .app-list li p span.ellips { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } suites .app-list li p span.app-name { max-width: 96px; } suites .app-list li p input { /*float: right;*/ /*margin-top: 4px;*/ vertical-align: middle; } suites .app-list li .suit-status-tips { display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; -webkit-border-radius: 50%; background-color: red; color: #fff; font-weight: bold; position: relative; } suites .app-list li .suit-status-tips .tips-note { display: none; position: absolute; top: 16px; left: 16px; width: 100px; padding: 2px 10px; line-height: 20px; /*height: 20px;*/ font-size: 12px; font-weight: normal; color: #222; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff; word-break: break-all; } suites .app-list li .suit-status-tips:hover { /*width: 20px;*/ /*height: 20px;*/ transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); /*line-height: 20px;*/ } suites .app-list li .suit-status-tips:hover .tips-note { display: block; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } suites .app-list li .suit-status { width: auto; } suites .app-list li .btn-container { display: none; height: 26px; } suites .app-list li .btn-container .suit-status-btn { display: inline-block; /*min-width: 60px;*/ padding: 0 5px; height: 22px; line-height: 22px; border-radius: 10px; outline: none; color: #fff; border: none; background-color: #75aff4; } suites .app-list li img { border-radius: 5px; height: 100px; width: 100px; margin-bottom: 14px; } suites .app-list .item-add { display: inline-block; margin: 0 20px 30px; width: 100px; height: 100px; vertical-align: top; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOUExRTU3OUMwRkUxMUU2ODk2OUZGRUZEM0Y2QjAwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOUExRTU3QUMwRkUxMUU2ODk2OUZGRUZEM0Y2QjAwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5QTFFNTc3QzBGRTExRTY4OTY5RkZFRkQzRjZCMDA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI5QTFFNTc4QzBGRTExRTY4OTY5RkZFRkQzRjZCMDA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U7wWKQAAABVQTFRFS5nxxt/6Spnxxd76TJrxN47v////y94OkQAAAAd0Uk5T////////ABpLA0YAAABySURBVHja7NjRCYAwEETBTWLsv2TtIBE1iMw2MD8HDy77ggUCgUAgEAgEAvkBUpLyOpLe8zrSz0EgEAgEcg0p6RMbtTLDDk4pK5B6C2l1xtia64JAIBDIB5EMO/gA0uqogz4SEAgEAoFAIBAI5LvIIcAA0fzo2QoSvQ0AAAAASUVORK5CYII=); border: 1px dashed #c5cbd9; } suites .app-list .item-add .name { display: none; } suites .suite-content { height: 380px; overflow-y: auto; overflow-x: hidden; text-align: center; } suites .suite-content li { display: block; margin-top: 20px; } suites .suite-content li label { margin-left: 10px; } suites .suite-content li label span { width: inherit; } suites .suite-content li span { float: left; text-align: right; width: 180px; } suites .suite-content li span.valid-error { width: 100px; margin-top: 5px; } suites .suite-content li input[type="text"], suites .suite-content li b { width: 300px; float: left; margin: 0 0 0 10px; font-weight: normal; text-align: left; } suites .suite-content li input.small { width: 80px; } suites .suite-content li img { margin-top: -50px; } suites .suite-content li.extAbility .config .extContent div { margin-bottom: 10px; } suites .suite-content li.extAbility .config span { width: 50px; } suites .suite-content li.extAbility .config span i { float: right; width: 150px; font-style: normal; } suites .suite-content li.extAbility .config input { width: 200px; } suites set-suite-info { display: block; width: 100%; position: relative; } suites set-suite-info li span { width: 150px; } suites set-suite-info li b { white-space: nowrap; } suites set-suite-info li img { margin-left: 50px; } suites set-suite-info .suit-info-tip { position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; line-height: 20px; text-align: center; color: red; } suites suite-list .modal-container { padding: 0 0 20px 0; } suites suite-list .modal-dialog { position: relative; margin: 100px auto; } suites suite-list .confirm-tip { padding: 0 60px; } edit-trd-app { position: relative; display: block; } edit-trd-app .pub-tips { width: 600px; line-height: 20px; position: absolute; bottom: -20px; left: 0; text-align: center; } edit-trd-app .pub-tips a { cursor: pointer; } tags .tags-content-wrapper { min-height: 1242px; } tags #tree-area { height: 100%; background-color: #fff; position: relative; } tags #tree-area .switch-area { /*padding: 15px;*/ text-align: center; position: relative; height: 7%; /*border-bottom: 1px solid #d4dce5;*/ } tags #tree-area .switch-area .dropdown-wrap { width: 135px; margin-right: 12px; float: left; } tags #tree-area .switch-area .add-contacts-wrap { float: left; } tags #tree-area .icon-tree-open { display: inline-block; } tags #tree-area .create-tag-contaienr { position: relative; width: 90%; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; height: 36px; line-height: 36px; margin: 0 auto; font-size: 14px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } tags #tree-area .create-tag-contaienr .down { position: absolute; width: 100%; /*border: 1px solid #000;*/ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; top: 36px; left: 0; z-index: 9999; cursor: pointer; display: none; } tags #tree-area .create-tag-contaienr .down.open { display: block; } tags #tree-area .create-tag-contaienr .down .create-nomal-tag { box-shadow: 0 0px 1px rgba(0, 0, 0, 0.175); } tags #tree-area .create-tag-contaienr .down .create-dynamic-tag { border-radius: 0 0 5px 5px; } tags #tree-area .create-tag-contaienr .down li:hover { background-color: #eff4f8; } tags #tree-area .create-new { text-align: center; cursor: pointer; height: 36px; line-height: 36px; display: block; background: #eff4f8; color: #3d3c41; font-size: 14px; } tags #tree-area .create-new span { display: inline-block; height: 100%; vertical-align: top; font-weight: bold; } tags #tree-area .add-contacts { display: inline-block; height: 34px; width: 34px; position: absolute; border-radius: 4px; background-color: #509ee2; } tags #tree-area .add-contacts:after { content: ' '; display: block; margin: auto; width: 14px; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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); background-position: -69px -24px; position: relative; top: 10px; } tags #tree-area #tree-area { height: 100%; overflow: auto; } #handle-tag { display: none; position: fixed; background: #ffffff; width: 150px; z-index: 10000; box-shadow: #cfcfd4 1px 1px 1px; width: 145px; border-radius: 3px; right: 0px; top: 25px; } #handle-tag li { text-align: center; line-height: 30px; cursor: pointer; } #handle-tag li:hover { background: #f1f2f7; } .no-tag { text-align: center; } .no-tag div:first-child { margin: 30px 0; } .no-tag div:last-child { margin-top: 20px; color: #3d3c41; } .taglist li { list-style: none; cursor: pointer; position: relative; padding: 10px 0 10px 30px; } .taglist li:hover { background: #eff4f8; } .taglist li.active { color: #378eef; } .taglist li .tag-icon { display: inline-block; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQzNzlERDQ3MEM5N0NBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBQUI2NjMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkJBQUI2NTMxQzUxMUU1ODBDRUYyODMwQjEyN0JFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4MDExNzQwNzIwNjgxMTgyMkFDQ0IzQzA5MUY2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk0Mzc5REQ0NzBDOTdDQTYiLz4gPC9yZGY6RGVzY3Jp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) no-repeat; background-position: -89px -24px; position: relative; top: 2px; margin-right: 10px; } .taglist .tag-name { display: inline-block; max-width: calc(100% - 105px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .taglist .tag-symbol { display: inline-block; width: 70px; text-align: center; line-height: 15px; font-size: 12px; color: #fff; background-color: #82b6f4; border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; /*margin: 1px 0 0 3px;*/ } #rename-tag-form input, #create-tag-form input { display: inline-block; } dynamic-tag { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999; background-color: rgba(0, 0, 0, 0.4); } dynamic-tag .dynamic-tag-box { width: 800px; height: 600px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; } dynamic-tag .dynamic-tag-container { height: 100%; position: relative; } dynamic-tag .dynamic-tag-container .loading-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); display: none; } dynamic-tag .dynamic-tag-container .loading-container.show-loading { display: block; } dynamic-tag .dynamic-tag-container .loading-container .status-msg { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -75px; width: 150px; height: 100px; background-color: transparent; text-align: center; } dynamic-tag .dynamic-tag-container .loading-container .status-msg img { width: 60px; height: 60px; background-color: transparent; } dynamic-tag .dynamic-tag-container .loading-container .status-msg span { display: block; margin-top: 8px; padding-left: 0; color: #fff; } dynamic-tag .title { height: 50px; line-height: 50px; color: #3d3c41; text-align: center; font-size: 16px; background-color: #eff4f8; } dynamic-tag .guid-symbol { width: 60%; margin: 50px auto; overflow: hidden; text-align: center; } dynamic-tag .guid-symbol span { display: inline-block; line-height: 30px; } dynamic-tag .guid-symbol .num-one, dynamic-tag .guid-symbol .num-two { width: 30px; height: 30px; border-radius: 50%; color: #fff; background-color: #82b6f4; margin-right: 10px; border: 1px solid #82b6f4; } dynamic-tag .guid-symbol .num-two { border-color: #ccc; background-color: #fff; color: #ccc; } dynamic-tag .guid-symbol .type-text { font-weight: bold; } dynamic-tag .guid-symbol .line { display: inline-block; width: 50%; height: 0; border-bottom: 1px solid #ccc; margin: 0 10px; vertical-align: middle; } dynamic-tag .step-two .num-one { background-color: #fff; border: 1px solid #82b6f4; color: #82b6f4; } dynamic-tag .step-two .line { border-color: #82b6f4; } dynamic-tag .step-two .num-two { background-color: #82b6f4; border-color: #82b6f4; color: #fff; } dynamic-tag .step-two .type-text { font-weight: normal; } dynamic-tag .step-two .config-text { font-weight: bold; } dynamic-tag .choose-type { margin: 0 auto 100px; } dynamic-tag .choose-type input { display: inline-block; width: 80%; } dynamic-tag .choose-type select { width: 79%; border-color: #ccc; background-color: #fff; } dynamic-tag .choose-type .name-input, dynamic-tag .choose-type .select-type { width: 60%; margin: 15px auto; } dynamic-tag .choose-type .name-input { text-align: center; } dynamic-tag .choose-type .select-type { padding-left: 20px; } dynamic-tag .choose-type .button-container { text-align: center; padding: 60px 0; } dynamic-tag .choose-type .boder-line { width: 95%; height: 0; margin: 0 auto 10px; border-top: 1px solid #ccc; } dynamic-tag .choose-type .explaination { padding-left: 40px; color: #ccc; } dynamic-tag .choose-type .explaination p { line-height: 24px; margin: 0; } dynamic-tag .choose-type .explaination .mg-10 { margin-bottom: 10px; } dynamic-tag .choose-type .explaination .fontw { font-weight: bold; } dynamic-tag .config-option { height: 450px; position: relative; } dynamic-tag .config-option.editconfig { height: 580px; } dynamic-tag .config-option.editconfig .contacts-info { padding-top: 50px; height: 430px; } dynamic-tag .config-option.editconfig .edit-email { padding-top: 170px; } dynamic-tag .config-option .edit-email { padding-top: 50px; text-align: center; } dynamic-tag .config-option .edit-email input { display: inline-block; width: 70%; text-align: center; } dynamic-tag .config-option .edit-email ::-webkit-input-placeholder { text-align: center; color: #e1e1e1; } dynamic-tag .config-option .edit-email :-moz-placeholder { text-align: center; color: #e1e1e1; } dynamic-tag .config-option .edit-email ::-moz-placeholder { text-align: center; color: #e1e1e1; } dynamic-tag .config-option .edit-email :-ms-input-placeholder { text-align: center; color: #e1e1e1; } dynamic-tag .config-option .contacts-info { height: auto; overflow: hidden; } dynamic-tag .config-option .contacts-info .scroll-view { height: 100%; overflow: auto; padding: 5px 40px 0; } dynamic-tag .config-option .contacts-info .wth-100 { width: 100%; text-align: left; } dynamic-tag .config-option .contacts-info .mg-60 { margin-left: 60px; margin-right: 40px; } dynamic-tag .config-option .key-num-tip { padding-left: 35px; margin-top: 70px; color: #777; } dynamic-tag .config-option .submit-div { position: absolute; width: 100%; bottom: 60px; left: 0; text-align: center; } dynamic-tag .config-option .submit-div .up-step { position: absolute; left: 60px; top: 0; }