.lightning-warning{width:100%;height:98%;display:flex;flex-direction:column}.lightning-warning .warning-box{width:100%;height:50%;margin-bottom:.83333rem;display:flex;flex-direction:row;justify-content:space-between}.lightning-warning .warning-box .warning-info{width:50%;height:100%;margin-right:.83333rem}.lightning-warning .warning-box .warning-info .current-level-box{display:flex;flex-direction:row;margin-left:3.33333rem}.lightning-warning .warning-box .warning-info .current-level-box .level-title{font-size:1.5rem;font-family:Microsoft YaHei;font-weight:700;color:#0ff}.lightning-warning .warning-box .warning-info .current-level-box .level-num{width:8.33333rem;background-color:grey;color:#fff;font-size:1.5rem;font-weight:700;text-align:center;border-radius:.83333rem;margin-left:2.5rem}.lightning-warning .warning-box .warning-info .current-level-box .level0{background-color:#13c9f4}.lightning-warning .warning-box .warning-info .current-level-box .level3{background-color:#fe1311}.lightning-warning .warning-box .warning-info .current-level-box .level2{background-color:#ff9802}.lightning-warning .warning-box .warning-info .current-level-box .level1{background-color:#f5f504}.lightning-warning .warning-box .warning-info .warning-time-box{display:flex;flex-direction:row;justify-content:space-around;margin-left:3.33333rem;color:#fff;font-size:1.33333rem;margin-top:.83333rem}.lightning-warning .warning-box .warning-info .warning-time-box .end-time-box,.lightning-warning .warning-box .warning-info .warning-time-box .start-time-box{width:40%}.lightning-warning .warning-box .warning-info .meteorological-title-box{margin-left:3.33333rem;margin-top:.83333rem;font-size:1.5rem;font-family:Microsoft YaHei;font-weight:700;color:#0ff}.lightning-warning .warning-box .warning-info .meteorological-data-box{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:.83333rem;margin-left:3.33333rem}.lightning-warning .warning-box .warning-info .meteorological-data-box .data-item{width:40%;color:#fff;font-size:1.33333rem}.lightning-warning .warning-box .warning-event{width:50%;height:100%}.lightning-warning .warning-box .warning-event .lightning-rank-content{margin-top:.83333rem;margin-left:4.16667rem;height:21.66667rem;width:67.5rem;overflow-y:auto}.lightning-warning .warning-box .warning-event .lightning-rank-content ul{margin-top:.83333rem}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li{margin-top:.83333rem;cursor:default;position:relative;font-size:1.33333rem;display:flex;justify-content:flex-start}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .icon{display:inline-block;width:2.5rem;height:100%;padding-right:2.5rem}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .icon img{position:absolute;top:50%;margin-top:-.83333rem}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .content{display:inline-block;height:100%;text-decoration:none;color:#0ff}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .contentSize{font-size:1.5rem;font-weight:700}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .level0{color:#13c9f4}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .level3{color:#fe1311}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .level2{color:#ff9802}.lightning-warning .warning-box .warning-event .lightning-rank-content ul li .level1{color:#f5f504}.lightning-warning .warning-box .warning-event .lightning-rank-content .no-content{height:20rem;line-height:20rem;color:#0ff;font-size:1.5rem;text-align:center}.lightning-warning .trend-box{width:100%;height:50%}.lightning-warning .trend-box .charts-box{width:100%;height:calc(100% - 5rem)}.lightning-warning .trend-box,.lightning-warning .warning-event,.lightning-warning .warning-info{background:#031a2d;border:.08333rem solid #00fefb}.lightning-warning .trend-box .label,.lightning-warning .warning-event .label,.lightning-warning .warning-info .label{width:100%;height:5rem;font-size:1.83333rem;font-family:Microsoft YaHei;font-weight:700;color:#0ff;display:flex;align-items:center;line-height:5rem;padding-left:2rem}.lightning-warning .trend-box .label i,.lightning-warning .warning-event .label i,.lightning-warning .warning-info .label i{display:flex;width:.33333rem;height:1.83333rem;background:#0ff;margin-right:1.5rem}