.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)}.customer-item{white-space:nowrap;text-overflow:ellipsis}.customer-item .customer-icon{margin-right:4px;font-size:16px;vertical-align:middle}.customer-select-refresh{width:100%;font-weight:400}.emergent-alarm{position:relative;padding:10px 30px;border-radius:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.emergent-alarm-icon{width:48px;height:48px}.emergent-alarm-title{margin-top:10px}.emergent-alarm .stop-mask{display:flex;justify-content:center;align-items:center;position:absolute;z-index:2000;background-color:rgba(0,0,0,.5);margin:0;top:0;right:0;bottom:0;left:0;border-radius:8px;transition:opacity .3s}.emergent-alarm .stop-mask .stop-icon{padding:12px;font-size:24px;color:#fff;border:2px solid #fff;border-radius:50%}.emergent-alarm:hover .controls{display:flex;align-items:stretch}.emergent-alarm .controls{display:none;position:absolute;z-index:2000;background-color:rgba(0,0,0,.5);margin:0;right:0;bottom:0;left:0;border-radius:0 0 8px 8px;transition:opacity .3s}.emergent-alarm .controls .el-button{flex-grow:1;color:#fff;font-size:12px;padding:0;margin:0;min-height:unset;height:24px}.emergent-broadcast .alarm-wrap{display:flex;flex-wrap:wrap}.emergent-broadcast .alarm-wrap .alarm-button{margin:0 20px 20px 0}.alarm-icon-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.alarm-icon-uploader .el-upload:hover{border-color:#409eff}.alarm-icon-uploader .alarm-icon{width:64px;height:64px;display:block}.alarm-icon-uploader .uploader-icon{font-size:28px;color:#8c939d;width:64px;height:64px;line-height:64px;text-align:center}