.color-picker-components{width:100%;height:30px;position:relative}.color-picker-components .el-dropdown{cursor:pointer;line-height:30px;width:100%;padding-right:30px}.color-picker-components .el-dropdown .el-dropdown-link{display:-webkit-box;display:-ms-flexbox;display:flex}.color-picker-components .el-dropdown .color-block{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:30px;border:1px solid #dcdfe6;border-radius:4px 0 0 4px}.color-picker-components .el-dropdown .el-icon-arrow-down{margin-left:0;width:24px;text-align:center;border:1px solid #dcdfe6;border-left:none}.color-picker-components .el-dropdown .el-icon-arrow-down:before{display:inline-block;vertical-align:top;margin-top:8px}.color-picker-components .el-color-picker{opacity:0;height:30px;position:absolute;top:0;right:0;z-index:10}.color-picker-components .el-color-picker .el-color-picker__trigger{height:30px;width:25px;padding:0;border:none}.color-picker-components .el-color-picker .el-color-picker__color{border:none}.color-picker-components .el-color-picker .el-color-picker__color-inner{height:30px;width:25px}.color-picker-components .el-color-dropdown .el-color-dropdown__link-btn{display:none}.color-picker-components .color-picker-icon{position:absolute;right:0;top:0;width:27px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dcdfe6;border-left:none;border-radius:0 4px 4px 0;z-index:9}.color-picker-components .color-picker-icon svg{display:block;width:15px}.color-list-dropdown{width:562px;padding:0 10px 10px!important}.color-list-dropdown .custom-list .list,.color-list-dropdown .default-list .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}.color-list-dropdown .custom-list .list li,.color-list-dropdown .default-list .list li{padding:5px;width:45px;height:45px;text-align:center;font-size:12px;line-height:18px;color:#fff}.color-list-dropdown .custom-list .mod-name,.color-list-dropdown .default-list .mod-name{line-height:40px;font-size:16px;color:#35393c}.appointItemSetting{width:100%;height:100%}.appointItemSetting .panel-title{width:100%;padding:0 10px;background-color:#f5f5f5;height:40px;line-height:40px;font-weight:700;font-size:16px;color:#35393c}.appointItemSetting .left-panel{width:200px;height:100%;float:left}.appointItemSetting .left-panel .all-btn{margin-top:10px;padding:0 10px}.appointItemSetting .left-panel .all-btn .el-button{width:100%;height:30px;line-height:30px;padding:0}.appointItemSetting .left-panel .panel-container{height:calc(100% - 90px);padding:0 10px}.appointItemSetting .left-panel .panel-container ul{height:100%;overflow:auto;padding:10px 0}.appointItemSetting .left-panel .panel-container ul li{cursor:pointer;line-height:30px;color:#4d9bf7}.appointItemSetting .left-panel .panel-container ul li div{padding:0 10px}.appointItemSetting .left-panel .panel-container ul li.active div{background-color:#627be9!important;color:#fff}[data-theme=theme] .appointItemSetting .left-panel .panel-container ul li.active div{background-color:#627be9!important}[data-theme=theme1] .appointItemSetting .left-panel .panel-container ul li.active div{background-color:#606266!important}[data-theme=theme2] .appointItemSetting .left-panel .panel-container ul li.active div{background-color:#e6a23c!important}[data-theme=theme3] .appointItemSetting .left-panel .panel-container ul li.active div{background-color:#2e69eb!important}.appointItemSetting .right-panel{width:100%;height:100%;padding-left:210px}.appointItemSetting .right-panel .panel-container{height:calc(100% - 40px);padding:10px}.appointMainSetting{width:100%;height:100%}.appointMainSetting .panel-title{font-size:16px;color:#35393c;font-weight:700;margin-bottom:10px}.appointMainSetting .panel-opration{margin-bottom:10px}.appointMainSetting .panel-opration .newItem{margin-right:10px}.el-message-box__btns .el-button{float:right;margin-right:10px}.appointItem{width:100%;height:100%;position:relative}