.offline{width:95%;height:80%;margin:0 auto;padding:20px;overflow:hidden;display:flex;align-content:center;justify-content:space-around}.offline .offline-container{width:49%;height:100%;padding:15px;background-image:url(../img/real-BG.910ed00a.png);background-size:100% 100%}.offline .offline-container .offline-box{width:100%;height:98%;overflow:auto}.offline .offline-left{position:relative}.offline .offline-left,.offline .offline-right{width:90%;margin:24px auto 10px}.offline .offline-title{width:100%}.offline .offline-title .title-txt{font-size:24px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:700;color:#000;background:linear-gradient(0deg,#7ec2ff 15%,#eff8ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.offline .offline-title .title-line{width:100%}.offline .condition{position:absolute;right:10px;top:75px;z-index:10}.offline .condition .el-popover__reference{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:400;color:#3cbcff;line-height:25px;cursor:pointer}.offline .condition .el-popover__reference img{width:16px;height:16px;margin-left:5px}.offline .offline-upload{width:100%;height:445px;margin:10px auto;padding-top:35px;text-align:center;background:rgba(19,71,148,.4)}.offline .offline-upload .el-form-item__content{line-height:0}.offline .offline-upload .el-form-item__error{color:#f56c6c;font-size:12px;line-height:2;padding-top:4px;position:absolute;top:100%;left:0;text-align:center;width:100%}.offline .offline-upload .tip1{font-size:18px;color:#11e0ff;line-height:32px;margin-top:10px}.offline .offline-upload .tip1,.offline .offline-upload .tip2{font-family:SourceHanSansCN-Regular,sans-serif;font-weight:400}.offline .offline-upload .tip2{font-size:14px;color:#fff;line-height:40px}.offline .offline-upload .analysis-progress{width:75%;height:120px;margin:0 auto}.offline .offline-upload .analysis-progress .el-loading-mask{background:transparent}.offline .offline-upload .analysis-progress .el-loading-spinner{margin-top:-40px}.offline .offline-upload .analysis-progress .el-loading-spinner i{color:#11e0ff;font-size:40px}.offline .offline-upload .analysis-progress .el-loading-spinner .el-loading-text{color:#11e0ff;margin:10px 0;font-size:30px;font-weight:700}.offline .offline-upload .analysis-sucss{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.offline .offline-upload .analysis-sucss img{width:55px;height:55px}.offline .offline-upload .analysis-sucss .txt1{color:#0ff}.offline .offline-upload .analysis-sucss .txt1,.offline .offline-upload .analysis-sucss .txt2{font-size:30px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:700;line-height:60px}.offline .offline-upload .analysis-sucss .txt2{color:#ff2e00}.offline .btn-box{width:100%;height:60px;margin-top:24px;display:flex;align-items:center;justify-content:center}.offline .btn-box .btn{width:170px;height:60px;padding:0 5px;cursor:pointer}.offline .jiance-info{width:98%;height:170px;margin:0 auto 13px;display:flex;align-items:center;flex-wrap:wrap;overflow-x:auto}.offline .jiance-info .each{width:39%;display:flex;align-items:center;justify-content:space-between}.offline .jiance-info .each.right{width:61%}.offline .jiance-info .each.right .value-wrap{width:72%}.offline .jiance-info .each .pic{width:110px;height:70px}.offline .jiance-info .each .value-wrap{width:57%}.offline .jiance-info .each .value-wrap.special{display:flex;flex-direction:row;justify-content:flex-start}.offline .jiance-info .each .value-wrap.special .special-each{width:50%;display:flex;flex-direction:column;justify-content:center}.offline .jiance-info .each .value-wrap .txt1-bg{width:110px;height:9px;margin-top:-15px;background:linear-gradient(90deg,rgba(3,182,221,.6) 1%,rgba(4,245,247,0))}.offline .jiance-info .each .value-wrap .txt1{font-size:20px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:500;color:#fff;line-height:34px}.offline .jiance-info .each .value-wrap .value-bottom{display:flex;align-items:center}.offline .jiance-info .each .value-wrap .txt2{font-size:28px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:700;color:#04f5f7;line-height:46px}.offline .jiance-info .each .value-wrap .txt3{font-size:18px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:500;color:#aed4d4;line-height:27px}.offline .jiance-info .each .value-wrap img{width:22px;height:22px}.offline .record-info{padding:10px 15px;font-size:20px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:400;color:#fff;line-height:40px}.offline .record-info .each{display:flex;align-items:flex-start}.offline .record-info .each .left{height:40px;display:flex;align-items:center}.offline .record-info .each .left .special{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #fff;border-radius:50%;font-size:13px}.offline .offline-data .el-input{width:450px}.offline .video-param{width:84%;padding:0 8%;margin:16px auto 0;display:flex;align-items:center;justify-content:space-around;font-size:16px;font-family:SourceHanSansCN-Regular,sans-serif;font-weight:400;color:#0ff;line-height:40px;background:rgba(19,71,148,.4)}.offline .video-param .el-divider{background-color:#0ff}