| 1 |
- .system-layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:rgba(0,16,24,.9)}.system-layout .system_header{position:relative;height:1.01rem;background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-image:linear-gradient(rgba(29,65,72,0),rgba(29,65,72,.98))}.system-layout .page_title{width:8rem}.system-layout .left_cover,.system-layout .right_cover{position:absolute;bottom:0;height:.3rem;width:36%;background-color:#19272e}.system-layout .left_cover:after,.system-layout .right_cover:after{position:absolute;top:0;content:"";border-width:.15rem;border-style:solid}.system-layout .right_cover{right:0}.system-layout .right_cover:after{left:0;transform:translateX(-95%);border-color:transparent #19272e #19272e transparent}.system-layout .left_cover{left:0}.system-layout .left_cover:after{right:0;transform:translateX(95%);border-color:transparent transparent #19272e #19272e}.system-layout .system-content{-ms-flex:1;flex:1;border-bottom:.3rem solid #1d4148;padding:0 .38rem;color:#fff}.system-layout .content_header{height:1.35rem}.system-layout .page_title{margin-top:.05rem;color:#fff;font-size:.48rem}.system-layout .flex_row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.system-layout .record_time_item{margin-right:1.24rem;font-size:.24rem}.system-layout .record_time_item .bold{font-weight:700}.system-layout .record_replay{color:#25dbf7;font-size:.24rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.system-layout .record_replay .icon{margin-right:.1rem}.system-layout .row{margin-bottom:.18rem}.system-layout .large_box{height:6.57rem;background-color:#1d4148;overflow:"hidden"}.system-layout .btn_chart{width:2.8rem;background-color:#00dbf7;height:.6rem;color:#1d4148;font-size:.2rem;line-height:.6rem;font-weight:700;text-align:center;border-radius:8px;cursor:pointer}.system-layout .btn_chart:hover{opacity:.9}.system-layout .panel{position:relative}.system-layout .panel .title{position:absolute;top:.1rem;left:.1rem;color:#fff}.system-layout .panel .state{margin-top:.2rem;margin-bottom:.2rem}.system-layout .small_box{height:4.2rem;background-color:#1d4148;overflow:"hidden";display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:.08rem;-ms-flex-direction:column;flex-direction:column}
|
