body{background-color:#020308}.host-body{height:100%}.frame_box{padding:18px 14px;border-radius:16px}.frame_box .frame_body{background:#fff}#index{color:#d3d6dd;width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:left top;overflow:hidden}#index .bg{width:100%;height:100%;padding:16px 16px 0 16px;background:url(../../assets/img/pageBg.f9f9dcd5.png) no-repeat;background-size:cover;background-position:50%}#index .host-body .dv-dec-10,#index .host-body .dv-dec-10-s{width:33.3%;height:5px}#index .host-body .dv-dec-10-s{transform:rotateY(180deg)}#index .host-body .dv-dec-8{width:200px;height:50px}#index .host-body .title{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#index .host-body .title .dv-dec-6{position:absolute;bottom:-30px;left:50%;width:250px;height:8px;transform:translate(-50%)}#index .host-body .aside-width{width:40%}#index .host-body .react-l-s,#index .host-body .react-r-s{background-color:#0f1325}#index .host-body .react-right{font-size:18px;width:400px;margin:0 auto;line-height:50px;text-align:center;transform:skewX(-45deg)}#index .host-body .react-right.react-l-s{text-align:right;width:500px}#index .host-body .react-right .react-after{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(45deg)}#index .host-body .react-right .text{display:inline-block;transform:skewX(45deg)}#index .host-body .react-right .fw-b{font-size:26px}#index .host-body .react-left{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s{width:500px;text-align:left}#index .host-body .react-left .react-before{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(-45deg)}#index .host-body .react-left .text{display:inline-block;transform:skewX(-45deg)}#index .host-body .body-box{margin-top:24px;display:flex;flex-direction:column}#index .host-body .body-box .content-box{display:grid;grid-template-columns:1fr 1fr 2fr}#index .host-body .body-box .content-box1{display:grid;grid-template-columns:25% 75%;height:90%}#index .host-body .body-box{height:100%}#index .host-body .body-box .count_box{padding:28px 20px 2px}#index .host-body .body-box .dv-scr-board{width:100%;height:340px}#index .host-body .body-box .ul-bg{display:flex;background-color:#1f284d;padding:10px 20px!important;text-align:center;margin:13px 10px}#index .host-body .body-box .ul-bg .li-name{text-align:center!important;flex:50%!important}#index .host-body .body-box .ul-bg .li-bus{flex:30%!important}#index .host-body .body-box .ul-bg .li-status{flex:20%!important}#index .host-body .body-box .scroll_wrap{padding:0 10px;box-sizing:border-box;overflow:hidden}#index .host-body .body-box .scroll_wrap .scroll_main{height:880px;width:100%}#index .host-body .body-box .scroll_wrap .ul-scoll{width:100%}#index .host-body .body-box .scroll_wrap .ul-scoll .ul-li{display:flex;padding:0 20px;background-color:#171c33}#index .host-body .body-box .scroll_wrap .ul-scoll .ul-li:nth-child(2n){background-color:#0f1325}#index .host-body .body-box .scroll_wrap .ul-scoll .ul-li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}#index .host-body .body-box .scroll_wrap .ul-scoll .ul-li .li-name{flex:60%;text-align:left}#index .host-body .body-box .scroll_wrap .ul-scoll .ul-li .li-bus,#index .host-body .body-box .scroll_wrap .ul-scoll .ul-li .li-status{flex:20%}#index .host-body .body-box .text{color:#fff;font-size:20px;font-weight:700;letter-spacing:2px}#index .host-body .body-box .dv-dec-3{position:relative;width:100px;height:28px;top:-3px}#index .host-body .body-box .seamless-warp{height:820px;overflow:hidden}#index .host-body .body-box .seamless-warp li{height:52px;line-height:52px}