.dialog-box[data-v-2c00e258]{padding:20px;display:grid;grid-template-columns:repeat(3,calc(33.33% - 20px));grid-gap:20px;max-height:500px;overflow:auto}.dialog-box .img-item-box[data-v-2c00e258]{text-align:center}.dialog-box .img-item-box .img-item[data-v-2c00e258]{background-color:#f7f8fa;padding:10px;box-sizing:border-box;margin-bottom:10px;border:1px solid #eee;cursor:pointer;width:260px;height:200px}.dialog-box .img-item-box .img-item.active[data-v-2c00e258]{border-color:var(--primary)}.clearbox[data-v-2c00e258]:after{content:"";display:block;clear:both}.magic-cube .magic-box[data-v-2c00e258]{position:relative;margin:16px auto;display:block!important}.magic-cube .magic-box .diy-magic-item[data-v-2c00e258]{position:absolute;background-color:#e8f7fd;border:1px solid #bdf;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center}.magic-cube .magic-box .diy-magic-item i[data-v-2c00e258]{position:absolute;font-size:20px;right:-10px;top:-10px;color:#bbb;display:none;z-index:999}.magic-cube .magic-box .diy-magic-item img[data-v-2c00e258]{height:100%;width:100%;vertical-align:middle;-o-object-fit:cover;object-fit:cover}.magic-cube .magic-box .diy-magic-item.active[data-v-2c00e258]{border-color:var(--primary)}.magic-cube .magic-box .diy-magic-item.active i[data-v-2c00e258]{display:block}.magic-cube .magic-box .defaule-row[data-v-2c00e258]{display:flex}.magic-cube .magic-box .defaule-row:first-child .defaule-col[data-v-2c00e258]{border-top:1px solid #e5e5e5}.magic-cube .magic-box .defaule-row .defaule-col[data-v-2c00e258]{border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;cursor:pointer;background:#f8f8f8;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.magic-cube .magic-box .defaule-row .defaule-col.item-seleting[data-v-2c00e258]{background-color:#e8f7fd}.magic-cube .magic-box .defaule-row .defaule-col.item-seleting i[data-v-2c00e258]{display:none}.magic-cube .magic-box .defaule-row .defaule-col i[data-v-2c00e258]{color:#bbb;pointer-events:none}.magic-cube .magic-box .defaule-row .defaule-col[data-v-2c00e258]:last-child{border-right:1px solid #e5e5e5}