.label[data-v-0cdb2711]{font-size:16px}.color-tool[data-v-0cdb2711]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:30px 0 20px}.k-input[data-v-0cdb2711]{max-width:280px;margin-right:16px;font-size:20px}.k-input[data-v-0cdb2711]::-webkit-input-placeholder{color:#ccc}.preview-box[data-v-0cdb2711]{width:30px;height:30px;background:#363636}.color-list[data-v-729e9aca]{padding-bottom:40px}.item[data-v-729e9aca]{width:150px;height:150px;margin:15px;border-radius:5px;float:left;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;font-size:14px;line-height:1.5;color:#000;cursor:pointer}.title[data-v-729e9aca]{line-height:2;font-size:20px;padding:0 15px}@media (max-width:1080px){.color-list[data-v-729e9aca]{display:flex;flex-wrap:wrap;justify-content:space-around}}.color-container[data-v-648c9fdc]{max-width:100%;width:1080px;margin:10px auto}.color-container .color-list[data-v-648c9fdc]{padding-bottom:40px}.color-container .item[data-v-648c9fdc]{width:150px;height:150px;margin:15px;border-radius:5px;float:left;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;font-size:14px;line-height:1.5;color:#000;cursor:pointer}.color-container .title[data-v-648c9fdc]{line-height:2;font-size:20px;padding:0 15px}@media (max-width:1080px){.color-list[data-v-648c9fdc]{display:flex;flex-wrap:wrap;justify-content:space-around}}