*{margin:0;padding:0}a{list-style:none;text-decoration:none;color:#000}.app{width:100vw;height:100vh}.nav-item{font-size:16px;font-weight:700;margin-right:20px}@font-face{font-family:screenTitle;src:url(../fonts/iconFamily.fc8630f2.TTF) format("truetype");font-weight:400;font-style:normal}.screen-box-items{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.screen-box-item{height:100%;background:rgba(0,0,0,.6);border-radius:10px;padding:8px;box-sizing:border-box}.screen-data-title .title-txt{width:100%;font-size:17px;height:32px;line-height:32px;letter-spacing:2px;display:flex;align-items:center;font-family:screenTitle,sans-serif}.screen-data-title .title-txt .main-txt{width:calc(100% - 30px)}.screen-data-title .title-txt .sub-txt{display:inline-block;color:#d0e0fd;font-size:6px}.screen-data-title .title-txt img{width:30px;height:20px;float:right}.screen-data-title .line{width:96%;height:2px;background:hsla(0,0%,100%,.5);position:relative;left:4%}.screen-data-title .line span:first-child{width:4px;height:4px;border-radius:50%;background:#fff;position:absolute;left:-4%;top:0}.screen-data-title .line span:nth-child(2){width:10%;height:2px;background:#fff;position:absolute;left:0;top:0}.screen-data-title .line span:nth-child(3){width:18%;height:2px;background:#fff;position:absolute;right:0;top:0}.screen-data-show{width:100%;height:calc(100% - 30px)}.screen-progress-box{width:100%;height:4px;background:#235174;position:relative}.screen-progress-box .data-box{height:4px;position:absolute;left:0;top:0}.screen-progress-box .data-box1{background:#99befc;width:80%}.screen-progress-box .data-box2{background:#55d6ef;width:60%}.screen-progress-box .data-box3{background:#fddd83;width:40%}.number1{color:#55d6ef}.number2{color:#fddd83}.number3{color:#f6926b}.number4{color:#99befc}