.config{padding:5px 0}.config-label{color:#606266;font-size:14px;padding-bottom:8px;position:relative}.content-80{box-sizing:border-box;display:inline-block;width:80%}.content-20{width:20%}.content-10,.content-20{box-sizing:border-box;display:inline-block;vertical-align:bottom}.content-10{width:10%}.content-15{box-sizing:border-box;display:inline-block;width:15%;vertical-align:bottom}input{cursor:pointer}.colorPicker{margin-left:10px;vertical-align:bottom}.select{width:100%}.plus-button[data-v-98c1688e]{position:absolute;left:90%;margin-top:4px}.colorPicker[data-v-98c1688e]{margin-left:0}.content-20 .el-input__suffix-inner span[data-v-98c1688e]{line-height:28px}.content-20[data-v-98c1688e]{padding:0 3px}.content-10[data-v-98c1688e]{vertical-align:top}.content-tip[data-v-98c1688e]{color:#909399;font-size:12px}.config-content[data-v-98c1688e]{padding:5px 0}.el-button--mini.is-round[data-v-98c1688e]{padding:3px}.editor-main{padding:0 18px 15px;overflow-y:auto}.category-name{color:#c0c4cc;font-size:18px;display:block;margin:13px 0 3px}.configurator-action{padding:15px 18px 0}.configurator-action .action-group{padding:5px 0}.configurator-action .action-group img{cursor:not-allowed;width:16px;height:16px;padding:7px 0;margin-left:5px;opacity:.5}.configurator-action .action-group img.active{opacity:1;cursor:pointer}.configurator-action .action-group img:last-of-type{margin-left:10px}.configurator-action .action-group .button-group{float:right}.configurator-action .action-group .button-group .el-button{padding:6px 15px}.configurator-action .action-group .button-group .el-button.is-disabled{color:#c0c4cc;background-color:#fff;border-color:#ebeef5}.configurator-action .action-group .button-group .reset{background:#e6f1fc;color:#1989fa;border-color:#a2cffc}.configurator-action .action-group .button-group .download{background:#1989fa;color:#fff;border-color:#1989fa}.configurator-action .selector{width:100%}.configurator-action .selector input{background:#f5f7fa;border:none;font-size:18px;padding-left:0;color:#606266}.configurator-action .line{width:100%;height:0;border-bottom:1px solid #dcdfe6}.main-configurator{height:100%;display:flex;flex-direction:column}.component-preview{padding-right:10px}.component-preview:last-of-type{padding-bottom:20px}.component-preview h4{font-size:20px;margin:40px 0 20px;color:#909399}.component-preview .demo-item{margin-top:10px;margin-right:40px}.component-preview .demo-line{margin:15px 0}.component-preview .el-carousel__item:nth-child(2n){background-color:#99a9bf}.component-preview .el-carousel__item:nth-child(odd){background-color:#d3dce6}.component-preview .el-avatar:not(:last-child){margin-right:20px}.component-preview .avatar-demo{display:flex;align-items:center}.component-preview .heading>div{margin-bottom:15px}.component-preview .title{font-size:18px;font-weight:400;padding:0 20px}.component-preview .paragraph{padding:0 20px}.component-preview .demo-color-box{margin:0}.component-preview .color{margin-right:-12%}.theme-card-item{user-select:none;border-radius:4px;overflow:hidden;background:#fff;height:90%;margin:25px 0;box-shadow:0 0 1px 0 #666}.theme-card-item.is-hidden{opacity:0;height:0}.theme-card-item .upload{cursor:pointer;background:#f5f7fa;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.theme-card-item .upload .upload-action{width:40%;margin:0 auto;text-align:center;color:#606266}.theme-card-item .upload .upload-action img{display:block;margin:0 auto}.theme-card-item .upload .upload-action span{display:block;font-size:14px;margin-top:8px}.theme-card-item .preview{position:relative;height:70%;width:100%}.theme-card-item .preview .line{height:50%}.theme-card-item .preview .line-2{width:50%;height:100%;display:inline-block}.theme-card-item .preview .line-4{width:25%;height:100%;display:inline-block}.theme-card-item .preview .action{transition:all .3s;position:absolute;opacity:0;top:0;left:0;right:0;bottom:0}.theme-card-item .preview .action .action-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.4}.theme-card-item .preview .action .action-block{position:absolute;width:50%;height:50%;left:25%;top:25%}.theme-card-item .preview .action .action-item{cursor:pointer;display:inline-block;height:100%;width:30%;color:#eee}.theme-card-item .preview .action .action-item:hover{color:#fff}.theme-card-item .preview .action .action-item:hover .circle{border-color:#fff}.theme-card-item .preview .action .action-item .icon{height:50%;font-size:22px;text-align:center;display:flex;justify-content:center;align-items:center}.theme-card-item .preview .action .action-item .icon img{width:130%}.theme-card-item .preview .action .action-item .name{font-size:12px;height:50%;text-align:center;display:flex;justify-content:center;align-items:center;margin-top:4px}.theme-card-item .preview .action .action-item-right{margin-left:40%}.theme-card-item .info{height:30%;line-height:16px;display:flex;align-items:center}.theme-card-item .info .info-center{width:100%}.theme-card-item .info .title{font-weight:700;font-size:16px;color:#303133;padding:0 12px;justify-content:space-between}.theme-card-item .info .right{float:right;font-weight:400;font-size:14px;color:#909399}.theme-card-item .info .more{font-size:16px;cursor:pointer}.theme-card-item .info .description{padding:0 12px;font-size:14px;color:#606266;margin-top:10px}.theme-card-item.is-upload{box-shadow:none;border:1px dashed #dcdfe6}.theme-card-item.is-upload:hover{box-shadow:none}.theme-card-item:hover{box-shadow:0 0 10px 0 #999}.theme-card-item:hover .action{opacity:1}