[v-cloak]{ display: none } /* 新增按钮颜色 */ .form-group .el-button--primary{ background-color: #264dd9!important; border-color: #264dd9!important; } /* 返回按钮颜色 */ .from_return>.el-button--primary{ background-color: #edf0ff!important; border-color: #edf0ff!important; color:#264dd9!important; } /* 取消按钮颜色 */ .form_c{ background-color: #dde4ff!important; border-color: #dde4ff!important; color:#264dd9!important ; } /* 确定按钮颜色 */ .form_t{ background-color: #264dd9!important; border-color: #264dd9!important; color:#f4f7fc!important ; } /* 搜索框颜色 */ .form-group .el-input__inner{ border-radius: 28px!important; border: 1px solid #bcc1d0!important; background: #f4f7fc!important; color: #8890a7!important; } .drawer_return .el-input__inner{ border-radius: 28px!important; border: 1px solid #bcc1d0!important; background: #f4f7fc!important; color: #8890a7!important; } /* 多行文本框样式 */ .jbxx_desc textarea{ height: 150px!important; border-radius: 8px!important; border-color: #bcc1d0!important; outline: none!important; resize: none!important; } /* 面包屑文字大小 */ .el-breadcrumb{ font-size: 14px; color: #898d9e; } /* 编辑颜色*/ .primary-edit{ color: #264dd9; cursor: pointer; } /* 删除颜色 */ .primary-del{ color: #264dd9; cursor: pointer; } .space_bet{ display: flex; justify-content: space-between; } .form-group { padding: 20px 20px 15px; box-sizing: border-box; border-bottom: 1px solid #edf0ff; } .r_yhgl { background: #fff; border-radius: 8px; box-shadow: 0px 3px 6px 0px #f4f7fc; } .r_yhgl_table { padding: 0 20px; } /* 设置抽屉的样式 */ .user-dialog, .r_yhgl .el-dialog__wrapper{ width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999; } .r_yhgl .el-drawer{ height: calc(100% - 134px)!important; top: 114px!important; outline: none!important; border-radius: 8px; } .r_yhgl .el-drawer.rtl{ right: 20px; } .el-drawer__header{ display: none; } .from_return{ text-align: center; padding: 18px 20px 10px; border-bottom: 1px solid #edf0ff; position: relative; } .from_return>.el-button--primary{ position: absolute; top: 15px; left: 20px; } .from_return>span{ color:#1a2236; font-size: 16px; } .demo-drawer__content .el-form-item__label{ color: #242c43; } .demo-drawer__content .el-input__inner{ border: 1px solid #bcc1d0; border-radius: 17px; color: #58617a; background: #fff; } .demo-drawer__footer{ text-align: right; padding-right: 40px; margin-top: 40px; } .el-form-item__error{ font-size:11px; } /* 设置提示弹窗的样式 */ .el-dialog{ border-radius: 10px; } .el-dialog__title{ font-size: 16px; color: #1d1e20; border-left: 4px solid #0367f6; padding-left: 8px; } .el-dialog__body{ font-size: 18px; color: #242c43; text-align: center; } /* 设置tab切换的样式 */ .el-tabs__nav{ left:50%; transform: translateX(-50%)!important; } .el-tabs__item.is-disabled{ color: #8890a7 !important; } .el-tabs__item{ font-size: 16px; line-height: 24px!important; } .el-tabs__item.is-active{ color: #264dd9 !important; } .el-tabs__active-bar{ background-color:#264dd9 !important; } .el-tabs__nav-wrap::after{ height: 1px; background-color: #edf0ff; } /* 设置tree的样式 */ .usrrole .el-tree-node:focus>.el-tree-node__content{ background: rgb(248, 249, 253) !important; } .usrrole .el-tree-node__content:hover{ background: rgb(248, 249, 253) !important; } .usrrole .el-tree-node__content{ position: relative; } .usrrole .el-tree-node__expand-icon{ position: absolute; right: 10px; } .usrrole .cdqx_ztree .el-tree{ color: #242c43; border-radius:8px; } .usrrole .cdqx_ztree .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{ background-color: #264dd9; border-color: #264dd9; } .usrrole .demo-drawer .el-drawer__body{ overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } .usrrole .demo-drawer .el-drawer__body::-webkit-scrollbar{ display: none; } .usrrole .el-tree-node__expand-icon{ color: #264dd9!important; } .usrrole .el-tree-node.is-focusable>.el-tree-node__content{ border-radius:8px; } .usrrole .el-tree-node.is-expanded.is-focusable>.el-tree-node__content{ border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:0; border-bottom-right-radius:0; } /* 左右布局 */ .flex { height: 100%; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } .flex-left { width: 178px; background-color: #1a2236; height: 100%; } .flex-right { padding: 0 20px 20px; box-sizing: border-box; -webkit-box-flex: auto; -ms-flex: auto; -webkit-flex: auto; flex: 1; overflow-y: auto; } .flex-right-box{ width: 100%; height: 100%; position: relative; } .ces-main{ position: absolute; width: 100%; } .v-modal{ background: #000a2b!important; } .drawer600{ width: 600px!important; } .drawer620{ width: 620px!important; } .drawer1202{ width: 1202px!important; } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{ content:"" } /* 设置switch的样式 */ .switchStyle1 .el-switch__label { position: absolute; display: none; color: #fff; } /*打开时文字位置设置*/ .switchStyle1 .el-switch__label--right { z-index: 1; right: -10px; top: 1px; } /*关闭时文字位置设置*/ .switchStyle1 .el-switch__label--left { z-index: 1; left: 28px; top: 1px; } .switchStyle1 .el-switch__label.is-active { display: block; } .switchStyle1.el-switch .el-switch__core, .switchStyle1.el-switch .el-switch__label { width: 62px !important; height: 28px!important; border-radius: 28px!important; } .switchStyle1 .el-switch__core { background: #f8f9fd !important; border: 1px solid #8890a7 !important; } .switchStyle1 .el-switch__core:after { background: #8890a7 !important; width: 22px; height: 22px; left: 2px; top: 2.1px; } .switchStyle1.el-switch.is-checked .el-switch__core { background: #f8f9fd !important; border: 1px solid #5c82ff !important; } .switchStyle1.el-switch.is-checked .el-switch__core:after { background: #5c82ff !important; width: 22px; height: 22px; right: 0; top: 2.1px; } .switchStyle1.el-switch.is-checked .el-switch__core::after{ margin-left: -25px; } .switchStyle1 .el-switch__label * { font-size: 14px !important; font-weight: 800; } .switchStyle1.el-switch .el-switch__label { color: #8890a7 !important; } .switchStyle1.el-switch.is-checked .el-switch__label { color: #5c82ff !important; } .switchStyle1.el-switch:hover { opacity: 0.8; } /* 自定义图表提示框小三角 */ /* .div-tip-warp { position: relative; line-height: 22px; padding: 3px 10px; font-size: 12px; } .triangle-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #242c43; position: absolute; bottom: -12px; left: 50%; transform: translate(-50%,0); } .triangle-position { margin-left: 35px; } */