.section[data-v-3ffffb10]{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.section-header[data-v-3ffffb10]{flex-shrink:0;flex-grow:0}.section-main[data-v-3ffffb10]{flex-grow:1;display:flex;margin-bottom:20px;flex-direction:column;overflow:hidden}.section-main .legend[data-v-3ffffb10]{height:40px;flex-shrink:0}.section-main .legend .file-list[data-v-3ffffb10]{float:left;font-size:14px;line-height:30px}.section-main .tip[data-v-3ffffb10]{margin-bottom:10px;flex-shrink:0}.section-main .data-list[data-v-3ffffb10]{display:flex;flex-wrap:wrap;overflow:auto;align-content:flex-start}.section-main .data-list .color-show-item[data-v-3ffffb10]{border:1px solid #dcdfe6;width:120px;height:36px;border-radius:4px;display:flex;margin:0 6px 6px 0}.section-main .data-list .color-show-item .color-block[data-v-3ffffb10]{border-radius:4px;margin:6px;width:22px;height:22px;flex-shrink:0}.section-main .data-list .color-show-item .color-hex[data-v-3ffffb10]{font-size:12px;line-height:36px;flex-grow:1}.section-main .data-list .color-show-item .color-del[data-v-3ffffb10]{width:30px;line-height:36px;color:red;font-size:16px;text-align:center}.section-main .data-list .color-show-item .color-del[data-v-3ffffb10]:hover{font-size:18px;color:red;cursor:pointer}.title[data-v-3ffffb10]{font-size:18px;margin:0 0 10px}.add-box[data-v-3ffffb10]{padding:15px 10px;margin:10px 0;border:1px solid #cdd0d6;border-radius:6px;height:67px;width:100%;background:#f8f8f8}.add-box[data-v-3ffffb10] .el-input--prefix .el-input__inner{padding-left:44px}.add-box .slot-prefix[data-v-3ffffb10]{display:flex}.add-box .slot-prefix .prefix-text[data-v-3ffffb10]{text-align:center;width:20px}.add-box .slot-prefix .prefix-block[data-v-3ffffb10]{width:20px;height:20px;border-radius:4px;margin:6px 2px 6px 0;border:1px dashed grey}