.dashboard{margin-bottom:0;width:100%}.dashboard [data-title]:hover:after{opacity:1;visibility:visible}.dashboard [data-title]:after{content:attr(data-title);position:absolute;bottom:-400%;left:120%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 15px 5px;color:#333;background:#fff;border:1px solid #e6e6e6;border-radius:5px;white-space:pre;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);cursor:default;opacity:0;z-index:99999;visibility:hidden}.dashboard [data-title]{position:relative}.dashboard .chart{border-radius:25px;background:#fff;padding:30px;-webkit-box-shadow:0 20px 33px -15px rgba(0,0,0,.3);box-shadow:0 20px 33px -15px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box}.dashboard .chart+.chart{margin-top:20px}.dashboard .chart.table-chart .chart-header{padding-bottom:20px}.dashboard .chart .chart-header{height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard .chart .chart-header .chart-header__question{margin-left:5px;cursor:pointer}.dashboard .chart .chart-header .status-buttons{margin-left:auto}.dashboard .chart .chart-header .chart__name{color:#595b62;font-weight:700;font-size:14px;margin:0}.dashboard .chart .chart-toolbar{margin-left:auto}.dashboard .chart .chart-toolbar .chart-toolbar__datepicker{width:220px}.dashboard .chart .chart-toolbar .chart-toolbar__cascader{margin-left:10px;width:87px}.dashboard .chart .chart-toolbar .chart-toolbar__select{width:100px;margin-left:10px}.dashboard .chart .chart-toolbar .chart-toolbar__query{margin-left:10px;width:80px;min-width:75px}.dashboard .chart .chart-header-info{margin-top:9px;color:#999;font-size:14px}.dashboard .chart .chart-header-info .line{margin:0 6px}.dashboard .chart .chart__instance{position:relative}.dashboard .chart .chart__instance .chart__empty{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:rgba(0,0,0,.65);font-size:16px}.dashboard .chart .chart__instance .chart__label{position:absolute;left:50%;top:40%;font-size:36px;color:#333;font-weight:700;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.dashboard .chart .chart__instance .chart__label span:last-child{display:block;font-size:12px;color:#999}.dashboard .chart .ring-wrap{position:relative}.dashboard .chart .ring-wrap .online__percent{position:absolute;font-size:30px;color:#2cd3ae;left:50%;top:181px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dashboard .chart .btn-download{margin-left:auto}.dashboard .models,.dashboard .options{padding:0;margin:0;margin-top:20px}.dashboard .models .models__item,.dashboard .models .options__item,.dashboard .options .models__item,.dashboard .options .options__item{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:50px;padding:4px 7px;border-radius:12px;font-size:14px;background-color:#f3f3f3;color:#333;text-align:center;cursor:pointer}.dashboard .models .models__item.options__item--active,.dashboard .models .options__item.options__item--active,.dashboard .options .models__item.options__item--active,.dashboard .options .options__item.options__item--active{background-color:#f1a357;color:#fff}.dashboard .models .models__item.options__item--new,.dashboard .models .options__item.options__item--new,.dashboard .options .models__item.options__item--new,.dashboard .options .options__item.options__item--new{background-color:#2cc592;color:#fff}.dashboard .models .models__item+.models__item,.dashboard .models .models__item+.options__item,.dashboard .models .options__item+.models__item,.dashboard .models .options__item+.options__item,.dashboard .options .models__item+.models__item,.dashboard .options .models__item+.options__item,.dashboard .options .options__item+.models__item,.dashboard .options .options__item+.options__item{margin-left:5px}.dashboard .models .models__item,.dashboard .options .models__item{min-width:15px;height:10px;border-radius:12px;padding:0;background-color:#dae2ff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.dashboard .models .models__item:hover,.dashboard .options .models__item:hover{background:#99aeff}.dashboard .models .models__item.models__item--active,.dashboard .options .models__item.models__item--active{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;padding:0 15px;line-height:24px;background-color:#5473e8;color:#fff}.dashboard .models .models__item.models__item--active:after,.dashboard .options .models__item.models__item--active:after{display:none}.dashboard .device-status{margin-top:47px}.dashboard .device-status .device-status__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:42px}.dashboard .device-status .device-status__wrap+.device-status__wrap{margin-top:70px}.dashboard .device-status .device-status__wrap:last-child{margin-bottom:25px}.dashboard .device-status .device-status__img{width:42px;height:42px;border-radius:10px;-webkit-box-shadow:1px 5px 8px 0 rgba(0,0,0,.12);box-shadow:1px 5px 8px 0 rgba(0,0,0,.12)}.dashboard .device-status .device-status__img img{border-radius:10px;width:100%}.dashboard .device-status .device-status__inner{margin-left:20px}.dashboard .device-status .device-status__name{color:#333}.dashboard .device-status .device-status__count{font-size:36px;font-weight:700;margin-left:18px;cursor:pointer}.dashboard .device-status .device-status__percent{font-size:14px;margin-top:5px}.dashboard .device-status .device-status__percent.increase{color:#6dd000}.dashboard .device-status .device-status__percent.decrease{color:#ff4d4f}.dashboard .row+.row{margin-top:20px}.dashboard .row .table-wrap .table-wrap__more{text-align:right;height:18px;margin-top:20px}.dashboard .row .table-wrap .table-wrap__more .el-button--text{padding:0 20px}.dashboard .row .table{height:280px;margin:0}.dashboard .row .table .offline-info .offline-info__sn{line-height:1;cursor:pointer}.dashboard .row .table .offline-info .offline-info__datetime{color:#c0c4cc;font-size:12px;line-height:1}.dashboard .row .table .pagination{margin-bottom:20px}.dashboard .row .table .table__username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard .row .table .el-button{padding:0}.layout-wrap .layout .layout__main{border-radius:0;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}