.page-card{height:100%;overflow:hidden}.page-card-header{margin:2px 0 0 0;padding:10px 20px;line-height:36px;background:#fff;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.page-card-header-title{font-size:16px;color:#303133}.page-card-header-content{font-size:12px;color:#909399;margin-left:32px;position:relative}.page-card-header-content:before{content:"";position:absolute;width:1px;height:16px;left:-16px;top:50%;transform:translateY(-50%);background-color:#dcdfe6}.page-card-header-middle{margin:0 10px;flex-grow:1}.page-card-header-right>*{vertical-align:middle}.page-card-body{height:calc(100% - 100px);padding:20px;flex-grow:1;display:flex;flex-direction:column}.page-card-body .grow{flex-grow:1;flex-shrink:2}.page-card-border{border-radius:4px;border:1px solid #ebeef5}.page-card-shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.resource-code-wrap .head-row{height:24px;line-height:24px}.resource-code-wrap .head{font-size:12px;text-align:center;border:1px solid transparent;display:inline-block}.resource-code-wrap .head+.head{margin-left:2px}.resource-code-wrap .code{height:32px;line-height:32px;font-size:16px;font-weight:700;text-align:center;letter-spacing:2px;border:1px solid #dcdfe6;display:inline-block}.resource-code-wrap .code>*{vertical-align:middle}.resource-code-wrap .code span{font-size:16px}.resource-code-wrap .code+.code{margin-left:2px}.resource-code-wrap .editable{background-color:#d1edc4;cursor:pointer}.resource-code-wrap .fixed{background-color:#f5f7fa}.resource-code-wrap .char-1{width:32px;white-space:nowrap}.resource-code-wrap .char-2{width:42px;white-space:nowrap}.resource-code-wrap .char-4{width:64px;white-space:nowrap}.resource-code-wrap .char-12{width:160px;white-space:nowrap}.area-cascader .el-cascader-node{font-size:12px;height:24px;line-height:24px}.area-cascader .el-cascader-menu__empty-text{display:none}.code-menu-item{font-size:16px!important;font-weight:700;letter-spacing:2px}.conts{display:flex;align-items:center;text-align:center}.conts .box{position:relative;overflow:hidden}.conts .box .code_list{display:flex;justify-content:space-between;border:1px solid transparent;padding:5px;border-radius:3px}.conts .field-input{box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:48px;padding:0;border:none;outline:none;opacity:0;background:transparent}.shows_shaw{border:1px solid #0187fb!important}.code_item{box-sizing:border-box;width:48px;height:48px;line-height:48px;font-size:20px;text-align:center;font-weight:600;background-color:#f2f5f4;border:1px solid transparent;border-radius:4px;margin-right:8px}.code_item:last-child{margin-right:0}.code_item-focus{border-color:#0187fb}.code_item-focus:before{content:"";display:block;width:2px;height:20px;margin:14px auto;background:#0187fb;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.scrollbar-border{border:1px solid var(--el-border-color)}.device-import-dialog .el-dialog__body{height:calc(100% - 150px)}.device-import-dialog .upload-excel{display:inline-flex;margin:0 10px}.device-import-dialog .tips{float:left}.device-import-dialog .tips .el-link{font-size:12px;font-weight:400}.device-cfg-dlg .button-row{display:flex;flex-direction:row;padding:10px;border:1px dashed var(--el-border-color-base)}.device-cfg-dlg .button-name{width:60px}.device-cfg-dlg .button-conf{flex:1}.device-cfg-dlg .button-code,.device-cfg-dlg .button-code-empty{width:440px;margin-right:16px;display:inline-block}.device-cfg-dlg .button-code-empty{padding:5px 0;font-size:12px;text-align:center;background-color:var(--el-disabled-fill-base);border:1px solid var(--el-border-color-base)}.device-cfg-dlg .button-code-empty .el-button{margin-left:16px}.device-cfg-dlg .button-level{margin-right:16px}.device-manage .device-col,.device-manage .region-col{height:100%;display:flex;flex-direction:column}.device-manage .device-col .el-checkbox--small .el-checkbox__label{font-size:12px}.device-manage .region-scrollbar{border:1px solid #ebeef5}.device-manage .region-scrollbar .region-scrollbar-wrap .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#d9ecff}.device-manage .region-scrollbar .region-scrollbar-wrap .region-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.device-manage .region-scrollbar .region-scrollbar-wrap .region-tree-node i{font-size:16px}.device-manage .region-scrollbar .region-scrollbar-wrap .region-tree-node .region-tree-node-action{display:none}.device-manage .region-scrollbar .region-scrollbar-wrap .region-tree-node:hover .region-tree-node-action{display:block}