table { width: 100%; } .data-fill-list-box { position: relative; .hc-collapse-item-header { flex: 1; position: relative; margin-left: 10px; display: flex; align-items: center; .real-fill-rate { position: relative; height: 100%; line-height: initial; margin-right: 18px; padding-right: 18px; &::after { content: ""; background: #bfc8cf; position: absolute; right: 0; height: 100%; width: 1px; top: 0; } .tag { position: relative; background: white; font-size: 12px; color: #BD3124; padding: 1px 6px; border-radius: 3px; border: 1px solid #BD3124; margin-bottom: 2px; margin-top: 2px; } .tag.yes { color: #88CF65; border-color: #88CF65; } } .item-title { flex: 1; position: relative; user-select: none; color: #591BB7; font-size: 16px; font-weight: bold; cursor: pointer; } .hc-extra-text-box { position: relative; padding-right: 24px; line-height: initial; } } .data-fill-list-item-content { position: relative; height: calc(100vh - 222px); .data-fill-table-form-box { position: relative; height: calc(100% - 36px); overflow: hidden; border: 4px solid #c4c4c4; &.is-window { border: 0; .hc-window-tip { position: relative; height: 100%; display: flex; justify-content: center; align-items: center; .table-form-no { position: relative; img { width: 380px; } .desc { text-align: center; font-size: 20px; color: #aaa; } } } } .form-window-icon { position: absolute; top: 10px; right: 10px; background: #3794FF; color: white; font-size: 20px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; border-radius: 30px; cursor: pointer; &:hover { background: #204DA0; } } } .data-fill-table-action { position: relative; display: flex; align-items: center; padding: 4px 10px; .tip-action { cursor: pointer; margin-right: 24px; } .link-action { position: relative; flex: 1; } .btn-action { position: relative; } } } } .radio-group-box { text-align: center; } .data-fill-table-tip-box { position: relative; .tip-title { font-size: 16px; margin-bottom: 10px; display: flex; align-items: center; } .tip-item { margin-bottom: 20px; } .table-tip-foot { position: absolute; bottom: 15px; right: 0; left: 0; display: flex; align-items: center; padding: 0 15px; .tip-left-btn { flex: 1; .dow-text { cursor: pointer; display: flex; align-items: center; } } } }