.device-container{position:relative}.device-container .alarm-tag{font-size:13px;background:#fff2e8;border:1px solid #f84d50;color:#f84d50}.device-container .offline-tag{font-size:13px;background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2);color:#909399}.device-container .normal-tag{font-size:13px;background:#f6ffec;border:1px solid #52c41b;color:#52c41b}.device-container .device-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;padding:24px 32px;overflow:hidden;border-radius:4px}.device-container .device-wrap .handleWrapper{position:relative;margin-top:3px}.device-container .searchWrap{position:absolute;right:0;top:0}.device-container .searchWrap .el-input{width:75%;float:left}.device-container .searchWrap .el-button{width:20%;float:right}.device-container .el-tabs__content{overflow:inherit}.device-container .el-tabs__nav-scroll{padding-left:40px;background:#fff}.device-container .device-btn-wrap{position:absolute;top:0;right:0}.device-container .device-btn-wrap .searchcardWrap{float:right}.device-container .device-btn-wrap .searchcardWrap .el-input{width:75%;float:left}.device-container .device-btn-wrap .searchcardWrap .el-button{width:20%;float:right}.device-container .device-btn-wrap .searchtableWrap{float:right}.device-container .device-btn-wrap .searchtableWrap .el-input{width:29%;float:left}.device-container .device-btn-wrap .searchtableWrap .el-select{width:29%;float:left;margin:0 10px}.device-container .device-btn-wrap .searchtableWrap .el-button{float:right}.device-container .device-btn-wrap .switchWrap{float:left;margin-right:10px;margin-top:1px}.device-container .device-card{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px}@media(max-width:1380px){.device-container .device-card{width:25%}}@media(max-width:1000px){.device-container .device-card{width:33.33333%}}.device-container .device-card .device-pic{width:100%;height:120px;display:block;background:#dedde0;text-align:center}.device-container .device-card .device-pic img{height:100%;width:auto}.device-container .device-card .device-pic .active{height:50%;vertical-align:middle}.device-container .device-card .device-pic .noimg{width:0;height:100%;display:inline-block;vertical-align:middle}.device-container .device-card .device-card_name{font-size:18px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-container .device-card .device-card_params{height:100px;width:100%;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.device-container .device-card .device-card_params .point-param{line-height:20px}.device-container .device-card .device-card_params .point-param .point-param_title{float:left;width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.device-container .device-card .device-card_params .point-param .point-param_value{float:right;width:20%;text-align:right}.device-container .device-card .device-card_title{line-height:25px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.device-container .device-card .device-card_btnwrapper{display:block}.device-container .device-card .device-card_btnwrapper:after,.device-container .device-card .device-card_btnwrapper:before{display:table;content:""}.device-container .device-card .device-card_btnwrapper:after{clear:both}.device-container .device-card .device-card_btnwrapper .device-card_button{float:right}.device-container .el-table .danger-row{background:#fef0f0}.device-container .el-table .header-row th{background:#f2f6fc}.device-container .currentValue{color:#1890ff}.device-container .online:before{background:green}.device-container .close:before,.device-container .online:before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:6px;border-radius:50%}.device-container .close:before{background:#dbdbdb}.device-container .normal{color:#1890ff}.device-container .active{color:#f56c6c}.device-container .device-card_a{color:#1890ff}