.color-control-dropdown{max-height:auto;padding-top:16px;padding-bottom:24px}.color-control .el-dropdown-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-control .el-dropdown-link img{margin-right:9px;width:32px;height:32px;border-radius:6px}.color-control .el-dropdown-link i{color:rgba(32,32,32,.6);font-size:12px}.color-control-main{padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.color-control-main .title{color:rgba(32,32,32,.8);font-size:14px;font-weight:400;margin-bottom:8px;margin-top:24px}.color-control-main .title:first-child{margin-top:0}.color-control-main .color-mini{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-control-main .color-mini .color-mini-item{width:32px;height:32px;border-radius:6px;overflow:hidden;margin-right:8px;cursor:pointer;position:relative;color:#fff}.color-control-main .color-mini .color-mini-item img{width:100%;height:100%}.color-control-main .color-mini .color-mini-item:before{content:"";font-family:iconfont;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;font-size:14px}.color-control-main .color-mini .color-mini-item:hover:before{background-color:rgba(32,32,32,.16)}.color-control-main .color-mini .color-mini-item:active:before{background-color:rgba(32,32,32,.4)}.color-control-main .color-mini .color-mini-item.check:before{content:"\E7A7";background-color:rgba(32,32,32,.4)}.color-control-main .color-img{width:250px;height:86px;border-radius:6px;overflow:hidden;position:relative}.color-control-main .color-img img{width:100%;height:100%}.color-control-main .color-img span{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:500;font-size:28px;color:hsla(0,0%,100%,.8);display:block;width:100%;text-align:center}.color-project-small .el-dropdown-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:32px;height:32px;border-radius:6px;position:relative}.color-project-small .el-dropdown-link img{width:100%;height:100%}.color-project-small .el-dropdown-link .first-text{font-size:18px;font-weight:500;color:hsla(0,0%,100%,.8);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.color-project-small.disabled-color{pointer-events:none}.template-project-bread{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1}.template-project-bread .project-bread-color{margin-left:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.template-project-bread .name{font-weight:700;margin:0 18px 0 12px;cursor:pointer}.template-project-bread .left,.template-project-bread .name,.template-project-bread .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.template-project-bread .right>:last-child{margin-left:16px}