html, body, #app { margin: 0; padding: 0; height: 100%; font-family: 'Roboto', sans-serif; overflow: hidden; --aida-fsize2: calc(2.6rem); --aida-fsize1-8: calc(1.8rem); --aida-fsize1-6: calc(1.6rem); --aida-fsize1-4: calc(1.4rem*1.2); --antd-wave-shadow-color: #000; } ::selection { background-color: #1890ff; } input { outline: none; border: 0.1rem solid #dcdfe6; } @media (max-width: 768px) { .mdhidden { display: none !important; } } select { height: 2.5rem; border: 0.2rem solid #c4c4c4 !important; border-radius: 4px; /* 设置圆角半径 */ } select:focus-visible { border: 0.2rem solid #c4c4c4 !important; } ul, li { list-style: none; padding: 0; } .page_content { max-width: 100%; height: 100%; margin: 0 auto; } .button_second { width: 14rem; text-align: center; height: 4rem; line-height: 4rem; font-size: 1.4rem; font-weight: 400; color: #000; cursor: pointer; border-radius: 1.5rem; border: 2px solid; } .ant-slider.system_silder { margin: 0; margin-left: 1rem; margin-right: 1rem; width: calc(100% - 2rem); } .ant-slider.system_silder .ant-slider-rail { height: 0.6rem; border-radius: 0.3rem; background: #F2F0FD; } .ant-slider.system_silder .ant-slider-track { height: 0.6rem; border-radius: 0.3rem; background: #000; } .ant-slider.system_silder .ant-slider-handle { margin-top: -0.4rem; border: solid 0.2rem #000; } .ant-slider:hover .ant-slider-handle { box-shadow: rgba(0, 0, 0, 0.16) 0px 0 0 4px; } .ant-slider-track, .ant-slider-rail { height: calc(0.6rem*1.2); background-size: 100% 100%; border-radius: calc(0.5rem*1.2); } .ant-slider .ant-slider-handle:not(.ant-tooltip-open), .ant-slider-handle { background-color: #000000 !important; border: none !important; margin-top: -4px; } .ant-slider-handle:hover { box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2); } .cliAdmin_like { animation: adminLike 0.5s ease-in-out forwards; transform-origin: center; } @keyframes adminLike { 0% { transform: scale(1); /*开始为原始大小*/ } 50% { transform: scale(1.2); } } [adminLike='true'] { animation: adminLike 0.5s ease-in-out forwards; transform-origin: center; } @keyframes adminLike { 0% { transform: scale(1); /*开始为原始大小*/ } 50% { transform: scale(1.2); } } [adminSix='true'] { animation: adminSix 0.5s ease-in-out; transform-origin: 30% center; } @keyframes adminSix { 0% { transform: rotate(0deg); } 50% { transform: rotate(-20deg); } } .ant-tooltip { z-index: 1049 !important; } .ant-tooltip .ant-tooltip-inner { background: #000; border-radius: 5px; padding: 0.6rem 0.5rem; } .ant-modal-mask { background-color: #666666; } .select_block { height: 4rem; } .select_block .ant-select { height: 100%; } .select_block .ant-select:not(.ant-select-customize-input) .ant-select-selector { background: transparent; height: 95%; border: 0.1rem solid rgba(0, 0, 0, 0) !important; border-radius: 0; box-shadow: none !important; width: 15rem; background: #FFFFFF; border-radius: 4rem; margin: 0 1rem; } .select_block .ant-select-single .ant-select-selector .ant-select-selection-item, .select_block .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 3.8rem; color: #1A1A1A; font-size: 1.3rem; font-weight: bold; } .select_block .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { padding: 0 1rem; } .gallery_input { font-size: 1.8rem; background-color: #f3f3f3; border: 1px solid #d9d9d9; border-radius: 4rem; padding: 1rem; box-sizing: content-box; height: 2.5rem; transition: all 0.3s; font-weight: 600; line-height: 1.5715; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border: 1px solid #000; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { box-shadow: none; border: 1px solid #000; } .ant-picker:hover, .ant-picker-focused, .gallery_input:hover { border: 1px solid #000; } .ant-picker-focused { box-shadow: none; border: 1px solid #000; } .ant-picker-suffix { display: flex; } .ant-picker-range .ant-picker-active-bar { background: #353535; } .gallery_btn { padding: 0 2rem; line-height: 5.4rem; border-radius: 4rem; font-size: 1.6rem; transition: all 0.3s; display: inline-block; color: #fff; background-color: #000; text-align: center; font-weight: 600; border: 2px solid #000; cursor: pointer; box-sizing: border-box; white-space: nowrap; } .gallery_btn.btnSamil { padding: 0rem 2rem; line-height: 4rem; font-size: 1.6rem; } .gallery_btn.gallery_btn_radius { border-radius: 1.4rem; } .gallery_btn.gallery_btn:hover { background-color: #fff; color: #000; } .gallery_btn.white { background-color: #fff; color: #000; } .gallery_btn.white.white:hover { color: #fff; background-color: #000; } .gallery_btn.white.active { color: #fff; background-color: #000; } .gallery_btn.active { background-color: #fff; color: #000; } .started_btn { padding: 0 calc(1.8rem*1.2); display: inline-block; border-radius: 4rem; font-size: calc(1.2rem*1.2); color: #fff; background-color: #000000; cursor: pointer; height: 3.3rem; line-height: 3.3rem; zoom: 1; white-space: nowrap; } .started_btn .fi-br-loading::before { transition: all 0.5s; display: inline-block; animation: whirl 1s linear infinite; } @keyframes whirl { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .el-popper.is-pure { border: 1px solid; } .el-popper { padding: 0.5rem 1.1rem; } .el-popper .el-popper__arrow { display: none; } .hideEvents { pointer-events: none !important; } .hideEvents * { pointer-events: none !important; } .Guide_ { pointer-events: auto !important; overflow-y: initial !important; } .Guide_.showEvents *, .Guide_ .showEvents * { pointer-events: auto !important; } .Guide_.showEvents .hideEvents, .Guide_ .showEvents .hideEvents { pointer-events: none !important; } .Guide_.showEvents .hideEvents *, .Guide_ .showEvents .hideEvents * { pointer-events: none !important; } .Guide_ .Guide_active { box-shadow: 0px 0px 13px #ff5f5f; animation: identifier 1s infinite linear; display: block !important; } @keyframes identifier { 0% { box-shadow: none; } 50% { box-shadow: 0px 0px 13px #ff5f5f; } 100% { box-shadow: none; } } .Guide_ .Guide_img { filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f); animation: identifier_img 1s infinite linear; display: block !important; cursor: pointer; pointer-events: auto !important; } @keyframes identifier_img { 0% { filter: none; } 50% { filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f); } 100% { filter: none; } } :not(body):has(>.driver-active-element) { overflow: initial !important; } .driver-close__ { position: absolute; top: 2rem; right: 2rem; z-index: 99999; color: #fff; font-size: 4rem; width: 2rem; height: 2rem; border: 0.5rem solid; display: flex; align-items: center; justify-content: center; padding: 1.5rem; border-radius: 0.5rem; cursor: pointer; pointer-events: auto !important; } .ant-popover-placement-top { z-index: 9999; } .ant-drawer { z-index: 9999; } .delete_like_file_block { opacity: 0; width: 3rem; height: 3rem; cursor: pointer; background: rgba(0, 0, 0, 0.6); border-radius: calc(0.4rem*1.2); position: absolute; top: calc(0.9rem*1.2); right: calc(0.9rem*1.2); text-align: center; line-height: 3rem; left: auto; } .delete_like_file_block.left { left: calc(0.9rem*1.2); } .delete_like_file_block.left1 { left: calc(0.9rem*1.2); top: 5rem; } .delete_like_file_block .icon-shanchu { font-size: calc(1.6rem*1.2); color: #fff; } .delete_like_file_block i, .delete_like_file_block span { width: 100%; display: flex; height: 100%; justify-content: center; align-items: center; } .delete_like_file_block i { font-size: calc(1.4rem); color: #fff; } .delete_like_file_block i.fi-sr-heart { color: red; } .progress_mark .mark_content .ant-progress .ant-progress-text .anticon-check { color: #7a61dc; } .el-popper .el-cascader-panel { --el-cascader-menu-selected-text-color: #000; } .el-popper .el-cascader-panel .el-scrollbar { min-width: 19rem; max-width: 19rem; } .el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap { height: 24.4rem; } .el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap .el-cascader-menu__list .el-cascader-node { padding-right: 2rem; padding: 0 3rem 0 2rem; height: 3.4rem; line-height: 3.4rem; font-size: 1.4rem; } .el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap .el-cascader-menu__list .el-checkbox { --el-checkbox-input-height: 1.4rem; --el-checkbox-input-width: 1.4rem; --el-checkbox-font-size: 1.4rem; --el-checkbox-checked-bg-color: #767676; --el-checkbox-checked-input-border-color: #767676; --el-checkbox-input-border-color-hover: #dcdfe6; } .el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap .el-cascader-menu__list .el-checkbox .el-checkbox__input .el-checkbox__inner::after { height: 0.7rem; left: 0.4rem; top: 0.1rem; width: 0.3rem; } .trial_page .ant-select-allow-clear { height: 100%; } .trial_page .ant-select-allow-clear .ant-select-selector { height: 100%; } .trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow { height: 100%; } .trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item { height: 80%; } .trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item { align-items: center; height: 100%; margin: 0; margin-right: 0.4rem; background-color: #e1d9ec; } .trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content { height: 100%; line-height: 1.7; } .trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove { height: 100%; font-size: 1rem; display: flex; align-items: center; } .trial_page .ant-select-allow-clear .ant-select-selector::after { line-height: 1; } .trial_page .ant-select-dropdown { font-size: 1.4rem; } .trial_page .ant-select-dropdown .ant-cascader-menu-item { padding: 0.5rem 1.2rem; line-height: 2.2rem; } .trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox { font-size: 1.4rem; } .trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox :hover .ant-cascader-checkbox-inner { border: 1px solid #d9d9d9; } .trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox .ant-cascader-checkbox-inner { width: 1.6rem; height: 1.6rem; } .trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox .ant-cascader-checkbox-inner::after { width: 0.8rem; height: 0.8rem; } .trial_page .habit :deep(.ant-tooltip .ant-tooltip-inner), .trial_page :deep(.ant-tooltip-arrow-content) { background: #000 !important; } .trial_page .habit_mod { background-color: #000 !important; /* top: 0 !important; */ /* left: 0 !important; */ } .trial_page .ant-tooltip .ant-tooltip-inner, .trial_page .ant-tooltip-arrow-content { background: #000 !important; } .trial_page .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: #767676; border-color: #d9d9d9 !important; } .trial_page .ant-cascader-checkbox-checked::after { border-color: #d9d9d9; } .trial_page .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .trial_page .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .trial_page .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { border-color: #d9d9d9; } .trial_page .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { background-color: #767676; } .trial_page .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner { background-color: #d9d9d9; } .trial_page .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #eeeeee; } .ant-modal-confirm-confirm .ant-modal-content { border-radius: 1rem; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns { width: 100%; display: flex; justify-content: center; } .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns .ant-btn-primary { color: #fff; margin-left: 10rem; } .ant-drawer-content-wrapper { width: 50rem !important; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background-color: #ededed; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before { background-color: #ededed; } .ant-btn-primary { background-color: #000; } .ant-picker-dropdown { border-radius: 2rem; overflow: hidden; background-color: #fff; border: 2px solid #000; } .ant-picker-dropdown .ant-picker-range-arrow { display: none; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { background-color: #ededed; } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: #ededed; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background-color: #ededed; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background-color: #ededed; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background-color: #ededed; } .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { background-color: #000; } .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0 2rem 2rem 0; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 2rem 0 0 2rem; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background-color: #c9c9c9; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { border-left: 1px dashed #c9c9c9; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { border-right: 1px dashed #c9c9c9; } .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { border-top: 1px dashed #c9c9c9; border-bottom: 1px dashed #c9c9c9; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { height: 2.5rem; top: 50%; transform: translateY(-50%); display: flex; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search .ant-select-selection-search-input { height: 100% !important; } .gallerySelect .ant-select-selector { height: 2.5rem; border-radius: 4rem; padding: 2rem; box-sizing: content-box; width: 100%; box-sizing: border-box; } .gallerySelect.ant-select-lg { font-size: 1.6rem; } .gallerySelect.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 5.5rem; } .gallerySelect.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .gallerySelect.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .gallerySelect.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 5.5rem; } .ant-select-arrow { right: 10px; width: auto; height: auto; top: 50%; transform: translateY(-50%); font-size: 1.2rem; margin-top: 0; } .generalModel_page { width: 100%; height: 100%; padding: 9rem; overflow: hidden; position: relative; display: flex; flex-direction: column; } .generalModel_page .generalModel_table_search { margin-top: 2rem; padding: 2rem 3.5rem 5rem 2.8rem; background: #fff; display: flex; justify-content: flex-start; align-items: center; } .generalModel_page .generalModel_table_search .generalModel_search { width: auto; } .generalModel_page .generalModel_table_search .generalModel_search .generalModel_search_item { background: #000; border-color: #000; height: 4rem; padding: 0.64rem 1.5rem; font-size: 1.6rem; border-radius: 2px; display: inline-block; color: #fff; cursor: pointer; } .generalModel_state { position: relative; display: flex; align-items: center; width: auto; flex-wrap: wrap; } .generalModel_state .generalModel_state_item { display: flex; align-items: center; margin-right: 5rem; height: 5rem; } .generalModel_state .generalModel_state_item.smail > input { padding: 1rem 2rem !important; } .generalModel_state .generalModel_state_item.smail .ant-picker-range, .generalModel_state .generalModel_state_item.smail .ant-select-selector, .generalModel_state .generalModel_state_item.smail .range_picker { padding: 1rem 2rem !important; padding-right: 3rem !important; } .generalModel_state .generalModel_state_item.smail .el-cascader { padding: 1rem 2rem; } .generalModel_state .generalModel_state_item.smail .ant-select-selection-placeholder { display: flex; align-items: center; } .generalModel_state .generalModel_state_item > input { height: 5rem !important; padding: 1rem !important; border-radius: 1rem; box-sizing: border-box; background-color: #f3f3f3; background-color: #fff; width: 25rem; font-size: 1.8rem; transition: all 0.3s; border: 1px solid; } .generalModel_state .generalModel_state_item > span { font-size: 2rem; font-weight: 400; color: #030303; margin-right: 15px; flex-shrink: 0; display: block; min-width: 5rem; text-align: left; } .generalModel_state .generalModel_state_item .ant-picker-range, .generalModel_state .generalModel_state_item .ant-select-selector, .generalModel_state .generalModel_state_item .range_picker { height: 5rem !important; border-radius: 1rem; padding-right: 3rem !important; padding-left: 2rem !important; box-sizing: content-box; background-color: #f3f3f3; background-color: #fff; width: 100%; box-sizing: border-box; display: flex; align-items: center; border: 1px solid #000; } .generalModel_state .generalModel_state_item .ant-picker-input > input { font-size: 1.8rem; } .generalModel_state .generalModel_state_item .ant-select-lg { font-size: 1.8rem; } .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item { height: 100%; display: flex; align-items: center; overflow: hidden; line-height: 2.7rem; } .generalModel_state .generalModel_state_item .el-cascader { font-size: 1.8rem; width: 100%; border: 1px solid #dcdfe6; border-radius: 1rem; background-color: #fff; height: 2.5rem; padding: 2rem; transition: all 0.3s; box-sizing: content-box; border: 1px solid; height: 100%; box-sizing: border-box; } .generalModel_state .generalModel_state_item .el-cascader .el-cascader__tags, .generalModel_state .generalModel_state_item .el-cascader .el-input { height: 100%; } .generalModel_state .generalModel_state_item .el-cascader .el-input .el-input__wrapper { box-shadow: none; padding: 0; width: 100%; } .generalModel_state .generalModel_state_item .el-cascader .el-input .el-input__wrapper .el-input__inner { font-size: 1.8rem; } .generalModel_state .generalModel_state_item .el-cascader__tags { padding-left: 1rem; } .generalModel_state .generalModel_state_item .el-cascader__tags, .generalModel_state .generalModel_state_item .el-cascader__collapse-tag { --el-color-primary: #d9d9d9; --el-cascader-tag-background: #000; --el-fill-color: #e1d9ec; box-sizing: content-box; width: 90% !important; flex-wrap: nowrap; overflow: hidden; align-items: center; } .generalModel_state .generalModel_state_item .el-cascader__tags .el-tag--light, .generalModel_state .generalModel_state_item .el-cascader__collapse-tag .el-tag--light { margin: 0 0 0 0.6rem; padding-right: 0.5rem; height: 70%; --el-icon-size: 1.4rem; display: flex; } .generalModel_state .generalModel_state_item .el-cascader__tags .el-tag--light .el-tag__content, .generalModel_state .generalModel_state_item .el-cascader__collapse-tag .el-tag--light .el-tag__content { font-size: 1.4rem; color: #fff; } .generalModel_state .generalModel_state_item .el-cascader__tags .el-cascader__search-input, .generalModel_state .generalModel_state_item .el-cascader__collapse-tag .el-cascader__search-input { height: 100%; } .generalModel_state .generalModel_state_item .el-cascader__search-input, .generalModel_state .generalModel_state_item .el-input__inner { margin: 0; width: 100%; height: 4.6rem; padding-left: 2.1rem; line-height: 4.6rem; font-size: 1.8rem; box-sizing: border-box; } .generalModel_state .generalModel_state_item .el-cascader__collapse-tag { margin-bottom: 0.5rem; } .generalModel_state .generalModel_state_item .el-cascader__collapse-tag .el-cascader__collapse-tag .el-tag--light { display: flex !important; } .generalModel_state .generalModel_current { background: #fff; width: 100%; display: flex; align-items: center; justify-content: space-between; } .generalModel_state .header_user_content { position: absolute; border: 2px solid; border-radius: 1rem; overflow: hidden; top: 0; transform: translateY(6rem); z-index: 2; display: none; margin-left: -2rem; } .generalModel_state .header_user_content .username { padding: 0 2rem; color: #000; } .generalModel_state .header_user_content .username:hover { background: #e1e1e1; } .generalModel_state .header_user_content.active { display: block; } .ant-select-dropdown { border: 1px solid #000; border-radius: 1rem; } .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background-color: #f3f3f6; width: 100%; overflow: hidden; box-sizing: border-box; } .ant-select-dropdown .ant-select-item { font-size: 1.6rem; line-height: 2.4rem; padding: 0.8rem 1.8rem; min-height: 3.2rem; } .generalModel { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; position: relative; box-shadow: none; height: calc(65rem*1.2); } .generalModel.fullScreen { max-width: 100%; } .generalModel.fullScreen > .ant-modal-content { border-radius: 0rem; } .generalModel.fullScreen > .ant-modal-body { padding: 2.5rem 3rem; } .generalModel.fullScreen .generalModel_btn .generalModel_closeIcon { transform: translate(-100%, 100%); } .generalModel .ant-modal-content { border-radius: 3rem; height: 100%; } .generalModel .mark_loading[state="true"] { border-radius: 3rem; } .generalModel .ant-modal-body { padding: 0; height: 100%; font-size: 1.4rem; padding: 6rem 7rem; position: relative; } .generalModel .fi-rr-down-to-line, .generalModel .fi-rr-arrow-small-right, .generalModel .fi-rr-arrow-small-left { font-size: 2rem; } .generalModel .generalModelTitle { font-weight: 600; font-size: 3.5rem; margin-bottom: 4rem; } .generalModel .generalModelInfo { font-weight: 600; font-size: 3rem; margin-bottom: 3rem; } .generalModel .generalModelDescription { font-size: 1.5rem; font-weight: 400; } .generalModel .collection_title { position: absolute; top: calc(4rem*1.2); display: flex; font-size: var(--aida-fsize2); font-weight: 900; color: rgba(0, 0, 0, 0.65); align-items: center; } .generalModel .collection_title .collection_title_text { margin-right: calc(4rem*1.2); } .generalModel .collection_title .collection_title_text_intro { font-size: calc(1.2rem*1.2); font-weight: 400; color: rgba(0, 0, 0, 0.45); } .generalModel .generalModel_btn .generalModel_closeIcon { position: absolute; top: 0; right: 0; transform: translate(100%, -100%); cursor: pointer; width: calc(4rem*1.2); height: calc(4rem*1.2); display: flex; align-items: center; justify-content: center; z-index: 2; } .generalModel .generalModel_btn .generalModel_closeIcon > svg { flex-shrink: 0; border-radius: 50%; border: 1px solid; } @media (max-width: 768px) { .generalModel .generalModel_btn .generalModel_closeIcon { transform: translate(-100%, 100%); } } .generalModel .generalModel_btn .generalModel_closeIcon.download { transform: translate(-100%, 100%); } .generalModel .generalModel_btn .generalModel_closeIcon .fi-rr-cross-small::before { padding: calc(0.2rem*1.2); border-radius: 5px; border: solid 2px rgba(0, 0, 0, 0.22); transition: 0.3s all; color: rgba(0, 0, 0, 0.7); } .generalModel .generalModel_btn .generalModel_closeIcon.generalModel_closeIcon:hover .fi-rr-cross-small::before { border: solid 2px #000000; color: #000000; } .generalModel .generalModel_btn .generalModel_closeIcon .fi-rr-down-to-line { transition: 0.3s all; color: rgba(0, 0, 0, 0.5); } .generalModel .generalModel_btn .generalModel_closeIcon .fi-rr-down-to-line:hover { color: #000000; } .generalModel_table_content { width: 100%; height: 100%; flex: 1; background: #fff; border-radius: 2rem; overflow: hidden; } .generalModel_table_content .ant-table-wrapper, .generalModel_table_content .ant-spin-nested-loading, .generalModel_table_content .ant-spin-container { height: 100%; } .generalModel_table_content .ant-spin-container { display: flex; flex-direction: column; } .generalModel_table_content .ant-table { background: transparent; } .generalModel_table_content .ant-table-body { overflow-y: auto !important; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .generalModel_table_content .ant-table-body::-webkit-scrollbar { width: 0 !important; } .generalModel_table_content .ant-table-thead > tr > th { background: #ffffff00; border-bottom: none; backdrop-filter: blur(1rem); } .generalModel_table_content .ant-table-tbody > tr > td { border: none; background: transparent; } .generalModel_table_content .ant-table-tbody > tr > td img { max-width: 100%; max-height: 10rem; object-fit: contain; } .generalModel_table_content .ant-table-tbody > tr:hover > td { background: #ffffff3a; } .generalModel_table_content .ant-table-pagination-right { padding-right: 3.5rem; } .generalModel_table_content .ant-table-pagination.ant-pagination { margin: 0; margin-top: auto; } .generalModel_table_content .operate_list { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; justify-content: center; } .generalModel_table_content .operate_list .operate_item { font-size: 1.4rem; font-family: Roboto; font-weight: 400; color: #000; cursor: pointer; } .operate_file_block { width: 100%; height: 3rem; font-size: 1.6rem; color: #FFFFFF; position: absolute; left: 0; bottom: 0; } .operate_file_block .select_img_type { height: 100%; line-height: 3rem; text-align: center; background: rgba(0, 0, 0, 0.6); position: relative; overflow: initial !important; } .operate_file_block .select_img_type .select_category { display: flex; align-items: center; justify-content: center; } .operate_file_block .select_img_type .select_category .icon-xiala { margin-left: 0.8rem; } .operate_file_block .select_img_type .icon_rotate { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); animation-direction: 0.5s; } .operate_file_block .select_img_type .category_list { width: 100%; cursor: pointer; position: absolute; margin-top: 0.2rem; left: 0; background-color: #b1b1b1; border: 1px solid #000; border-radius: 0.8rem; z-index: 3; height: 9rem; overflow-x: hidden; } .operate_file_block .select_img_type .category_list.category_list::-webkit-scrollbar { display: none; } .operate_file_block .select_img_type .category_list .category_item { text-align: left; font-size: 1.4rem; padding: 1rem 1.5rem; line-height: 1.6rem; font-weight: 600; color: #595959; } .operate_file_block .select_img_type .category_list .category_item.select_category_item { background: linear-gradient(-137deg, #eeefdb, #e7dbed); } .operate_file_block .select_img_type .category_list .category_item:hover { background: linear-gradient(-137deg, #eeefdb, #e7dbed); } .driver-overlay, .driver-active * { pointer-events: none; } .printboard_upload_modal.showEvents *, .sketchboard_upload_modal .switch_type_list.showEvents * { pointer-events: auto; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn::after { color: #fff; border-color: #000 !important; box-shadow: none !important; background-color: #000; } .ant-switch-checked { background-color: #000; } .ant-switch-checked .ant-switch-handle { left: calc(100% - 1.8rem - 0.2rem); top: 0.3rem; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { box-shadow: none !important; } .ant-switch { min-width: 5.4rem; height: 2.2rem; line-height: 2.2rem; } .ant-switch .ant-switch-handle { top: 50%; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; } .ant-switch .ant-switch-inner { margin: 0 1rem 0 3rem; } .ant-switch-checked .ant-switch-inner { margin: 0 3rem 0 1rem; } .ant-message { z-index: 9999 !important; top: 6rem; } .ant-modal-confirm-btns .ant-btn-primary { background: #000 !important; border-color: #000 !important; } .ant-spin-dot-item { background-color: #000000; } .ant-spin { color: #000; } .ant-checkbox-inner { width: 1.6rem; height: 1.6rem; } .ant-checkbox-inner::after { width: 0.57142857rem; height: 0.91428571rem; } .ant-checkbox-wrapper { font-size: 1.4rem; } .ant-checkbox-wrapper span { font-size: 1.4rem; } .ant-checkbox-checked::after { border: 1px solid rgba(0, 0, 0, 0.65); } .ant-select-multiple .ant-select-selection-search { height: 100%; } .ant-select-multiple .ant-select-selection-search-input { height: 100%; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #000000; border-color: #d9d9d9 !important; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { background-color: #000000; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #d9d9d9 !important; } .ant-pagination-item-active { border-color: #000; } .ant-pagination-item-active a { color: #000; } .ant-pagination-item-active:hover { border-color: #000; } .ant-pagination-options-quick-jumper input:hover { border-color: #000; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #000; box-shadow: none; } .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #000; background-color: #fff; border: 1px solid #000; } .ant-pagination-item:hover { border: 1px solid #000; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { background-color: #000; color: #fff; } .ant-pagination-item:hover a { color: #000; } .libraryPageCascader { border-radius: 1rem; } .libraryPageCascader .cascader_btn_max { height: 4.5rem; width: 100%; display: flex; align-items: center; } .libraryPageCascader .cascader_btn_max .cascader_btn1 { margin: 0 1rem; } .libraryPageCascader .ant-cascader-menu { margin-top: 4rem; } .admin_page { width: 100%; height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; } .admin_page .admin_state_item { margin-right: 2rem; margin-bottom: 2rem; display: flex; align-items: center; } .admin_page .admin_state_item > span { white-space: nowrap; width: 13rem; } .admin_page .admin_state_item > span > span { color: red; } .admin_page .admin_state_item > span:nth-child(1) { font-size: 1.6rem; font-weight: 400; color: #030303; margin-right: 15px; flex-shrink: 0; display: block; text-align: right; } .admin_page .admin_state_item > input { padding: 4px 11px 4px; line-height: 1.5715; font-size: 14px; } .admin_page .admin_state_item .active { cursor: no-drop; background-color: #f5f5f5; } .admin_page .admin_search_item { height: 4rem; width: 13rem; height: 6rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 600; border-radius: 3rem; color: #fff; cursor: pointer; margin: 0 2rem 2rem 0; background-color: #000; } .admin_page .admin_search_item:hover { color: #000; border: 2px solid #000; background-color: #fff; } .admin_page .admin_search_item:last-child { margin: 0; } .admin_page .awayOrUnfold { bottom: 0; transition: all 0.3s; background: #fff; text-align: center; } .admin_page .awayOrUnfold.active span { transform: translateY(50%) rotate(0deg); } .admin_page .awayOrUnfold span { display: inline-block; transform: translateY(50%) rotate(180deg); cursor: pointer; border: 2px solid; border-radius: 50%; width: 3rem; height: 3rem; background-color: #fff; } .admin_page .admin_table_search { flex-wrap: wrap; overflow: hidden; margin-top: 2rem; padding: 2rem 3.5rem 2rem 2.8rem; background: #fff; display: flex; justify-content: space-between; position: relative; } .admin_page .admin_table_search .admin_search { width: 20%; } .admin_page .admin_table_search .admin_state_list { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin-top: 2rem; } .admin_page .admin_table_search .admin_state_list .admin_state_list_item { cursor: pointer; width: auto; border-radius: 10px; padding: 5px 10px; border: 1px solid #b6b6b6; background: #000; color: #fff; margin: 0 10px 10px 0; font-size: 1.4rem; font-weight: 600; } .admin_page .admin_table_search .admin_state_list .admin_state_list_item:last-child { margin: 0; } .admin_page .admin_table_search .admin_state { position: relative; cursor: pointer; width: 80%; display: flex; flex-wrap: wrap; } .admin_page .admin_table_search .admin_state .admin_current { background: #fff; width: 100%; display: flex; align-items: center; justify-content: space-between; } .admin_page .admin_table_search .admin_state .header_user_content { position: absolute; border: 2px solid; border-radius: 1rem; overflow: hidden; top: 0; transform: translateY(6rem); z-index: 2; display: none; margin-left: -2rem; } .admin_page .admin_table_search .admin_state .header_user_content .username { padding: 0 2rem; color: #000; } .admin_page .admin_table_search .admin_state .header_user_content .username:hover { background: #e1e1e1; } .admin_page .admin_table_search .admin_state .header_user_content.active { display: block; } .admin_table_content { margin-top: 2.6rem; width: 100%; flex: 1; height: calc(100% - 13.7rem); padding-bottom: 3rem; background: #fff; border-radius: 2rem; overflow: hidden; } .admin_table_content .ant-table-wrapper, .admin_table_content .ant-spin-nested-loading, .admin_table_content .ant-spin-container { height: 100%; } .admin_table_content .ant-spin-container { display: flex; overflow: hidden; flex-direction: column; } .admin_table_content .ant-table { background: transparent; flex: 1; overflow: hidden; } .admin_table_content .ant-table .ant-table-container { height: 100%; display: flex; flex-direction: column; } .admin_table_content .ant-table .ant-table-container .ant-table-content { height: 100%; } .admin_table_content .ant-table-body { flex: 1; overflow-y: auto !important; max-height: inherit !important; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .admin_table_content .ant-table-body::-webkit-scrollbar { width: 0 !important; } .admin_table_content .ant-table-body::-webkit-scrollbar-horizontal { height: 2px !important; width: 2px !important; } .admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal { background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ border-radius: 5px; } .admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal { background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ } .admin_table_content .ant-table-thead > tr > th { background: #ffffff; border-bottom: none; } .admin_table_content .ant-table-tbody > tr > td { border: none; background: #fff; } .admin_table_content .operate_list { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; } .admin_table_content .operate_list .operate_item { font-size: 1.4rem; font-family: Roboto; font-weight: 400; color: #000; cursor: pointer; } .admin_table_content .ant-table-tbody > tr:hover > td { background: #cacaca; } .admin_table_content .ant-table-pagination-right { padding-right: 3.5rem; } .admin_table_content .operate_list { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; justify-content: center; } .admin_table_content .operate_list .operate_item { font-size: 1.4rem; font-family: Roboto; font-weight: 400; color: #000; cursor: pointer; } .homeMain_heade .ant-badge, .account_message .ant-badge { width: auto; height: auto; } .homeMain_heade sup.ant-scroll-number, .account_message sup.ant-scroll-number { height: 1.2rem; min-height: 5px; width: 1.2rem; min-width: 5px; padding: 0; font-size: 1.1rem; padding: 0.2rem; box-sizing: content-box; display: flex; align-items: center; justify-content: center; } .homeMain_heade sup.ant-scroll-number.ant-badge-dot, .account_message sup.ant-scroll-number.ant-badge-dot { width: auto; height: auto; } .homeMain_heade sup.ant-scroll-number .ant-scroll-number-only, .account_message sup.ant-scroll-number .ant-scroll-number-only { height: 100%; font-size: 1.2rem; display: flex; transform: scale(0.7); align-items: center; justify-content: center; } .homeMain_heade p.ant-scroll-number-only-unit, .account_message p.ant-scroll-number-only-unit { line-height: 1.2rem; height: 100%; } .modal_title_text { font-size: var(--aida-fsize2); font-weight: 900; color: rgba(0, 0, 0, 0.65); align-items: center; margin-bottom: calc(2rem*1.2); } .modal_title_text .modal_title_text_intro { font-size: var(--aida-fsize1-4); font-weight: 400; color: rgba(0, 0, 0, 0.45); } .modal_title_text .modal_title_text_intro a { color: #000; font-weight: 900; } .modal_title_text .modal_title_text_intro a:hover { text-decoration: underline; } .modal_title_text .modal_title_text_assistant { font-size: var(--aida-fsize1-6); font-weight: 400; color: #000000; } .ant-modal div[aria-hidden="true"] { display: none !important; } .ant-upload-list-picture-card-container { display: none !important; } .design_detail_modal_component .subitOkPreviewBtn, .designOpenrtion_modal .subitOkPreviewBtn, .designElements_modal .subitOkPreviewBtn, .UpgradePlan_modal .subitOkPreviewBtn, .refund_reason .subitOkPreviewBtn, .Export .subitOkPreviewBtn, .designOpenrtionMobile_modal .subitOkPreviewBtn, .designElementsMobile_modal .subitOkPreviewBtn { background-color: #38205b; color: #fff; cursor: pointer; left: 50%; position: absolute; transform: translateX(-50%); padding: 0.5rem 2rem; border-radius: 2rem; font-size: 1.2rem; display: inline-block; } .ant-upload { font-size: 1.4rem; } i { font-size: 1.4rem; } .models_placement_component .ant-modal-close-x { width: 100%; height: 100%; } .selectActive { opacity: 0.5; transform: scale(0.9); } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } textarea:focus { outline: none; /* 清除默认焦点样式 */ } .upload_item { display: flex; flex-wrap: wrap; } .upload_item .upload_file_item { margin: 1rem; display: inline-block; width: calc(25% - 2rem); aspect-ratio: 1 / 1; border: 1px solid #f5f5f5; vertical-align: top; position: relative; cursor: pointer; border: none; } .upload_item .upload_file_item.active { opacity: 0.5; border-radius: calc(1rem*1.2); transform: scale(0.9); } .upload_item .upload_file_item.active .delete_file_block { pointer-events: none; } .upload_item .upload_file_item.active .operate_file_block { pointer-events: none; } .upload_item .upload_file_item.upload_component { border: none; display: flex; align-items: center; justify-content: center; } .upload_item .upload_file_item .ant-upload-picture-card-wrapper.ant-upload-picture-card-wrapper { position: absolute; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } .upload_item .upload_file_item .ant-upload-picture-card-wrapper .ant-upload-select-picture-card { width: calc(6rem*1.2); height: calc(6rem*1.2); border: calc(0.3rem*1.2) solid #000; border-radius: calc(1rem*1.2); margin: 0; } .upload_item .upload_file_item .ant-upload-picture-card-wrapper .ant-upload-select-picture-card .fi-br-upload { font-size: 2rem; display: flex; color: #000; } .upload_item .upload_file_item.upload_file_item:last-child { margin: 0; } .upload_item .upload_file_item .upload_img_icon { width: calc(4.6rem*1.2); } .upload_item .upload_file_item .upload_file_item_content { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: relative; } .upload_item .upload_file_item .upload_file_item_content:hover div { opacity: 1; } .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block { display: block; } .upload_item .upload_file_item .upload_file_item_content .upload_img { display: block; height: 100%; width: auto; max-width: 100%; object-fit: cover; } .upload_item .upload_file_item .upload_file_item_content .delete_file_block { display: none; width: 100%; cursor: pointer; height: calc(3rem*1.2); background: rgba(0, 0, 0, 0.2); font-size: calc(1.6rem*1.2); color: #ffffff; line-height: calc(3rem*1.2); text-align: center; position: absolute; left: 0; bottom: 0; } .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop { width: calc(3.2rem*1.2); height: calc(3.2rem*1.2); background: rgba(0, 0, 0, 0.6); border-radius: calc(0.4rem*1.2); position: absolute; top: calc(0.9rem*1.2); right: calc(0.9rem*1.2); text-align: center; line-height: calc(3.2rem*1.2); left: auto; } .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu { font-size: calc(1.6rem*1.2); color: #fff; } .collection_modal_body .input_border, .design_detail_modal_component .input_border, .library_page .input_border, .productImg_content .input_border, .poseTransfer .input_border, .scaleImage_modal .input_border, .editDesignType_modal .input_border, .accountEdit_page .input_border, .generalMenu_printModel_upload .input_border, .generate .input_border { z-index: 2; display: flex; align-items: center; padding-bottom: calc(2rem*1.2); top: 0; flex-wrap: wrap; z-index: 6; --width: 65%; } .collection_modal_body .input_border .input_box, .design_detail_modal_component .input_border .input_box, .library_page .input_border .input_box, .productImg_content .input_border .input_box, .poseTransfer .input_border .input_box, .scaleImage_modal .input_border .input_box, .editDesignType_modal .input_border .input_box, .accountEdit_page .input_border .input_box, .generalMenu_printModel_upload .input_border .input_box, .generate .input_border .input_box { position: relative; z-index: 6; flex: 1; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .collection_modal_body .input_border .input_box .inputShowText, .design_detail_modal_component .input_border .input_box .inputShowText, .library_page .input_border .input_box .inputShowText, .productImg_content .input_border .input_box .inputShowText, .poseTransfer .input_border .input_box .inputShowText, .scaleImage_modal .input_border .input_box .inputShowText, .editDesignType_modal .input_border .input_box .inputShowText, .accountEdit_page .input_border .input_box .inputShowText, .generalMenu_printModel_upload .input_border .input_box .inputShowText, .generate .input_border .input_box .inputShowText { width: 100%; display: none; } .collection_modal_body .input_border .input_box.active .input_box_btnBox, .design_detail_modal_component .input_border .input_box.active .input_box_btnBox, .library_page .input_border .input_box.active .input_box_btnBox, .productImg_content .input_border .input_box.active .input_box_btnBox, .poseTransfer .input_border .input_box.active .input_box_btnBox, .scaleImage_modal .input_border .input_box.active .input_box_btnBox, .editDesignType_modal .input_border .input_box.active .input_box_btnBox, .accountEdit_page .input_border .input_box.active .input_box_btnBox, .generalMenu_printModel_upload .input_border .input_box.active .input_box_btnBox, .generate .input_border .input_box.active .input_box_btnBox, .collection_modal_body .input_border .input_box.active .search_textarea, .design_detail_modal_component .input_border .input_box.active .search_textarea, .library_page .input_border .input_box.active .search_textarea, .productImg_content .input_border .input_box.active .search_textarea, .poseTransfer .input_border .input_box.active .search_textarea, .scaleImage_modal .input_border .input_box.active .search_textarea, .editDesignType_modal .input_border .input_box.active .search_textarea, .accountEdit_page .input_border .input_box.active .search_textarea, .generalMenu_printModel_upload .input_border .input_box.active .search_textarea, .generate .input_border .input_box.active .search_textarea { border: 1px solid #ff0001; box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2); } .collection_modal_body .input_border .input_box.active .inputShowText, .design_detail_modal_component .input_border .input_box.active .inputShowText, .library_page .input_border .input_box.active .inputShowText, .productImg_content .input_border .input_box.active .inputShowText, .poseTransfer .input_border .input_box.active .inputShowText, .scaleImage_modal .input_border .input_box.active .inputShowText, .editDesignType_modal .input_border .input_box.active .inputShowText, .accountEdit_page .input_border .input_box.active .inputShowText, .generalMenu_printModel_upload .input_border .input_box.active .inputShowText, .generate .input_border .input_box.active .inputShowText { opacity: 1; display: block; color: rgba(255, 0, 0.7); } .collection_modal_body .input_border .search_keyword, .design_detail_modal_component .input_border .search_keyword, .library_page .input_border .search_keyword, .productImg_content .input_border .search_keyword, .poseTransfer .input_border .search_keyword, .scaleImage_modal .input_border .search_keyword, .editDesignType_modal .input_border .search_keyword, .accountEdit_page .input_border .search_keyword, .generalMenu_printModel_upload .input_border .search_keyword, .generate .input_border .search_keyword { height: 0; flex-basis: 100%; } .collection_modal_body .input_border .search_keyword .search_keyword_center, .design_detail_modal_component .input_border .search_keyword .search_keyword_center, .library_page .input_border .search_keyword .search_keyword_center, .productImg_content .input_border .search_keyword .search_keyword_center, .poseTransfer .input_border .search_keyword .search_keyword_center, .scaleImage_modal .input_border .search_keyword .search_keyword_center, .editDesignType_modal .input_border .search_keyword .search_keyword_center, .accountEdit_page .input_border .search_keyword .search_keyword_center, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center, .generate .input_border .search_keyword .search_keyword_center { margin-top: 1rem; justify-content: space-between; display: flex; width: var(--width); background-color: #fff; padding: 1rem 2rem; border-radius: 0 0 0.4rem 0.4rem; border: 1px solid; border-radius: 1rem; max-height: 30rem; overflow-y: scroll; } .collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .productImg_content .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .poseTransfer .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .scaleImage_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .editDesignType_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .generate .input_border .search_keyword .search_keyword_center .search_keyword_center_left { display: flex; overflow: hidden; flex: 1; flex-wrap: wrap; } .collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .productImg_content .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .poseTransfer .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .scaleImage_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .editDesignType_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item { border-radius: 0.4rem; background-color: #000000; margin-right: 1rem; margin-bottom: 1rem; padding: 0.5rem 1rem; color: #fff; font-weight: 600; font-size: 1.2rem; cursor: pointer; } .collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .productImg_content .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .poseTransfer .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .scaleImage_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .editDesignType_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child { margin-right: 0; } .collection_modal_body .input_border .input_box_btnBox, .design_detail_modal_component .input_border .input_box_btnBox, .library_page .input_border .input_box_btnBox, .productImg_content .input_border .input_box_btnBox, .poseTransfer .input_border .input_box_btnBox, .scaleImage_modal .input_border .input_box_btnBox, .editDesignType_modal .input_border .input_box_btnBox, .accountEdit_page .input_border .input_box_btnBox, .generalMenu_printModel_upload .input_border .input_box_btnBox, .generate .input_border .input_box_btnBox { border: 1px solid #000; border-radius: 1rem; width: var(--width); display: flex; float: left; align-items: center; padding: 1.5rem 2rem; background-color: #fff; flex: 1; height: auto; } .collection_modal_body .input_border .input_box_btnBox.sketch, .design_detail_modal_component .input_border .input_box_btnBox.sketch, .library_page .input_border .input_box_btnBox.sketch, .productImg_content .input_border .input_box_btnBox.sketch, .poseTransfer .input_border .input_box_btnBox.sketch, .scaleImage_modal .input_border .input_box_btnBox.sketch, .editDesignType_modal .input_border .input_box_btnBox.sketch, .accountEdit_page .input_border .input_box_btnBox.sketch, .generalMenu_printModel_upload .input_border .input_box_btnBox.sketch, .generate .input_border .input_box_btnBox.sketch { padding: 0; overflow: hidden; flex: 1; border: none; background-color: rgba(0, 0, 0, 0); } .collection_modal_body .input_border .input_box_btnBox.sketch .upload_item, .design_detail_modal_component .input_border .input_box_btnBox.sketch .upload_item, .library_page .input_border .input_box_btnBox.sketch .upload_item, .productImg_content .input_border .input_box_btnBox.sketch .upload_item, .poseTransfer .input_border .input_box_btnBox.sketch .upload_item, .scaleImage_modal .input_border .input_box_btnBox.sketch .upload_item, .editDesignType_modal .input_border .input_box_btnBox.sketch .upload_item, .accountEdit_page .input_border .input_box_btnBox.sketch .upload_item, .generalMenu_printModel_upload .input_border .input_box_btnBox.sketch .upload_item, .generate .input_border .input_box_btnBox.sketch .upload_item { width: 8rem; } .collection_modal_body .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .design_detail_modal_component .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .library_page .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .productImg_content .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .poseTransfer .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .scaleImage_modal .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .editDesignType_modal .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .accountEdit_page .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .generalMenu_printModel_upload .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .generate .input_border .input_box_btnBox.sketch .upload_item .upload_file_item { height: 8rem; width: 8rem; } .collection_modal_body .input_border .input_box_btnBox > .textarea, .design_detail_modal_component .input_border .input_box_btnBox > .textarea, .library_page .input_border .input_box_btnBox > .textarea, .productImg_content .input_border .input_box_btnBox > .textarea, .poseTransfer .input_border .input_box_btnBox > .textarea, .scaleImage_modal .input_border .input_box_btnBox > .textarea, .editDesignType_modal .input_border .input_box_btnBox > .textarea, .accountEdit_page .input_border .input_box_btnBox > .textarea, .generalMenu_printModel_upload .input_border .input_box_btnBox > .textarea, .generate .input_border .input_box_btnBox > .textarea { border-radius: 1rem; min-height: 2rem; max-height: 14rem; border: none; resize: none; height: 2.7rem; font-size: 1.8rem; flex: 1; line-height: 2rem; } .collection_modal_body .input_border .input_box_btnBox .ant-spin-text, .design_detail_modal_component .input_border .input_box_btnBox .ant-spin-text, .library_page .input_border .input_box_btnBox .ant-spin-text, .productImg_content .input_border .input_box_btnBox .ant-spin-text, .poseTransfer .input_border .input_box_btnBox .ant-spin-text, .scaleImage_modal .input_border .input_box_btnBox .ant-spin-text, .editDesignType_modal .input_border .input_box_btnBox .ant-spin-text, .accountEdit_page .input_border .input_box_btnBox .ant-spin-text, .generalMenu_printModel_upload .input_border .input_box_btnBox .ant-spin-text, .generate .input_border .input_box_btnBox .ant-spin-text { font-size: 1.2rem; } .collection_modal_body .input_border .input_box_btnBox .search_seed, .design_detail_modal_component .input_border .input_box_btnBox .search_seed, .library_page .input_border .input_box_btnBox .search_seed, .productImg_content .input_border .input_box_btnBox .search_seed, .poseTransfer .input_border .input_box_btnBox .search_seed, .scaleImage_modal .input_border .input_box_btnBox .search_seed, .editDesignType_modal .input_border .input_box_btnBox .search_seed, .accountEdit_page .input_border .input_box_btnBox .search_seed, .generalMenu_printModel_upload .input_border .input_box_btnBox .search_seed, .generate .input_border .input_box_btnBox .search_seed { padding: 0; width: 4rem; text-align: center; font-size: 1.2rem; border-right: calc(0.1rem*1.2) solid #F1F1F1; } .collection_modal_body .input_border .input_box_btnBox .upload_item, .design_detail_modal_component .input_border .input_box_btnBox .upload_item, .library_page .input_border .input_box_btnBox .upload_item, .productImg_content .input_border .input_box_btnBox .upload_item, .poseTransfer .input_border .input_box_btnBox .upload_item, .scaleImage_modal .input_border .input_box_btnBox .upload_item, .editDesignType_modal .input_border .input_box_btnBox .upload_item, .accountEdit_page .input_border .input_box_btnBox .upload_item, .generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item, .generate .input_border .input_box_btnBox .upload_item { width: 4.7rem; } .collection_modal_body .input_border .input_box_btnBox .upload_item .upload_file_item, .design_detail_modal_component .input_border .input_box_btnBox .upload_item .upload_file_item, .library_page .input_border .input_box_btnBox .upload_item .upload_file_item, .productImg_content .input_border .input_box_btnBox .upload_item .upload_file_item, .poseTransfer .input_border .input_box_btnBox .upload_item .upload_file_item, .scaleImage_modal .input_border .input_box_btnBox .upload_item .upload_file_item, .editDesignType_modal .input_border .input_box_btnBox .upload_item .upload_file_item, .accountEdit_page .input_border .input_box_btnBox .upload_item .upload_file_item, .generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item, .generate .input_border .input_box_btnBox .upload_item .upload_file_item { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 4.7rem; width: 4.7rem; border-radius: 1rem; overflow: hidden; } .collection_modal_body .input_border input, .design_detail_modal_component .input_border input, .library_page .input_border input, .productImg_content .input_border input, .poseTransfer .input_border input, .scaleImage_modal .input_border input, .editDesignType_modal .input_border input, .accountEdit_page .input_border input, .generalMenu_printModel_upload .input_border input, .generate .input_border input { width: 100%; border-radius: calc(0.5rem*1.2); border: 1px solid rgba(0, 0, 0, 0.15); border: calc(0.1rem*1.2) solid #ffffff00; font-size: 1.8rem; height: 2.5rem; line-height: 2.5rem; font-weight: 400; } .collection_modal_body .input_border inputinput:-moz-placeholder, .design_detail_modal_component .input_border inputinput:-moz-placeholder, .library_page .input_border inputinput:-moz-placeholder, .productImg_content .input_border inputinput:-moz-placeholder, .poseTransfer .input_border inputinput:-moz-placeholder, .scaleImage_modal .input_border inputinput:-moz-placeholder, .editDesignType_modal .input_border inputinput:-moz-placeholder, .accountEdit_page .input_border inputinput:-moz-placeholder, .generalMenu_printModel_upload .input_border inputinput:-moz-placeholder, .generate .input_border inputinput:-moz-placeholder { color: rgba(0, 0, 0, 0.15); } .collection_modal_body .input_border inputinput:-ms-input-placeholder, .design_detail_modal_component .input_border inputinput:-ms-input-placeholder, .library_page .input_border inputinput:-ms-input-placeholder, .productImg_content .input_border inputinput:-ms-input-placeholder, .poseTransfer .input_border inputinput:-ms-input-placeholder, .scaleImage_modal .input_border inputinput:-ms-input-placeholder, .editDesignType_modal .input_border inputinput:-ms-input-placeholder, .accountEdit_page .input_border inputinput:-ms-input-placeholder, .generalMenu_printModel_upload .input_border inputinput:-ms-input-placeholder, .generate .input_border inputinput:-ms-input-placeholder { color: rgba(0, 0, 0, 0.15); } .collection_modal_body .input_border inputinput::-webkit-input-placeholder, .design_detail_modal_component .input_border inputinput::-webkit-input-placeholder, .library_page .input_border inputinput::-webkit-input-placeholder, .productImg_content .input_border inputinput::-webkit-input-placeholder, .poseTransfer .input_border inputinput::-webkit-input-placeholder, .scaleImage_modal .input_border inputinput::-webkit-input-placeholder, .editDesignType_modal .input_border inputinput::-webkit-input-placeholder, .accountEdit_page .input_border inputinput::-webkit-input-placeholder, .generalMenu_printModel_upload .input_border inputinput::-webkit-input-placeholder, .generate .input_border inputinput::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.15); } .collection_modal_body .input_border input.forbidden, .design_detail_modal_component .input_border input.forbidden, .library_page .input_border input.forbidden, .productImg_content .input_border input.forbidden, .poseTransfer .input_border input.forbidden, .scaleImage_modal .input_border input.forbidden, .editDesignType_modal .input_border input.forbidden, .accountEdit_page .input_border input.forbidden, .generalMenu_printModel_upload .input_border input.forbidden, .generate .input_border input.forbidden { cursor: no-drop; } .collection_modal_body .input_border .input_box_btnBox_upImg, .design_detail_modal_component .input_border .input_box_btnBox_upImg, .library_page .input_border .input_box_btnBox_upImg, .productImg_content .input_border .input_box_btnBox_upImg, .poseTransfer .input_border .input_box_btnBox_upImg, .scaleImage_modal .input_border .input_box_btnBox_upImg, .editDesignType_modal .input_border .input_box_btnBox_upImg, .accountEdit_page .input_border .input_box_btnBox_upImg, .generalMenu_printModel_upload .input_border .input_box_btnBox_upImg, .generate .input_border .input_box_btnBox_upImg { height: 100%; } .collection_modal_body .input_border .fi, .design_detail_modal_component .input_border .fi, .library_page .input_border .fi, .productImg_content .input_border .fi, .poseTransfer .input_border .fi, .scaleImage_modal .input_border .fi, .editDesignType_modal .input_border .fi, .accountEdit_page .input_border .fi, .generalMenu_printModel_upload .input_border .fi, .generate .input_border .fi { margin-right: 1rem; display: flex; cursor: pointer; transition: all 0.3s; position: relative; z-index: 4; width: 4rem; align-items: center; justify-content: center; } .collection_modal_body .input_border .fi.fi-br-loading, .design_detail_modal_component .input_border .fi.fi-br-loading, .library_page .input_border .fi.fi-br-loading, .productImg_content .input_border .fi.fi-br-loading, .poseTransfer .input_border .fi.fi-br-loading, .scaleImage_modal .input_border .fi.fi-br-loading, .editDesignType_modal .input_border .fi.fi-br-loading, .accountEdit_page .input_border .fi.fi-br-loading, .generalMenu_printModel_upload .input_border .fi.fi-br-loading, .generate .input_border .fi.fi-br-loading { height: 100%; background-color: rgba(0, 0, 0, 0); } .collection_modal_body .input_border .fi.active, .design_detail_modal_component .input_border .fi.active, .library_page .input_border .fi.active, .productImg_content .input_border .fi.active, .poseTransfer .input_border .fi.active, .scaleImage_modal .input_border .fi.active, .editDesignType_modal .input_border .fi.active, .accountEdit_page .input_border .fi.active, .generalMenu_printModel_upload .input_border .fi.active, .generate .input_border .fi.active { transform: rotate(180deg); } .collection_modal_body .input_border .fi.forbidden, .design_detail_modal_component .input_border .fi.forbidden, .library_page .input_border .fi.forbidden, .productImg_content .input_border .fi.forbidden, .poseTransfer .input_border .fi.forbidden, .scaleImage_modal .input_border .fi.forbidden, .editDesignType_modal .input_border .fi.forbidden, .accountEdit_page .input_border .fi.forbidden, .generalMenu_printModel_upload .input_border .fi.forbidden, .generate .input_border .fi.forbidden { cursor: no-drop; } .collection_modal_body .input_border .search_upImg, .design_detail_modal_component .input_border .search_upImg, .library_page .input_border .search_upImg, .productImg_content .input_border .search_upImg, .poseTransfer .input_border .search_upImg, .scaleImage_modal .input_border .search_upImg, .editDesignType_modal .input_border .search_upImg, .accountEdit_page .input_border .search_upImg, .generalMenu_printModel_upload .input_border .search_upImg, .generate .input_border .search_upImg { width: 4rem; height: 100%; position: absolute; opacity: 0; font-size: 1.2rem; } .collection_modal_body .input_border .search_upImg span, .design_detail_modal_component .input_border .search_upImg span, .library_page .input_border .search_upImg span, .productImg_content .input_border .search_upImg span, .poseTransfer .input_border .search_upImg span, .scaleImage_modal .input_border .search_upImg span, .editDesignType_modal .input_border .search_upImg span, .accountEdit_page .input_border .search_upImg span, .generalMenu_printModel_upload .input_border .search_upImg span, .generate .input_border .search_upImg span { position: absolute; width: 100%; } .collection_modal_body .input_border .search_upImg .ant-upload-select-picture-card, .design_detail_modal_component .input_border .search_upImg .ant-upload-select-picture-card, .library_page .input_border .search_upImg .ant-upload-select-picture-card, .productImg_content .input_border .search_upImg .ant-upload-select-picture-card, .poseTransfer .input_border .search_upImg .ant-upload-select-picture-card, .scaleImage_modal .input_border .search_upImg .ant-upload-select-picture-card, .editDesignType_modal .input_border .search_upImg .ant-upload-select-picture-card, .accountEdit_page .input_border .search_upImg .ant-upload-select-picture-card, .generalMenu_printModel_upload .input_border .search_upImg .ant-upload-select-picture-card, .generate .input_border .search_upImg .ant-upload-select-picture-card { width: 100%; height: 100%; display: block !important; } .collection_modal_body .input_border .search_textarea, .design_detail_modal_component .input_border .search_textarea, .library_page .input_border .search_textarea, .productImg_content .input_border .search_textarea, .poseTransfer .input_border .search_textarea, .scaleImage_modal .input_border .search_textarea, .editDesignType_modal .input_border .search_textarea, .accountEdit_page .input_border .search_textarea, .generalMenu_printModel_upload .input_border .search_textarea, .generate .input_border .search_textarea { z-index: 3; height: auto; position: absolute; left: 0; font-size: calc(1.6rem*1.2); width: 100%; border-radius: 4px; height: 20rem; top: 0rem; border: 1px solid #dcdfe6; } .generage_btn_box { position: relative; display: flex; align-items: center; } .generage_btn_box .fi-bs-magic-wand { margin-right: 1rem; display: flex; cursor: pointer; transition: all 0.3s; position: relative; z-index: 4; width: 4rem; align-items: center; background-color: #fff; justify-content: center; } .generage_btn_box .fi-bs-magic-wand.fi-br-loading { height: 100%; background-color: rgba(0, 0, 0, 0); } .generage_btn_box .fi-bs-magic-wand.active { transform: rotate(180deg); } .generage_btn_box .fi-bs-magic-wand.forbidden { cursor: no-drop; } .generage_btn_box.white .generage_btn { background-color: #fff; color: #000; } .generage_btn_box .generage_btn { border: 2px solid #000; margin-left: 2rem; display: flex; font-size: 1.6rem; box-sizing: content-box; justify-content: center; padding: 0 2rem; line-height: 5.4rem; height: 5.4rem; } .generage_btn_box .icon-xiala { margin-left: 1rem; transition: all 0.3s; cursor: pointer; } .generage_btn_box .icon-xiala.active { transform: rotate(180deg); } .generage_btn_box .content { position: absolute; top: 100%; width: min-content; min-width: 8rem; text-align: center; border-radius: calc(1rem*1.2); overflow: hidden; z-index: 3; margin-top: 0.2rem; right: 0; left: auto; } .generage_btn_box .content > div { background: #cccccc; line-height: 2; font-size: 1.4rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; padding: 0.4rem 1.2rem; } .generage_btn_box .content > div.active { background-color: #000; } .generage_btn_box .content > div:hover { background: #000; } .hideChecked { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .generalScroll { /* 进度 */ /* 轨道 */ } .generalScroll.generalScroll::-webkit-scrollbar { width: calc(1rem*1.2); height: calc(1rem*1.2); transition: all 0.3s; } .generalScroll.generalScroll::-webkit-scrollbar-thumb { border-radius: calc(1rem*1.2); background: rgba(238, 238, 244, 0); } .generalScroll.generalScroll::-webkit-scrollbar-track { border-radius: calc(1rem*1.2); background: rgba(238, 238, 244, 0); } .generalScroll.generalScroll:hover { /* 轨道 */ } .generalScroll.generalScroll:hover.generalScroll::-webkit-scrollbar-thumb { background: #543087; } .generalScroll.generalScroll:hover.generalScroll::-webkit-scrollbar-track { background: rgba(84, 48, 135, 0.2); } .scroll_style::-webkit-scrollbar-button:single-button { display: block; border-style: solid; height: 1.3rem; width: 1.4rem; } .scroll_style::-webkit-scrollbar-button:single-button:vertical:decrement { border-width: 0 0.8rem 0.8rem 0.8rem; border-color: transparent transparent #555555 transparent; } .scroll_style::-webkit-scrollbar-button:single-button:vertical:decrement:hover { border-color: transparent transparent #777777 transparent; } .scroll_style::-webkit-scrollbar-button:single-button:vertical:increment { border-width: 0.8rem 0.8rem 0 0.8rem; border-color: #555555 transparent transparent transparent; } .scroll_style::-webkit-scrollbar-button:vertical:single-button:increment:hover { border-color: #777777 transparent transparent transparent; } .scroll_style::-webkit-scrollbar { /*滚动条整体样式*/ width: 1.4rem; /*高宽分别对应横竖滚动条的尺寸*/ } .scroll_style::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: #c2c2c2; opacity: 0.8; border-radius: 0.7rem; } .mark_loading { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; color: #fff; flex-direction: column; } .mark_loading.bgFFF { background: #ffffff; color: #000; }