@charset "UTF-8";.mockup-colors[data-v-fc0b13bc]{border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;margin-top:10px;position:relative}.mockup-colors h3[data-v-fc0b13bc]{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;padding:8px 8px 8px 50px;position:relative}.mockup-colors h3[data-v-fc0b13bc]:before{content:"颜色";left:8px;position:absolute;text-align:center;width:42px}.mockup-colors h3 span[data-v-fc0b13bc]{border-radius:24px;cursor:pointer;height:24px;margin:3px;position:relative;width:24px}.mockup-colors h3 span[data-v-fc0b13bc]:before{border:1px solid #ddd;border-radius:24px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.mockup-colors h3 span.active[data-v-fc0b13bc]:before{border-color:#f60}.mockup-colors .mockup-colors-item[data-v-fc0b13bc]{display:flex;padding:8px;position:relative}.mockup-colors .mockup-colors-item .image-upload[data-v-fc0b13bc]{overflow:hidden;width:auto}.mockup-colors .mockup-colors-item .input-number[data-v-fc0b13bc]{flex:1}.mockup-colors .mockup-colors-item>span[data-v-fc0b13bc]{font-size:14px;font-weight:600;line-height:30px;margin-right:5px;min-width:42px;text-align:center;width:42px}.mockup-colors .mockup-colors-item>em[data-v-fc0b13bc]{font-size:12px;margin-left:5px}.mockup-colors .mockup-colors-item+.mockup-colors-item[data-v-fc0b13bc]{padding-top:0}