.demo_title{background:#fff;text-align:center}.demo_title h3{margin:0;padding-top:80px;padding-bottom:25px;color:#263858;font-size:24px;font-weight:500;line-height:1.4;position:relative;text-align:center}.demo_title p{font-size:14px;line-height:1.71;font-weight:400;color:#434343;padding:0;margin:0}.demo_body{margin-top:30px;background:#fff;width:1600px;height:900px}.demo_body .request{float:left;margin-left:320px;width:718px;height:775px;background:#eff3f6}.demo_body .request .img_menu .img_menu_ul{margin-top:20px;padding:0}.demo_body .request .img_menu .img_menu_li{float:left;width:122px;height:100px;margin-left:18px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.demo_body .request .img_menu .img_menu_li.active{border:5px solid #45999d}.demo_body .request .img_menu .img_menu_li img{width:100%;height:100%}.demo_body .request .image-container{width:690px;height:578px;margin:10px auto 10px}.demo_body .request .image-container .imageContainerResult{position:relative;height:100%;width:100%;margin:0;padding:0}.demo_body .request .image-container .imageContainerResult .canvasDiv,.demo_body .request .image-container .imageContainerResult .requestImg{position:absolute;max-width:100%;max-height:100%;vertical-align:middle;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.demo_body .request .image-container .imageContainerResult .showScanFlag{width:100%;position:absolute;z-index:7;top:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#3e88f1));background-image:linear-gradient(transparent,#3e88f1);border-bottom:3px solid #3e88f1;-webkit-animation:scan 1.1s infinite;animation:scan 1.1s infinite}.demo_body .result{float:left;margin-left:20px;width:518px;height:775px}.demo_body .result .tabs{width:100%;height:100%}.demo_body .result .tabs .result_body1{padding-top:30px}.demo_body .result .tabs .result_body1 span{color:#5a5a5a}.demo_body .result .tabs .result_body1 .span_style{font-size:14px;color:#5a5a5a;font-weight:bolder;letter-spacing:3px}.demo_body .result .tabs .result_body2{height:100%}@-webkit-keyframes scan{0%{height:0}to{opacity:0;height:578px}}@keyframes scan{0%{height:0}to{opacity:0;height:578px}}.el-button{width:200px}[data-v-8b43b136]:export{navbarHeight:68px;innerWidth:1920px;mainWidth:1915px}.main[data-v-8b43b136]{width:1915px}.main .titleItem[data-v-8b43b136]{width:33.33333%;height:100%;float:left;text-align:center}.main .demo_body[data-v-8b43b136]{background-color:#f9f9f9;margin-left:20%;width:60%;height:500px;margin-bottom:30px}.main .demo_body .bodyLeft[data-v-8b43b136]{float:left;width:12%}.main .demo_body .bodyCenter[data-v-8b43b136]{float:left;width:65%;height:100%}.main .demo_body .bodyCenter .video[data-v-8b43b136]{width:100%;height:100%;background-color:#000}.main .demo_body .bodyRight[data-v-8b43b136]{float:left;width:23%;height:100%}.main .minimg[data-v-8b43b136]{float:left;margin-left:11px;cursor:pointer}