.control-btns{background-color:rgba(22,41,65,.5);padding:16px;font-size:16px}.players-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.players-wrap .livePlay{height:100%}.players-wrap .livePlay.double-show{width:50%}.players-wrap .livePlay.visible-show:first-child{width:100%}.players-wrap .livePlay.infrared-show:first-child,.players-wrap .livePlay.visible-show:nth-child(2){width:0}.players-wrap .livePlay.infrared-show:nth-child(2){width:100%}.players-wrap .control-btns{position:absolute;top:16px;left:16px;margin-bottom:6px}.players-wrap .player .poster .player-loading-reload{bottom:30%}.abnormal-data{width:260px;background-color:rgba(22,41,65,.5);-webkit-transition:all .25s cubic-bezier(.7,.3,.1,1);transition:all .25s cubic-bezier(.7,.3,.1,1)}.abnormal-data .abnormal-data-title{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;height:48px;line-height:48px;padding:0 16px;white-space:nowrap}.abnormal-data .abnormal-data-title i{cursor:pointer;line-height:24px;font-size:20px}.abnormal-data ul{position:relative;width:100%;height:calc(100% - 48px)}.abnormal-data li{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:96px;cursor:pointer;padding-left:16px;margin:16px 0}.abnormal-data li:nth-child(3){margin-top:0}.abnormal-data li img{height:96px;width:96px;-o-object-fit:fill;object-fit:fill}.abnormal-data li .abnormal-info{width:calc(100% - 96px);padding:12px 0 12px 12px}.abnormal-data li .abnormal-info p{margin-bottom:12px}.abnormal-data.hide{background-color:rgba(22,41,65,.8);width:48px;height:48px!important}.normal-data{height:148px;width:100%;background-color:rgba(22,41,65,.5);-webkit-transition:all .25s cubic-bezier(.7,.3,.1,1);transition:all .25s cubic-bezier(.7,.3,.1,1)}.normal-data,.normal-data .normal-data-title{display:-webkit-box;display:-ms-flexbox;display:flex}.normal-data .normal-data-title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;width:48px;padding:12px 0}.normal-data .normal-data-title span{display:inline-block;width:20px;margin:0 auto;line-height:24px;font-size:20px;word-wrap:break-word}.normal-data .normal-data-title .el-icon-d-arrow-left,.normal-data .normal-data-title .el-icon-d-arrow-right{-webkit-transform:rotate(90deg);transform:rotate(90deg);line-height:24px;font-size:20px;cursor:pointer}.normal-data ul{width:calc(100% - 48px)}.normal-data ul,.normal-data ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.normal-data ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:148px;cursor:pointer;padding:12px;margin-left:8px}.normal-data ul li:nth-child(3){padding-left:0}.normal-data ul li img{height:96px;width:96px;-o-object-fit:fill;object-fit:fill}.normal-data.hide{background-color:rgba(22,41,65,.8);height:48px;width:48px!important}.temperature-monitoring{padding:0 .2666666667rem}.temperature-monitoring .temperature-monitoring-wrap{position:relative;width:100%;height:100%;overflow:hidden}.temperature-monitoring .temperature-monitoring-wrap .abnormal-data{position:absolute;right:0;top:0;height:100%}.temperature-monitoring .temperature-monitoring-wrap .normal-data{position:absolute;bottom:0;left:0;width:calc(100% - 266px)}