.onlineExperience{width:100%}.onlineExperience .con-top{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:24px;height:430px}.onlineExperience .con-top .img-wrap{position:relative;width:69%;height:100%;background:#d1d6e1}.onlineExperience .con-top .img-wrap img{max-width:100%;max-height:100%}.onlineExperience .con-top .img-wrap video{width:100%;height:calc(100% - 103px)}.onlineExperience .con-top .img-wrap .img-nodata{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:300px}.onlineExperience .con-top .img-wrap .img-nodata i{font-size:50px}.onlineExperience .con-top .img-wrap .operate-wrap{width:100%;height:103px;background:rgba(0,0,0,.5);padding:16px 14px;position:absolute;bottom:0;left:0;color:#bbb}.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#bbb;margin-bottom:7px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .input{display:-webkit-box;display:-ms-flexbox;display:flex;width:85%}.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .input .el-input .el-input__inner{background:transparent;border:1px solid #99a4b0;border-radius:2px 0 0 2px;color:#bbb}.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .input .check{width:82px;height:32px;border:1px solid #99a4b0;border-radius:2px;background:transparent;color:#bbb;margin-left:-1px}.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .upload-demo .el-button--primary{background:#246df2;border-color:#246df2}.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .upload-demo .el-button--primary.is-disabled,.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .upload-demo .el-button--primary.is-disabled:active,.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .upload-demo .el-button--primary.is-disabled:focus,.onlineExperience .con-top .img-wrap .operate-wrap .upload-wrap .upload-demo .el-button--primary.is-disabled:hover{background-color:#85acf5;border-color:#85acf5}.onlineExperience .con-top .img-wrap .operate-wrap .submit-upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.onlineExperience .con-top .img-wrap .operate-wrap .submit-upload .el-button--primary{background:#246df2;border-color:#246df2}.onlineExperience .con-top .img-wrap .operate-wrap .submit-upload .el-button--primary.is-disabled,.onlineExperience .con-top .img-wrap .operate-wrap .submit-upload .el-button--primary.is-disabled:active,.onlineExperience .con-top .img-wrap .operate-wrap .submit-upload .el-button--primary.is-disabled:focus,.onlineExperience .con-top .img-wrap .operate-wrap .submit-upload .el-button--primary.is-disabled:hover{background-color:#85acf5;border-color:#85acf5}.onlineExperience .con-top .img-wrap .operate-wrap .tips-txt{font-size:12px}.onlineExperience .con-top .img-wrap .operate-wrap .tips-wrap.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.onlineExperience .con-top .img-wrap .operate-wrap .tips-wrap.flex .tips-txt{width:85%}.onlineExperience .con-top .result-con{background:#fff;width:31%;height:100%;padding:27px 20px}.onlineExperience .con-top .result-con pre{white-space:pre-wrap;word-wrap:break-word}.onlineExperience .con-top .result-con .el-tabs{height:100%}.onlineExperience .con-top .result-con .el-tabs .el-tabs__item.is-active{color:#246df2;font-weight:700}.onlineExperience .con-top .result-con .el-tabs .el-tabs__active-bar{background-color:#246df2}.onlineExperience .con-top .result-con .el-tabs .el-tabs__item:hover{color:#246df2}.onlineExperience .con-top .result-con .el-tabs .el-tabs__content{height:calc(100% - 55px)}.onlineExperience .con-top .result-con .el-tabs .el-tab-pane{height:100%;overflow-y:auto;overflow-x:hidden}.onlineExperience .con-top .result-con .el-tabs .el-tab-pane::-webkit-scrollbar{width:6px;height:1px}.onlineExperience .con-top .result-con .el-tabs .el-tab-pane::-webkit-scrollbar-thumb{border-radius:3px;background:#d7dbe5}.onlineExperience .con-top .result-con .identify-results-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:13px}.onlineExperience .con-top .result-con .identify-results-wrap .results-item{padding:0 7px;height:32px;line-height:32px;margin-right:12px;background:rgba(36,109,242,.05);border-radius:2px;font-size:14px;border:1px solid transparent;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.onlineExperience .con-top .result-con .identify-results-wrap .results-item.active{border-color:#246df2}.onlineExperience .con-top .result-con .json-con .table-con{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;min-height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 22px}.onlineExperience .con-top .result-con .json-con .table-con div:first-child{width:32%;margin-right:1%}.onlineExperience .con-top .result-con .json-con .table-con div:nth-child(2){width:67%}.onlineExperience .con-top .result-con .json-con .table-con.table-header{background:#f4f8fe}.onlineExperience .con-top .result-con .json-con .tabel-nodata{height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.onlineExperience .con-top .result-con .result-request-wrap{padding-right:10px}.onlineExperience .con-top .result-con .result-request-wrap .demo-json-req{margin-top:16px;font-size:14px}.onlineExperience .con-top .result-con .result-request-wrap .demo-json-req .demo-json-text{width:100%;margin-top:10px;color:#666;line-height:21px}.onlineExperience .con-top .result-con .result-request-wrap .el-form-item__label{float:none;word-break:break-word}.onlineExperience .con-top .result-con .result-request-wrap .el-form-item__content{margin-left:0!important}.onlineExperience .con-img{display:-webkit-box;display:-ms-flexbox;display:flex}.onlineExperience .con-img audio,.onlineExperience .con-img img,.onlineExperience .con-img video{width:210px;height:120px;cursor:pointer;margin-right:33px}.onlineExperience .con-img .active{border:2px solid #0073eb}