#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.palette-color[data-v-18b5fd24]{position:relative;display:inline-block;border-radius:6px;margin-right:8px;margin-bottom:8px;width:80px;border:1px solid #ddd;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);vertical-align:middle}.palette-color .color[data-v-18b5fd24]{width:calc(100% + 2px);height:50px;margin:-1px -1px 0 -1px;text-align:center;border-top-left-radius:6px;border-top-right-radius:6px}.palette-color .name[data-v-18b5fd24]{color:#2b2b2b;font-size:13px;line-height:30px;text-align:center}.palette-color .actions[data-v-18b5fd24]{position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;top:-1px;cursor:default;text-align:center;color:#fff;border-radius:6px;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s;display:flex;align-items:center;justify-content:center}.palette-color .actions .action[data-v-18b5fd24]{cursor:pointer;font-size:16px}.palette-color.hover .actions[data-v-18b5fd24]{opacity:1}.palette-container[data-v-159a0640]{width:392px;padding:0 20px 56px 20px;box-sizing:content-box}.palette-container .palette-color[data-v-159a0640]:nth-child(4n){margin-right:0}.palette-container .add-btn[data-v-159a0640]{vertical-align:middle;line-height:61px;width:80px;font-size:32px;border-radius:6px;margin-bottom:8px}.footer[data-v-159a0640]{position:fixed;width:392px;bottom:0;left:0;padding:8px 0;background:#fff;text-align:center}.footer .hidden[data-v-159a0640]{display:none}.create-color-dialog .el-row[data-v-159a0640]:not(:last-child){margin-bottom:16px}.create-color-dialog .el-row .el-col[data-v-159a0640]{line-height:32px}.create-color-dialog .el-row .el-col.label[data-v-159a0640]{text-align:right}.el-link[data-v-f09f0ef8]{font-size:24px;line-height:44px}.type-box[data-v-4ecd4594]{margin-top:20px}.type-box .el-radio[data-v-4ecd4594]{margin-left:0!important;margin-right:16px!important}.type-box .el-radio[data-v-4ecd4594]:last-child{margin-right:0!important}.uploader .el-upload .el-upload-dragger[data-v-ae4ec0fe],.uploader .el-upload[data-v-ae4ec0fe]{width:100%}.uploader .preview[data-v-ae4ec0fe]{min-height:192px;border:1px solid #d9d9d9;border-radius:6px}.uploader .preview[data-v-ae4ec0fe] .show-preview{margin:0 auto}.uploader .preview[data-v-ae4ec0fe] .show-preview img{width:100%;height:100%}.uploader .preview .actions[data-v-ae4ec0fe]{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;border-radius:6px;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s;display:flex;align-items:center;justify-content:center}.uploader .preview .actions .action[data-v-ae4ec0fe]{cursor:pointer}.uploader .preview.hover .actions[data-v-ae4ec0fe]{opacity:1}.sidebar[data-v-64646026]{position:relative;padding-left:16px;padding-right:16px;width:100%;height:100%;overflow:auto;border-right:1px solid #cdcdcd}.sidebar .setting[data-v-64646026]{position:absolute;left:16px;top:16px}.sidebar .title[data-v-64646026]{line-height:44px;margin:16px 0}.sidebar .el-row[data-v-64646026]{margin-bottom:16px}.sidebar .el-row[data-v-64646026]:last-child{margin-bottom:0}.sidebar .label[data-v-64646026]{display:block;width:100%;line-height:32px;text-align:right}.sidebar .control[data-v-64646026]{width:100%}.sidebar .mode-group[data-v-64646026]{text-align:left}.home[data-v-6cf0385c]{display:flex;height:100vh}.home .sidebar[data-v-6cf0385c]{position:fixed;background:#fff;width:360px;height:100%;z-index:2000}.home .container[data-v-6cf0385c]{margin-left:392px;padding:16px 0;display:flex;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;overflow:auto}.home .container .hidden[data-v-6cf0385c]{display:none}.home .container .statistics[data-v-6cf0385c]{margin-top:32px;width:100%;display:flex;flex-flow:wrap;box-sizing:border-box;padding:0 16px}.home .container .statistics .statistics-box[data-v-6cf0385c]{display:inline-block;border-radius:6px;margin:8px;width:44px;border:1px solid #ddd;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.home .container .statistics .statistics-box .color[data-v-6cf0385c]{width:calc(100% + 2px);height:22px;margin:-1px -1px 0 -1px;line-height:22px;text-align:center;border-top-left-radius:6px;border-top-right-radius:6px}.home .container .statistics .statistics-box .count[data-v-6cf0385c]{line-height:22px;text-align:center}body,html{padding:0;margin:0}