UNPKG

fastlion-amis

Version:

一种MIS页面生成工具

2,063 lines (1,719 loc) 2.03 MB
.amis-scope .lion-popover { padding-top: 0; } .amis-scope .lion-popover .ant-popover-inner-content { padding: 0; } .amis-scope .lion-popover-0 { padding-top: 0 !important; } .amis-scope .lion-popover-0 .ant-popover-inner-content { padding: 0; } .amis-scope .lion-popover-1 { padding-top: 0 !important; } .amis-scope .lion-popover-1 .ant-popover-inner-content { padding: 0; } .amis-scope .lion-popover-2 { padding-top: 0 !important; } .amis-scope .lion-popover-2 .ant-popover-inner-content { padding: 0; } .amis-scope .list-active { color: #3582fb; font-weight: 700; } /*# sourceMappingURL=MainExport.css.map */ .amis-scope .lion-wrapper-export .ant-modal-content { width: 0px; display: none; margin: 0 auto; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-close .ant-modal-close-x { width: 28px; height: 28px; line-height: 40px; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-header { border-bottom: 1px solid #e8e8e8; padding: 0 20px; height: 40px; min-height: 40px; max-height: 40px; color: #444; font-size: 14px; font-weight: 700; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-header .ant-modal-title { font-weight: 700; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-body { padding: 20px; color: #606266; font-size: 14px; word-break: break-all; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-body .ant-select { width: 105px; margin-left: 8px; margin-right: 0px; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-body .ant-select .ant-select-selector { font-size: 12px; width: 100%; border: 0; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-body .ant-select .ant-select-selector .ant-select-selection-search { width: 100%; left: 0; } .amis-scope .lion-wrapper-export .ant-modal-content .ant-modal-body .ant-select .ant-select-selector .ant-select-selection-search input { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6 !important; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; opacity: 1 !important; } /*# sourceMappingURL=index.css.map */ @charset "UTF-8"; .amis-scope .pdfViewerWrapper { height: 100%; width: 100%; display: flex; justify-content: center; } .amis-scope .pdfViewerWrapper .pdfDocumentContent { overflow-y: auto; overflow-x: hidden; height: 100%; } .amis-scope .pdfViewerWrapper .pdfDocumentContent::-webkit-scrollbar { width: 10px; height: 0; } .amis-scope .pdfViewerWrapper .pdfDocumentContent::-webkit-scrollbar-thumb { background-color: #D2D6DE; background-clip: content-box; border-width: 3px; border-style: solid; border-color: #F0F2F5; border-radius: 1px; } .amis-scope .pdfViewerWrapper .pdfDocumentContent::-webkit-scrollbar-track { /*滚动条里面轨道*/ display: unset; background-color: #F0F2F5; } @media screen and (max-width: 768px) { .amis-scope .pdfViewerWrapper .pdfDocumentContent { display: block; width: 100%; overflow: auto; } } .amis-scope .pdfLoadingWrapper { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .amis-scope .pdfDocumentContent { display: flex; justify-content: center; align-items: center; color: #ccc; } .amis-scope .pdfUtils { position: absolute; right: 10px; bottom: 30px; height: 210px; width: 46px; border-radius: 5px; color: #FFFFFF; background-color: rgba(54, 54, 54, 0.8); z-index: 999; display: flex; align-items: center; justify-content: space-between; flex-direction: column; padding: 10px 0; } .amis-scope .pdfUtils .pageInput { width: 100%; height: 30px; border: none; box-shadow: none; background-color: transparent; } .amis-scope .pdfUtils .pageInput input { color: #FFFFFF; text-align: center; } .amis-scope .pdfUtils .pageInput .ant-input-number-handler-wrap { display: none; } .amis-scope .pdfUtils .pageInput .ant-input-number-input-wrap { background-color: transparent; } .amis-scope .pdfUtils .iconWrapper { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #FFFFFF; } .amis-scope .pdfUtils .iconWrapper:hover { color: #2A87EB; } .amis-scope .pdfUtils .iconWrapper_disabled { opacity: 0.3; cursor: not-allowed; } .amis-scope .pdfUtils .iconWrapper_disabled:hover { color: #FFFFFF; } .amis-scope .pdfErrorTip { display: flex; align-items: center; color: #ccc; text-align: center; } .amis-scope .pdfErrorTip .downloadText { cursor: pointer; margin-top: 16px; color: #2A87EB; font-size: 14px; } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .amis-scope .annotationLayer section { position: absolute; } .amis-scope .annotationLayer .linkAnnotation > a, .amis-scope .annotationLayer .buttonWidgetAnnotation.pushButton > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .amis-scope .annotationLayer .linkAnnotation > a:hover, .amis-scope .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; } .amis-scope .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; } .amis-scope .annotationLayer .textWidgetAnnotation input, .amis-scope .annotationLayer .textWidgetAnnotation textarea, .amis-scope .annotationLayer .choiceWidgetAnnotation select, .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input, .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input { background-color: rgba(0, 54, 255, 0.13); border: 1px solid transparent; box-sizing: border-box; font-size: 9px; height: 100%; margin: 0; padding: 0 3px; vertical-align: top; width: 100%; } .amis-scope .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .amis-scope .annotationLayer .textWidgetAnnotation textarea { font: message-box; font-size: 9px; resize: none; } .amis-scope .annotationLayer .textWidgetAnnotation input[disabled], .amis-scope .annotationLayer .textWidgetAnnotation textarea[disabled], .amis-scope .annotationLayer .choiceWidgetAnnotation select[disabled], .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { background: none; border: 1px solid transparent; cursor: not-allowed; } .amis-scope .annotationLayer .textWidgetAnnotation input:hover, .amis-scope .annotationLayer .textWidgetAnnotation textarea:hover, .amis-scope .annotationLayer .choiceWidgetAnnotation select:hover, .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { border: 1px solid #000; } .amis-scope .annotationLayer .textWidgetAnnotation input:focus, .amis-scope .annotationLayer .textWidgetAnnotation textarea:focus, .amis-scope .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 1px solid transparent; } .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { background-color: #000; content: ''; display: block; position: absolute; } .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { height: 80%; left: 45%; width: 1px; } .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { transform: rotate(45deg); } .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { transform: rotate(-45deg); } .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .amis-scope .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .amis-scope .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 115%; } .amis-scope .annotationLayer .buttonWidgetAnnotation.checkBox input, .amis-scope .annotationLayer .buttonWidgetAnnotation.radioButton input { appearance: none; padding: 0; } .amis-scope .annotationLayer .popupWrapper { position: absolute; width: 20em; } .amis-scope .annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #888; border-radius: 2px; padding: 6px; margin-left: 5px; cursor: pointer; font: message-box; font-size: 9px; word-wrap: break-word; } .amis-scope .annotationLayer .popup > * { font-size: 9px; } .amis-scope .annotationLayer .popup h1 { display: inline-block; } .amis-scope .annotationLayer .popup span { display: inline-block; margin-left: 5px; } .amis-scope .annotationLayer .popup p { border-top: 1px solid #333; margin-top: 2px; padding-top: 2px; } .amis-scope .annotationLayer .highlightAnnotation, .amis-scope .annotationLayer .underlineAnnotation, .amis-scope .annotationLayer .squigglyAnnotation, .amis-scope .annotationLayer .strikeoutAnnotation, .amis-scope .annotationLayer .freeTextAnnotation, .amis-scope .annotationLayer .lineAnnotation svg line, .amis-scope .annotationLayer .squareAnnotation svg rect, .amis-scope .annotationLayer .circleAnnotation svg ellipse, .amis-scope .annotationLayer .polylineAnnotation svg polyline, .amis-scope .annotationLayer .polygonAnnotation svg polygon, .amis-scope .annotationLayer .caretAnnotation, .amis-scope .annotationLayer .inkAnnotation svg polyline, .amis-scope .annotationLayer .stampAnnotation, .amis-scope .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .amis-scope .react-picture-viewer { position: relative; margin: 0; padding: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; } .amis-scope .react-picture-viewer img { cursor: move; position: absolute; } .amis-scope .pc-contacts { display: flex; flex-direction: column; } .amis-scope .pc-contacts-search { border-radius: 4px; } .amis-scope .pc-contacts-tree-wrapper { margin-top: 10px; flex: 1; } .amis-scope .pc-contacts-tree-wrapper .list-item-selected { background-color: #BAE7FF; cursor: pointer; } .amis-scope .pc-contacts-tree-wrapper .ant-tree-treenode { padding: 4px 0; } .amis-scope .pc-contacts-tree-wrapper .ant-tree-treenode .ant-tree-checkbox { margin: 4px 8px 0 8px; } .amis-scope .pc-contacts-tree-wrapper .ant-checkbox + span { font-size: 15px; } .amis-scope .demo_badge_cells { padding-top: 10px; } .amis-scope .demo_badge_cells .cell_active { display: flex; background-color: aliceblue; margin-bottom: 10px; padding: 10px 16px; } .amis-scope .demo_badge_cells .cell_active .cell__hd { width: 70px; height: 70px; font-size: 60px; line-height: 70px; margin-right: 10px; } .amis-scope .demo_badge_cells .cell_active .cell__bd { padding-top: 15px; font-size: 16px; } .amis-scope .demo_badge_cells .cell_access { background-color: aliceblue; } .amis-scope .demo_badge_cells .cell_access .access_cell { position: relative; align-items: center; line-height: 1.41176471; font-size: 14px; padding-left: 5px; } .amis-scope .demo_badge_cells .cell_access .access_cell .cell__bd { border-bottom: 1px solid #f5f3f3; padding: 16px; } .amis-scope .demo_badge_cells .cell_access .access_cell .cell__bd .demo_title { width: 80px; display: inline-block; } .amis-scope .tree-unselectable { font-size: 16px; padding: 8px 16px; display: flex; position: relative; background-color: #fff; } .amis-scope .tree-unselectable::after { border-bottom: 1px solid #f5f3f3; content: ""; width: 100%; display: inline-block; position: absolute; bottom: -2px; left: 0; } .amis-scope .tree-unselectable .checkbox { margin-right: 10px; font-size: 22px; align-items: center; } .amis-scope .tree-unselectable .checkbox .ant-checkbox, .amis-scope .tree-unselectable .checkbox .ant-checkbox-checked { border-radius: 50%; overflow: hidden; top: 0; } .amis-scope .tree-unselectable .checkbox .ant-checkbox .ant-checkbox-input, .amis-scope .tree-unselectable .checkbox .ant-checkbox-checked .ant-checkbox-input { display: none; } .amis-scope .tree-unselectable .checkbox .ant-checkbox .ant-checkbox-inner, .amis-scope .tree-unselectable .checkbox .ant-checkbox-checked .ant-checkbox-inner { border-radius: 50%; width: 22px; height: 22px; } .amis-scope .tree-unselectable .checkbox .ant-checkbox-checked .ant-checkbox-inner::after { transform: rotate(45deg) scale(1) translate(-40%, -60%); } .amis-scope .tree-unselectable .checkbox .ant-checkbox-indeterminate .ant-checkbox-inner::after { transform: translate(-50%, -50%) scale(1); border-radius: 50%; } .amis-scope .tree-unselectable .tree-node-content-wrapper { position: relative; z-index: auto; height: 35px; margin: 0; padding: 0 4px; color: inherit; line-height: 35px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; display: flex; flex: 1; } .amis-scope .tree-unselectable .tree-node-content-wrapper .tree-iconEle { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; vertical-align: top; background-color: #cce5ff; border-radius: 5px; font-size: 25px; } .amis-scope .tree-unselectable .tree-node-content-wrapper .tree-title { flex: 1; margin-left: 8px; padding-left: 2px; position: relative; } .amis-scope .tree-unselectable .tree-node-content-wrapper .right-text { font-size: 12px; } .amis-scope .tree-unselectable .tree-node-content-wrapper .right-text svg g path { fill: #cccccc; } .amis-scope .contacts-container { background-color: #f6f6f6; } .amis-scope .contacts-container > .tree-unselectable { font-size: 16px; padding: 8px 15px; display: flex; margin-top: 5px; } .amis-scope .tree-drawer { position: absolute; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header { background-color: #fff; height: 38px; line-height: 38px; min-height: 38px; padding: 0px; color: #000; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-close { width: 36px; color: #333; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-close .left-text { display: flex; justify-content: center; align-items: center; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-close .left-text .leftarrow { font-size: 18px; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title { padding-right: 48px; text-align: center; font-size: 16px; font-weight: 500; color: #000; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body { padding: 0; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body::-webkit-scrollbar { width: 0px; height: 0px; } .amis-scope .tree-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .empty { display: flex; justify-content: space-around; align-items: center; height: 100%; } .amis-scope .tree-drawer.search { position: fixed; } .amis-scope .contacts-container { height: 100%; position: relative; background-color: #f6f6f6; } .amis-scope .contacts-container a { flex: 1; color: #000; } .amis-scope .contacts-container .tree-total { height: 30px; text-align: center; line-height: 30px; background-color: #fff; } .amis-scope .contacts-container .contacts-nav { height: 38px; line-height: 38px; color: #000; background-color: #fff; display: flex; align-items: center; } .amis-scope .contacts-container .contacts-nav .contacts-title { flex: 1; display: flex; } .amis-scope .contacts-container .contacts-nav .left-text { display: flex; justify-content: center; align-items: center; width: 36px; line-height: 15px; } .amis-scope .contacts-container .contacts-nav .title { font-size: 16px; line-height: 38px; flex: 1; font-weight: 500; padding: 0 12px; text-align: center; margin-right: 36px; } .amis-scope .contacts-container .adm-nav-bar-left { font-size: 16px; font-weight: 700; } .amis-scope .contacts-container .adm-nav-bar-left .adm-nav-bar-back-arrow { font-size: 20px; } .amis-scope .contacts-container .adm-nav-bar-left .title { position: relative; left: 94%; height: inherit; font-weight: 500; } .amis-scope .contacts-container .adm-nav-bar-left .title .adm-nav-bar-back { height: inherit; width: 36px; text-align: center; flex: 1; justify-content: space-around; align-items: center; padding: 0; margin-left: -12px; } .amis-scope .contacts-container .adm-nav-bar-left .title .adm-nav-bar-back .adm-nav-bar-back-arrow { width: 36px; font-size: 21px; } .amis-scope .contacts-container .contacts-search { margin-top: 12px; margin-bottom: 12px; padding: 5px 15px; background-color: #fff; } .amis-scope .contacts-container .contacts-search .adm-search-bar-input-box { background-color: #fff; } .amis-scope .contacts-container .contacts-tree { padding: 5px 15px; font-size: 16px; } .amis-scope .contacts-container .contacts-tree .ant-tree-treenode { align-items: center; height: 40px; } .amis-scope .contacts-container .contacts-tree .ant-tree-treenode .ant-tree-switcher { align-self: unset; } .amis-scope .contacts-container .contacts-tree .ant-tree-treenode .ant-tree-title { margin-left: 8px; } .amis-scope .contacts-container .contacts-personnel { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 1001; height: 40px; background-color: #f1eded; display: flex; line-height: 40px; } .amis-scope .contacts-container .contacts-personnel .contacts-select { font-size: 30px; flex: 1; overflow: auto; display: flex; margin: 0 10px 0 10px; } .amis-scope .contacts-container .contacts-personnel .contacts-select .personnel { margin: 0px 2px; } .amis-scope .contacts-container .contacts-personnel .contacts-select::-webkit-scrollbar { width: 0px; height: 0px; } .amis-scope .contacts-container .contacts-personnel .contacts-button { margin-right: 10px; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input { background-color: transparent; color: #000; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input .ant-input { color: #000; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input .ant-input::-webkit-input-placeholder { color: #333; font-size: 15px; opacity: 0.8; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input .ant-input:-moz-placeholder { color: #333; font-size: 15px; opacity: 0.8; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input .ant-input::-moz-placeholder { color: #333; font-size: 15px; opacity: 0.8; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input .ant-input:-ms-input-placeholder { color: #fff; font-size: 15px; opacity: 0.8; } .amis-scope .contacts-container .tree-drawer .ant-drawer-header-title .contacts-title-input .ant-input-suffix .ant-input-clear-icon { font-size: 16px; color: #f5f5f5; } .amis-scope .lion-copy-item { padding-top: 5px !important; } .amis-scope .lion-copy-item .ant-popover-inner-content { padding: 0 !important; } .amis-scope .lion-copy-item .ant-popover-inner-content .ant-menu .ant-menu-item { height: 30px; line-height: 30px; margin: 4px 0 8px 0px; } .amis-scope .technological { background-color: #fff; } .amis-scope .technological .process_group { position: relative; } .amis-scope .technological .process_group .process_title { height: 32px; border-radius: 20px; background-color: #F8F8F8; z-index: 1; margin-left: -16px; position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 40px; padding-right: 10px; } .amis-scope .technological .process_group .process_title .process_icon { position: absolute; left: 16px; } .amis-scope .technological .process_group .process_doing { background-color: #E3F1FF; } .amis-scope .technological .process_group .process_waiting .process_icon > svg > g > path { fill: #BBBDBF; } .amis-scope .technological .process_group .process:nth-last-child(1) .titlecontent_line { height: calc(100% + 38px); } .amis-scope .technological .titlecontent_line { position: absolute; top: 20px; left: 5px; height: 100%; border-left: 2px solid #1890FF; } .amis-scope .technological .process_group:nth-last-child(1) .process:nth-last-child(1) .titlecontent_line { height: 100%; } .amis-scope .technological .before_doing { border-left: 2px dashed #ccc; } .amis-scope .technological .title { margin-bottom: 10px; padding: 12px 16px; } .amis-scope .technological .title .titlecontent { margin-bottom: 12px; } .amis-scope .technological .title .titlecontent .name_const { font-size: 16px; line-height: 22px; font-weight: 600; } .amis-scope .technological .title .titlecontent .flow_path { line-height: 28px; display: flex; position: relative; padding-bottom: 10px; } .amis-scope .technological .title .titlecontent .flow_path .outlined { display: inline-block; width: 12px; height: 12px; background-color: #1890FF; border-radius: 50%; margin-right: 15px; } .amis-scope .technological .title .titlecontent .flow_path .outlined_doing { display: inline-block; width: 12px; height: 12px; background-color: #BBBDBF; border-radius: 50%; margin-right: 15px; } .amis-scope .technological .title .titlecontent .flow_path .flow_path_text { height: 28px; display: inline-block; margin-right: 5px; font-size: 14px; color: #31373D; } .amis-scope .technological .title .titlecontent .flow_path .statusiocn { height: 25px; font-size: 32px; } .amis-scope .technological .title .titlecontent .flow_path .statusiocn svg { top: -2px; } .amis-scope .technological .title .titlecontent .flow_path .statusiocn svg.process { top: -9px; } .amis-scope .technological .title .titlecontent .flow_Mobile { align-items: center; } .amis-scope .technological .title .titlecontent .flow_Mobile .statusiocn { font-size: 12px; height: 18px; padding: 0px 4px; border-radius: 3px; color: #fff; line-height: 18px; } .amis-scope .technological .title .titlecontent .flow_Mobile .statusiocn_pass { background-color: #13B478; } .amis-scope .technological .title .titlecontent .flow_Mobile .statusiocn_revert { background-color: #FDA71E; } .amis-scope .technological .title .titlecontent .flow_Mobile .statusiocn_doing { background-color: #287EF0; } .amis-scope .technological .title .titlecontent .flow_Mobile .statusiocn_refuse { background-color: #FF3A3A; } .amis-scope .technological .process { padding-top: 10px; position: relative; } .amis-scope .technological .process .approver { margin-bottom: 5px; display: flex; } .amis-scope .technological .process .approver .decision { position: relative; margin-right: 3px; width: 20px; text-align: center; display: flex; align-items: center; justify-content: center; left: -4px; height: 25px; z-index: 1; } .amis-scope .technological .process .approver .decision .outer-layer { background-color: #fff; padding: 2px 0; } .amis-scope .technological .process .approver .decision .outer-layer .decision_icon { width: 6px; height: 6px; background: #ccc; border-radius: 50%; } .amis-scope .technological .process .approver .decision .outer-layer .submit { background-color: #15B37B; } .amis-scope .technological .process .approver .decision .outer-layer .pass { background-color: #15B37B; } .amis-scope .technological .process .approver .decision .outer-layer .waiting { background-color: #ccc; } .amis-scope .technological .process .approver .decision .outer-layer .revert { background-color: #FDA71E; } .amis-scope .technological .process .approver .decision .outer-layer .ondo { background-color: #1890FF; } .amis-scope .technological .process .approver .decision .outer-layer .refuse { background-color: #F5222D; } .amis-scope .technological .process .approver .decision .outer-layer .doing { background-color: #1890FF; } .amis-scope .technological .process .approver .approver_usercontent { flex: 1; max-width: calc(100% - 25px); } .amis-scope .technological .process .approver .approver_usercontent .approver_user { display: flex; justify-content: space-between; } .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_name { color: #000; font-size: 13px; vertical-align: top; } @media screen and (min-width: 1280px) and (max-width: 1440px) { .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_name { font-size: 12px; } } .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_personnel { line-height: 24px; } .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_personnel .approver_img { width: 24px; height: 24px; display: inline-block; font-size: 24px; margin-right: 5px; } .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_personnel .approver_img svg { top: 0; } .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_status { font-size: 12px; line-height: 28px; color: rgba(0, 0, 0, 0.25); } .amis-scope .technological .process .approver .approver_usercontent .approver_user .approver_status .approver_time { line-height: normal; margin-right: 10px; } .amis-scope .technological .process .approver .approver_usercontent .put-on-display { padding-right: 50px; } .amis-scope .technological .process .approver .approver_usercontent .put-on-display .approver_content { padding: 8px 12px; vertical-align: top; font-size: 12px; border-radius: 5px; margin: 5px 0 5px; color: rgba(0, 0, 0, 0.45); background: #F0F2F5; } .amis-scope .technological .process .approver .approver_usercontent .put-on-display .data_img { display: flex; flex-wrap: wrap; } .amis-scope .technological .process .approver .approver_usercontent .put-on-display .data_img .pieceimg { margin-right: 5px; margin-bottom: 5px; } .amis-scope .technological .process .approver .approver_usercontent .put-on-display .data_img .pieceimg .pieceimg_img .pieceimg_img_data { width: 4.875rem; height: 4.875rem; } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls { padding: 6px 12px 6px 12px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #F0F2F5; margin-bottom: 5px; cursor: pointer; } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls .textfile_size { display: flex; align-items: center; width: 80px; justify-content: space-between; } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls .textfile_size .item-select-tag-size { font-size: 12px; display: inline-block; width: 60px; text-align: right; color: rgba(0, 0, 0, 0.45); } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls .textfile_size .item-select-tag-btn { color: #1890FF; } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls .textfile_text { display: flex; align-items: center; flex: 1; padding-right: 10px; overflow: hidden; max-width: 300px; } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls .textfile_text .textfile_icon { margin-right: 10px; } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls .textfile_text .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: rgba(0, 0, 0, 0.45); } .amis-scope .technological .process .approver .approver_usercontent .textfile_xls:nth-last-child(1) { margin-bottom: 0px; } .amis-scope .technological .process .approver:nth-last-child(1) { border-bottom: none; margin-bottom: 0px; } .amis-scope .approver_decision { width: 40px; height: 25px; border-radius: 50%; font-size: 12px; text-align: center; display: inline-block; color: #ccc; line-height: 25px; border: 1px solid; } .amis-scope .approver_opinion1 { border-color: #30bf78; color: #30bf78; } .amis-scope .approver_opinion2 { border-color: #797979; color: #797979; } .amis-scope .approver_opinion3 { border-color: #f08bb4; color: #f08bb4; } .amis-scope .approver_opinion4 { border-color: #d17100; color: #d17100; } .amis-scope .approver_opinion5 { border-color: #ff3a3a; color: #ff3a3a; } .amis-scope .approver_opinion6 { border-color: #1890ff; color: #1890ff; } .amis-scope .approver_opinion7 { border-color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.25); } .amis-scope .approver_opinion8 { border-color: #797979; color: #797979; } .amis-scope .approver_opinion9 { border-color: #ff3a3a; color: #ff3a3a; border-radius: 0%; height: auto; } .amis-scope .detailed_information .renderform { overflow: hidden; margin-bottom: 5px; background-color: #fff; position: relative; } .amis-scope .detailed_information .renderform .process_content_icon { position: absolute; top: 0px; right: 30px; z-index: 1; font-size: 81px; } .amis-scope .detailed_information .renderform .renderform_form { padding-top: 0px; } .amis-scope .detailed_information .detailed_title { padding: 6px 0 6px 12px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; overflow: hidden; } .amis-scope .detailed_information .detailed_title .detailed_title_left { display: flex; line-height: 42px; max-width: calc(100% - 48px); } .amis-scope .detailed_information .detailed_title .detailed_title_left .detailed_title_img_text { display: flex; flex: 1; max-width: calc(100% - 32px); } .amis-scope .detailed_information .detailed_title .detailed_title_left .detailed_title_img_text .detailed_title_img { display: inline-block; width: 32px; font-size: 32px; margin-right: 10px; height: 32px; } .amis-scope .detailed_information .detailed_title .detailed_title_left .detailed_title_img_text .detailed_title_text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; font-size: 16px; flex: 1; margin-right: 10px; height: 42px; } .amis-scope .detailed_information .detailed_title .detailed_title_left .process_content_icon { height: 32px; font-size: 32px; } .amis-scope .detailed_information .detailed_title .detailed_title_left .process_content_icon svg.process { top: 0; } .amis-scope .detailed_information .detailed_title .detailed_title_right { width: 48px; font-size: 13px; line-height: 22px; text-align: center; } .amis-scope .detailed_information .detailed_title .detailed_title_right .right-icon { display: inline-block; width: 21.12px; height: 21.12px; border-radius: 50%; background-color: #cde1fd; } .amis-scope .detailed_information .characteristic { padding: 10px 12px; color: rgba(0, 0, 0, 0.25); font-size: 12px; background-color: #fff; line-height: 17px; margin-bottom: 10px; } .amis-scope .detailed_information .detailed_border { margin-bottom: 1px; } @charset "UTF-8"; .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header { height: 38px; line-height: 38px; min-height: 38px; padding: 0px; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-header-title { height: 100%; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-header-title .ant-drawer-close { width: 36px; margin-right: 0px; height: 100%; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-header-title .ant-drawer-close .left-text { font-size: 12px; display: flex; justify-content: center; align-items: center; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-header-title .ant-drawer-close .left-text svg { top: 0; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-header-title .ant-drawer-title { color: #000; text-align: center; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-extra { line-height: 10px; height: 22px; padding: 0 6px; font-weight: 600; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-extra .right-text { display: inline-block; width: 24px; font-size: 24px; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-body { padding: 0; background-color: #f7f7f7; } .amis-scope .process_drawer > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-body::-webkit-scrollbar { /*滚动条整体样式*/ width: 0; height: 0; } .amis-scope .process_drawer .handling_opinions .countersigner_form { margin-bottom: 10px; } .amis-scope .process_drawer .handling_opinions .countersigner_form .ant-form-item-control-input { background-color: #f7f7f7; } .amis-scope .process_drawer .handling_opinions .flowButtonList { display: flex; justify-content: center; } .amis-scope .process_drawer .handling_opinions .flowButtonList .ant-dropdown-trigger { background-color: #f7f7f7; } .amis-scope .process_drawer .handling_opinions .flowButtonList .flowButtonList_batton { max-width: 200px; border-radius: 4px; margin: 0 3px; background-color: #f7f7f7; color: #000; } .amis-scope .process_drawer .handling_opinions .flowButtonList .flow_agree { color: #287ef0; } .amis-scope .process_drawer .handling_opinions .flowButtonList .flow_refuse { color: #e72a3b; } .amis-scope .process_drawer .handling_opinions .flowButtonList .flow_revert { color: #fda71e; } .amis-scope .process_drawer .handling_opinions .flowButtonList .flow_revert svg > g > path { fill: #fda71e; } .amis-scope .process_drawer .handling_opinions .download-derail { display: flex; justify-content: space-around; align-items: center; cursor: pointer; } .amis-scope .process_drawer .handling_opinions .download-derail .download { font-size: 22px; } .amis-scope .process_drawer .handling_opinions .textfile { margin-bottom: 10px; max-height: 100px; height: 0; overflow: auto; } .amis-scope .process_drawer .handling_opinions .textfile .textfile_xls { display: flex; justify-content: space-between; } .amis-scope .process_drawer .handling_opinions .textfile .textfile_xls .textfile_text { font-size: 13px; } .amis-scope .process_drawer .handling_opinions .textfile .textfile_xls .textfile_text .textfile_icon { font-size: 20px; margin-right: 10px; } .amis-scope .process_drawer .handling_opinions .textfile .textfile_xls .download-file { font-size: 20px; } .amis-scope .process_drawer .handling_opinions .textfileOpens { height: 100px; } .amis-scope .process_drawer .handling_opinions .flowdrag { width: 100%; height: 10px; cursor: s-resize; } .amis-scope .process_drawer > .ant-modal-content { border-radius: 8px; overflow: hidden; } .amis-scope .process_drawer > .ant-modal-content .ant-modal-close .ant-modal-close-x { width: 33px; height: 24px; line-height: 24px; font-size: 14px; } .amis-scope .process_drawer > .ant-modal-content .ant-modal-close .ant-modal-close-x:hover { background-color: #e3636e; } .amis-scope .process_drawer > .ant-modal-content .ant-modal-header { border-bottom-color: transparent; height: 16px; padding: 0; cursor: move; } .amis-scope .process_drawer > .ant-modal-content .ant-modal-header .ant-modal-title, .amis-scope .process_drawer > .ant-modal-content .ant-modal-header #process_drawer_title { height: 100%; } .amis-scope .process_drawer > .ant-modal-content > .ant-modal-body { min-height: 300px; max-height: calc(100vh - 250px); overflow: auto; padding: 0px 75px 0px; } @media screen and (min-width: 1280px) and (max-width: 1440px) { .amis-scope .process_drawer > .ant-modal-content > .ant-modal-body { max-height: 340px !important; } } @media screen and (min-width: 1441px) and (max-width: 1680px) { .amis-scope .process_drawer > .ant-modal-content > .ant-modal-body { max-height: 450px !important; } } .amis-scope .process_drawer > .ant-modal-content .ant-modal-footer { padding: 10px 75px 0px; } .amis-scope .infinteSroll { text-align: center; font-size: 13px; color: var(--text--muted-color); padding: 8px; } .amis-scope .infinteSroll-loading { margin-left: 8px; } .amis-scope .lion-table-cell-btn { padding-top: 0; z-index: 1010; } .amis-scope .lion-table-cell-btn .ant-popover-inner-content { padding: 0 !important; } .amis-scope .lion-table-cell-btn .ant-popover-inner-content .lion-td-btn { width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 15px 3px; /* border-color: transparent; color: #3582fb; background: transparent; font-size: 12px; cursor: pointer; padding: 9px 15px; padding-left: 0px; padding-right: 0px; margin: 0; */ } /* .lion-table-cell-btn .ant-popover-inner-content .lion-td-btn:hover{ background-color: #f0f2f5 !important; border-color: #fff !important; color: #000 !important; } .lion-table-cell-btn .ant-popover-inner-content .is-disabled:hover{ background-color: #fff !important; border-color: #fff !important; color: #000 !important; } */ /* .lion-table-cell-btn .ant-popover-inner-content .lion-td-btn:hover { border-color: transparent !important; color: #3582fb !important; background: transparent !important; } */ /*# sourceMappingURL=index.css.map */ .amis-scope .select-user-container { display: flex; } .amis-scope .select-user-container .select-user-item { width: 50%; height: 620px; } .amis-scope .select-user-container .select-user-item-left { padding: 24px 12px 24px 24px; display: flex; flex-direction: column; border-right: 1px solid #F7F8FA; } .amis-scope .select-user-container .select-user-item-left .item-left-search { border-radius: 4px; } .amis-scope .select-user-container .select-user-item-left .item-left-tree-wrapper { margin-top: 10px; flex: 1; } .amis-scope .select-user-container .select-user-item-left .item-left-tree-wrapper .ant-tree-treenode { padding: 4px 0; } .amis-scope .select-user-container .select-user-item-left .item-left-tree-wrapper .ant-tree-treenode .ant-tree-checkbox { margin: 4px 8px 0 8px; } .amis-scope .select-user-container .select-user-item-left .item-left-tree-wrapper .ant-checkbox + span { font-size: 15px; } .amis-scope .select-user-container .select-user-item-right { padding: 12px 12px; font-size: 16px; display: flex; flex-direction: column; } .amis-scope .select-user-container .select-user-item-right .right-header { padding: 8px; font-weight: 500; font-size: 14px; line-height: 22px; } .amis-scope .select-user-container .select-user-item-right .right-content { overflow-y: auto; flex: 1; } .amis-scope .select-user-container .select-user-item-right .right-content .right-item { display: flex; justify-content: space-between; align-items: center; height: 32px; line-height: 32px; font-size: 13px; padding: 4px 8px; } .amis-scope .select-user-container .select-user-item-right .right-button { display: flex; align-items: center; margin-top: 8px; } .amis-scope .select-user-container .select-user-item-right .right-button .ant-btn { margin-left: 12px; border-radius: 4px; } .amis-scope .before-and-after-selection { display: flex; flex-direction: column; height: auto; justify-content: space-between; font-size: 13px; margin-bottom: 10px; } .amis-scope .before-and-after-selection .signing-prompt { color: rgba(0, 0, 0, 0.45); } .amis-scope .before-and-after-selection .countersigner_form { margin-bottom: 0; } .amis-scope .before-and-after-selection .countersigner_form .countersigner_form_btn .form_btn { margin-right: 5px; } .amis-scope .before-and-after-selection .countersigner_form .countersigner_form_btn .form_btn:nth-last-child(1) { margin-right: 0px; } .amis-scope .sign-off-method { display: flex; flex-direction: column; height: auto; justify-content: space-between; font-size: 13px; margin-bottom: 10px; } .amis-scope .sign-off-method .countersigner_form { margin-bottom: 0; } .amis-scope .sign-off-method .countersigner_form .countersigner_form_btn .form_btn { margin-right: 5px; } .amis-scope .sign-off-method .countersigner_form .countersigner_form_btn .form_btn:nth-last-child(1) { margin-right: 0px; } .amis-scope .signed-by { margin-bottom: 10px; } .amis-scope .signed-by .item-title { font-size: 13px; color: rgba(0, 0, 0, 0.85); } .amis-scope .signed-by > .item-select { display: flex; padding: 5px 0; flex-wrap: wrap; } .amis-scope .signed-by > .item-select .item-bat { width: 40px; height: 40px; border-radius: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; } .amis-scope .signed-by > .item-select .item-bat:hover span { color: #1890ff; } .amis-scope .endorsement-review_Mobile .signed-by { background-color: #fff; padding: 5px 12px; margin: 10px 0; } .amis-scope .endorsement-review_Mobile .signed-by .item-title { margin-bottom: 8px; display: inline-block; } .amis-scope .endorsement-review_Mobile .before-and-after-selection .signing_method { padding: 5px 12px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; } .amis-scope .endorsement-review_Mobile .before-and-after-selection .signing-prompt { padding: 5px 12px; } .amis-scope .endorsement-review_Mobile .sign-off-method { flex-direction: row; background-color: #fff; padding: 5px 12px; align-items: center; } .amis-scope .endorsement-review_Mobile .endorsement-approval { background-color: #fff; padding: 5px 12px; margin-bottom: 10px; align-items: center; } .amis-scope .endorsement-review_Mobile .endorsement_button { padding: 10px 20px; } .amis-scope .endorsement-review_Mobile .endorsement_button .Button_Mobile { border-radius: 4px; } .amis-scope .process_drawer_amis > .ant-drawer-content-wrapper > .ant-drawer-content > .ant-drawer-wrapper-body > .ant-drawer-header .ant-drawer-header-title .ant-drawer-close .left-text { font-size: 14px; } .amis-scope .item-select-list-item-content { margin-bottom: 5px; overflow: auto; } .amis-scope .item-select-list-item-content .item-select-tag { border-radius: 4px; display: flex; align-items: center; padding: 4px 6px; background-color: #F2F2F2; border-color: transparent; } .amis-scope .item-select-list-item-content .item-select-tag .item-select-tag-img { width: 32px; height: 32px; font-size: 32px; margin-right: 5px; } .amis-scope .item-select-list-item-content .item-select-tag .item-select-tag-img svg { top: 0; } .amis-scope .item-select-list-item-content .item-select-tag .item-select-tag-text { max-width: 60px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .amis-scope .item-select-list-item-content .item-select-tag .item-select-tag-btn { transform: rotate(45deg); font-size: 22px; color: #ccc; cursor: pointer; } .amis-scope .item-select-list-item-content .item-select-tag:hover { background-color: #1890ff; } .amis-scope .item-select-list-item-content .item-select-tag:hover .item-select-tag-text, .amis-scope .item-select-list-item-content .item-select-tag:hover .item-select-tag-btn { color: #fff; } .amis-scope .item-select-list-item-content::-webkit-scrollbar { width: 4px; height: 4px; } .amis-scope .item-select-list-item-content::-webkit-scrollbar-thumb { background-color: #fff; } .amis-scope .item-select-list-item-content .toggle-contact { display: flex; flex-wrap: wrap; align-items: center; transition: all ease-in 0.2s; overflow-y: auto; font-size: 14px; color: #000; } .amis-scope .item-select-list-item-content .toggle-contact .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .amis-scope .item-select-list-item-content .toggle-contact::-webkit-scrollbar { width: 4px; height: 4px; } .amis-scope .item-select-list-item-content .toggle-contact::-webkit-scrollbar-thumb { background-color: #fff; } .fallback_constent .fallback_select h4 { margin-bottom: 5px; } .fallback_constent .fallback_select > .ant-form-item { min-width: 100px; width: 200px; margin-bottom: 10px; } .fallback_constent .endorsement-approval .countersigner_form { margin-bottom: 0px; } .fallback_constent .endorsement-approval .countersigner_form .ant-input { margin-bottom: 10px; } .fallback_constent .endorsement-approval .countersigner_form .endorsement-approval_text { border-bottom: 1px solid rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.25); margin-bottom: 10px; } .fallback_constent .endorsement-approval .countersigner_form .endorsement-approval_text .recommend { margin-bottom: 10px; } .fallback_constent .endorsement-approval .countersigner_form .endorsement-approval_text .recommend_value { display: flex; flex-wrap: wrap; } .fallback_constent .endorsement-approval .countersigner_form .endorsement-approval_text .recommend_value .Tag_value { background: #F2F2F2; font-size: 13px; color: #31373D; padding: 4px 10px; margin-right: 5px; border-radius: 4px; cursor: pointer; margin-bottom: 10px; } .fallback_constent .fallback_upload { display: flex; margin-bottom: 10px; } .fallback_constent .fallback_upload .upload_content .upload_content_btn { border-radius: 5px; } .fallback_constent .fallback_upload .text svg g path { fill: rgba(0, 0, 0, 0.45); } .fallback_constent .fallback_upload .text svg g polygon { fill: rgba(0, 0, 0, 0.45); } .fallback_constent .fallback_checkbox .ant-form-item { margin-bottom: 10px; } .fallback_constent .uploadimg { display: flex; flex-wrap: wrap; background-color: #FAFAFA; margin-bottom: 10px; } .fallback_constent .uploadimg .pieceimg { width: 6.875rem; height: 6.875rem; margin: 10px 8px; position: relative; cursor: pointer; } .fallback_constent .uploadimg .pieceimg .cxd-Image-thumb img { width: 100%; height: 100%; } .fallback_constent .uploadimg .pieceimg .pieceimg_shadow { display: none; } .fallback_constent .uploadimg .pieceimg:hover .pieceimg_shadow { width: 100%; height: 100%; position: absolute; display: flex; justify-content: space-around; align-items: center; top: 0; left: 0; background-color: #aaa; opacity: 0.7; } .fallback_constent .uploadimg .pieceimg .pieceimg_img { padding: 0; } .fallback_constent .uploadimg .pieceimg .remove { position: absolute; width: 17px; height: 17px; top: -6px; right: -9px; z-index: 1; font-size: 18px; } .fallback_const