.alarm-trend-analysis{overflow:hidden;padding:.83333rem;width:100%;height:100%;display:flex;flex-direction:column;position:relative}.alarm-trend-analysis .sort-caret{border:.41667rem solid transparent}.alarm-trend-analysis .header{display:flex;background-image:url(/static/images/querybg.png);background-size:100% 100%;padding:1.25rem;margin-bottom:1.25rem;align-items:center;position:relative}.alarm-trend-analysis .header .username{width:15rem;padding:0 1.25rem;font-size:1.83333rem;color:#fff;position:relative}.alarm-trend-analysis .header .username:after{content:"";width:.41667rem;height:80%;background:#20edfa;position:absolute;left:-.25rem;top:10%}.alarm-trend-analysis .header .form{display:flex;align-items:center}.alarm-trend-analysis .header .form .ax-form .el-form-item{margin-top:.83333rem}.alarm-trend-analysis .header .form .cascader,.alarm-trend-analysis .header .form .cascader .cascader-select{height:3.33333rem}.alarm-trend-analysis .header .form .cascader .input-suffix{line-height:3.33333rem}.alarm-trend-analysis .header .form .ax-hrmw-common-level-select .level-select-title{line-height:3.33333rem;height:3.33333rem}.alarm-trend-analysis .header .form .black-list{position:absolute;top:1.25rem;right:13%;border:1px solid #01abe9;color:#fff;background:rgba(4,56,82,.8);width:8.33333rem}.alarm-trend-analysis .header .form .type-btn{right:7%}.alarm-trend-analysis .header .form .download-btn,.alarm-trend-analysis .header .form .type-btn{position:absolute;top:2.08333rem;border:1px solid #01abe9;color:#fff;background:rgba(4,56,82,.8);width:8.33333rem}.alarm-trend-analysis .header .form .download-btn{right:1%}.alarm-trend-analysis .header .form .download-btn .el-loading-spinner{top:85%}.alarm-trend-analysis .header .form .time-class .el-form-item__label{margin-right:.83333rem}.alarm-trend-analysis .content{flex:1;position:relative;overflow:hidden;border:.08333rem solid #01abe9}.alarm-trend-analysis .content:after{content:url(/static/images/bg-t-r.png);position:absolute;right:-.08333rem;top:-.25rem;z-index:1}.alarm-trend-analysis .content .table{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:calc(100% + .1667rem);transition:all .2s}.alarm-trend-analysis .content .table.active{left:0}.alarm-trend-analysis .content .charts{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .2s;display:flex;justify-content:space-between;flex:1}.alarm-trend-analysis .content .charts.active{left:-100%}.alarm-trend-analysis .content .charts .data-list{display:flex;flex-direction:column;padding:2.91667rem 3.75rem;justify-content:center;position:relative;height:100%}.alarm-trend-analysis .content .charts .data-list:after{content:"";background-image:url(/static/images/OnlineNetWorking/line.png);background-size:100% 100%;width:.08333rem;height:100%;position:absolute;top:0;right:0}.alarm-trend-analysis .content .charts .data-list .item{width:18.75rem;height:9.75rem;margin:.83333rem 0;display:flex;flex-direction:column;justify-content:center;background:url(/static/images/OnlineNetWorking/bg.png) no-repeat;background-size:100% 100%}.alarm-trend-analysis .content .charts .data-list .item .value{display:flex;justify-content:center;line-height:3.83333rem;font-weight:700;position:relative;align-items:flex-end}.alarm-trend-analysis .content .charts .data-list .item .value .value-num{font-size:3.33333rem;color:#0ff}.alarm-trend-analysis .content .charts .data-list .item .value .value-unit{height:100%;text-indent:.41667rem;font-size:1.33333rem;color:#0ff;display:block;height:3.83333rem;line-height:5.41667rem}.alarm-trend-analysis .content .charts .data-list .item .value .linked{cursor:pointer}.alarm-trend-analysis .content .charts .data-list .item p{width:100%;line-height:3.33333rem;font-size:1.33333rem;text-align:center;color:#fff}.alarm-trend-analysis .content .charts .data-charts{flex:1;height:100%;display:flex;flex-direction:column;padding:0 4.16667rem}.alarm-trend-analysis .content .charts .data-charts>div{flex:1}