.device-modal-box{position:fixed;width:100%;height:100%;background:#000;left:0;top:0;z-index:2022;min-height:500px}.device-modal-box .modal-title{position:absolute;width:100%;top:0;left:50%;height:84px;padding:12px 0;transform:translateX(-50%);font-size:12px;background:rgba(0,0,0,.75);color:#fff;z-index:10;display:flex;justify-content:center;align-items:center;text-align:center}.device-modal-box .modal-title span{display:inline-block;max-width:620px;text-align:left}.device-modal-box .modal-clear{position:absolute;top:15px;right:54px;width:54px;height:54px;border-radius:100%;color:#fff;font-size:30px;font-weight:700;display:flex;justify-content:center;align-items:center;transform:rotate(45deg);z-index:11;transition:.2s linear}.device-modal-box .modal-clear:hover{background:#000}.device-modal-box .modal-image-box{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}.device-modal-box .modal-image-box .image-box-mouse{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:url(https://img0.bdstatic.com/img/image/grabhand.cur),auto}.device-modal-box .modal-image-box .image-box-mouse img{width:100%;height:100%;pointer-events:none}.device-modal-box .modal-control-box{position:absolute;width:180px;height:48px;left:50%;transform:translateX(-50%);bottom:40px;background:#b6b6b6;border-radius:5px;z-index:11}.device-modal-box .modal-control-box .ivu-tooltip-inner{font-size:12px;min-height:20px;padding:6px 12px}.device-modal-box .modal-control-box a{float:left;width:60px;height:48px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#000;border-radius:5px;position:relative}.device-modal-box .modal-control-box a .b-before{content:"";width:1px;height:20px;background:#000;position:absolute;left:-1px;top:50%;transform:translateY(-50%)}.device-modal-box .modal-control-box a .enlarge{float:left;width:30px;height:30px;background:url(../img/icon-enlarge-black.847f0e14.svg) no-repeat;background-size:30px}.device-modal-box .modal-control-box a .narrow{float:left;width:30px;height:30px;background:url(../img/icon-narrow-black.79fc3196.svg) no-repeat;background-size:30px}.device-modal-box .modal-control-box .ivu-tooltip:hover a{background:#fff}.device-modal-box .modal-control-box .ivu-tooltip:hover+.ivu-tooltip .b-before,.device-modal-box .modal-control-box .ivu-tooltip:hover a .b-before{display:none}.device-modal-box .spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.device-modal-box .ivu-spin-fix{background-color:transparent;color:#fff}.layout-record-info{float:left;width:100%;min-height:100%;background:#fff;border:1px solid #dcdcdc;padding:10px}.layout-record-info .layout-device-bread{float:left;width:100%;height:30px;display:flex;align-items:center;border-bottom:1px solid #bbb}.layout-record-info .layout-device-bread .ivu-breadcrumb{font-size:12px}.layout-record-info .device-list-search{float:left;width:100%;padding:10px 0}.layout-record-info .device-list-search .device-list-btn{float:left;width:100%;margin-bottom:20px}.layout-record-info .device-list-search .device-list-btn .ivu-btn{margin-right:20px}.layout-record-info .device-list-search .device-list-btn .ivu-btn .ivu-icon{font-size:16px;line-height:normal}.layout-record-info .device-list-search .device-list-btn .ios-qr-code-white{width:16px;height:16px;background:url(../img/qr-code-white.6b93bef2.svg) no-repeat;background-size:16px 16px}.layout-record-info .device-list-search .list-back{float:left;width:100%}.layout-record-info .device-list-search .list-back a{float:left;height:35px;font-size:14px;color:#515a6e;display:flex;align-items:center}.layout-record-info .device-list-search .list-back a .ivu-icon{margin-left:-8px;font-size:30px}.layout-record-info .device-list-search .list-info{float:left;width:100%;padding-left:23px}.layout-record-info .device-list-search .list-info li{float:left;width:25%;font-size:12px;height:32px;display:flex;align-items:center;margin:5px 0}.layout-record-info .device-list-search .list-title{float:left;width:100%}.layout-record-info .device-list-search .list-title .name{float:left;height:35px;display:flex;align-items:center;font-size:14px;font-weight:400}.layout-record-info .device-list-search .list-title .ivu-btn{float:right}.layout-record-info .device-list{float:left;width:100%}.layout-record-info .device-list .time{display:block}.layout-record-info .device-list .time span{display:block;height:35px;line-height:35px;font-size:12px}.layout-record-info .device-list .device-number{color:#515a6e;text-decoration:underline}.layout-record-info .device-list .device-info{float:left;width:320px;margin:10px 0}.layout-record-info .device-list .device-info .image{float:left;width:60px;height:60px}.layout-record-info .device-list .device-info .device-text{float:left;width:260px;display:flex;align-items:center}.layout-record-info .device-list .device-info .device-text .box{flaot:left;width:250px;margin-left:10px}.layout-record-info .device-list .device-info .device-text .box .name{float:left;width:235px;font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.layout-record-info .device-list .device-info .device-text .box .type{float:left;width:100%;font-size:12px;margin:5px 0}.layout-record-info .device-list .device-info .device-text .box .info{float:left;width:100%}.layout-record-info .device-list .device-info .device-text .box .info .text{float:left;width:235px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.layout-record-info .device-list .handle a{color:#515a6e;margin:0 5px}.layout-record-info .device-list .handle a:hover{color:#2d8cf0}.layout-record-info .device-list .handle .handle-grey{margin:0 5px;color:#ccc}.layout-record-info .device-list .handle .ios-qr-code-blue{width:20px;height:20px;background:url(../img/qr-code-blue.2818a6dd.svg) no-repeat;background-size:20px 20px}.layout-record-info .device-list .device-list-page{float:left;width:100%;text-align:right;margin:20px 0;font-size:12px}.layout-record-info .device-list .record-video-no-data{float:left;width:100%;height:460px;background:url(../img/blank.d05b402c.svg) no-repeat 50%;background-size:300px}.layout-record-info .device-list .record-video-body{float:left;width:100%;display:flex;flex-direction:row}.layout-record-info .device-list .record-video-body .video-content{flex:1;position:relative}.layout-record-info .device-list .record-video-body .video-content .content{float:left;width:100%;padding:0 20px 0 10px;position:relative}.layout-record-info .device-list .record-video-body .video-content .content .video{float:left;width:100%;min-height:500px;background:#000;display:flex;align-items:center}.layout-record-info .device-list .record-video-body .video-content .content .video .video-no-data{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.layout-record-info .device-list .record-video-body .video-list{float:left;width:460px}.layout-record-info .device-list .record-video-body .video-list .video-list-title{float:left;width:100%;height:35px;display:flex;align-items:center}.layout-record-info .device-list .record-video-body .video-list .video-list-title span{float:left;margin-left:10px;font-size:16px}.layout-record-info .device-list .record-video-body .video-list .video-list-title span font{font-size:12px;color:#cdcdcd}.layout-record-info .device-list .record-video-body .video-list .video-list-body{float:left;width:100%;position:relative}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-header{float:left;width:100%;height:35px;background:#f2f2f2;font-size:12px;line-height:35px}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-header .number{float:left;width:60px;height:35px}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-header .end,.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-header .start{float:left;width:150px}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-header .time{float:left;width:94px;text-align:center}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body{float:left;width:100%;max-height:400px;overflow-y:scroll}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body::-webkit-scrollbar{width:6px;height:6px;background:#fff}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body::-webkit-scrollbar-thumb{background:#eff0f4}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body .video-body-li{float:left;width:100%;font-size:12px;min-height:35px;line-height:35px;cursor:pointer}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body .video-body-li .number{float:left;width:60px;height:35px;display:flex;align-items:center;justify-content:center}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body .video-body-li .end,.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body .video-body-li .start{float:left;width:150px}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body .video-body-li .time{float:left;width:94px;text-align:center}.layout-record-info .device-list .record-video-body .video-list .video-list-body .video-body .active{background:#ecf1ff;color:#2d8cf0}.layout-record-info .device-list .ivu-select-selected-value,.layout-record-info .device-list .ivu-table{font-size:12px}.layout-qr-code{width:100%;height:100%}.device-modal{display:block;width:100%;margin-bottom:15px}.device-modal .label{float:left;width:70px;height:35px;font-size:12px;display:flex;align-items:center}.device-modal .text-label{width:298px;min-height:35px;padding:5px 0;font-size:12px;vertical-align:top;display:flex;align-items:center}.device-footer{display:block;width:100%;padding-top:20px;text-align:right}.device-footer .ivu-btn{margin-left:20px}.record-table .ivu-table{overflow:inherit}.record-table .ivu-table-wrapper{overflow:visible}.record-table .ivu-table-header{overflow:inherit}.record-table .record-box{float:left;width:100%;display:flex;justify-content:center}.record-table .record-input{width:180px;text-align:left}.record-table .record-input .text-style{width:178px;border:1px solid #bbb;height:30px;background:#f3f3f3;border-radius:3px}.record-table .record-input .text-style span{float:left;padding:0 10px;height:28px;display:flex;align-items:center}.record-table .record-input .text-style .unit{float:right;color:#a0a0a0;border-left:1px solid #bbb}.record-table .record-table-body{float:left;width:100%}.record-table .record-table-body .table-head{float:left;width:100%;border-bottom:1px solid #e8eaec;font-size:12px}.record-table .record-table-body .table-head ul{display:flex;justify-content:space-around}.record-table .record-table-body .table-head ul li{flex:1;padding:8px 18px;font-weight:700;background:#f8f8f9;list-style-type:none}.record-table .record-table-body .table-body{float:left;width:100%;font-size:12px}.record-table .record-table-body .table-body .table-ul{float:left;width:100%}.record-table .record-table-body .table-body .table-ul .table-data{display:flex;justify-content:space-around}.record-table .record-table-body .table-body .table-ul .table-li{flex:1;min-height:48px;list-style-type:none;border-bottom:1px solid #e8eaec;display:flex;align-items:center}.record-table .record-table-body .table-body .table-ul .table-li .cell{display:block;padding:5px 18px}.record-table .record-table-body .table-body .table-ul .table-li .cell a{vertical-align:middle}.record-table .record-table-body .table-body .table-ul .table-li .cell a .ivu-icon{margin-left:10px}.record-table .record-table-body .table-body .table-ul .table-li .cell .visible{margin:0}.record-table .record-table-body .table-body .table-ul .table-li .cell .visible .ivu-icon{color:#313131;margin-right:5px}.record-table .record-table-body .table-body .table-ul .table-li .table-icon{float:left;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAIVJREFUOE9jZKASYKSSOQwoBgVF5Tn+/f+fB5/hzIxMH9ctm3goKCrfDkTD1KIY5B+Z60uMCzcun7wZpBZE08cgHiaGg0uXTv6E7LqAgAKB/5x/bZmYmP6vXzpxy6iLEGEECxtYeA1MGBFKS/RPR4PHRSExBQ6///7lpTjTEvISPnmqlUcALHOQE6cGc8kAAAAASUVORK5CYII=) no-repeat 50%;background-size:20px 20px;margin-left:18px}.record-table .record-table-body .table-body .table-ul:nth-child(odd){background:#fff}.record-table .record-table-body .table-body .table-ul:nth-child(2n){background:#f8f8f9}.record-table .record-table-body .table-body .table-item{float:left;flex:none;width:100%;background:#f2f8ff}.record-table .record-table-body .table-body .table-item .table-data{float:left;width:100%;display:flex;justify-content:space-around}.record-table .record-table-body .table-body .table-item .table-li{flex:1;min-height:48px;list-style-type:none;border-bottom:1px solid #e8eaec;display:flex;align-items:center}.record-table .record-table-body .table-body .table-item .table-li .cell{display:block;padding:5px 18px}.record-table .record-table-body .table-body .table-item .table-li .cell a{vertical-align:middle}.record-table .record-table-body .table-body .table-item .table-li .cell a .ivu-icon{margin-left:10px}.record-table .record-table-body .table-body .table-item .table-li .cell .visible{margin:0}.record-table .record-table-body .table-body .table-item .table-li .cell .visible .ivu-icon{color:#313131;margin-right:5px}.record-table .record-table-body .table-body .table-item .table-li .cell font{margin-right:15px}.voice-modal{display:block}.voice-modal .audio{display:block;width:100%;margin-bottom:10px;text-align:center}.voice-modal .voice-text{display:block}.voice-modal .voice-text .title{display:block;line-height:30px;font-size:12px;border-bottom:1px solid #e8eaec}.voice-modal .voice-text .text{display:block;font-size:12px;line-height:25px;word-break:break-all;padding-top:10px}.record-box .device-modal-record{padding:0 20px}.record-box .ivu-modal-header{padding:14px 36px}.record-box .ivu-modal-body{padding-top:5px}.device-modal-record{display:block;width:100%}.device-modal-record .label{width:100%;height:35px;font-size:12px;display:flex;align-items:center;font-weight:700}.device-modal-record .label font{font-weight:400}.device-modal-record .label a{margin-left:20px;font-size:12px;font-weight:400;vertical-align:middle}.device-modal-record .label .look-image{float:left;width:20px;height:20px;background:url(../img/icon-enlarge-blue.1287d529.svg) no-repeat 50%;background-size:20px 20px}.device-modal-record .text-label{width:100%;height:35px;font-size:12px;line-height:35px;margin-bottom:10px}.device-modal-record .image-label{width:100%}.device-modal-record .image-cell{text-align:center}.device-modal-record .image-cell img{height:300px}.device-modal-record .image-list{width:100%;height:320px}.device-modal-record .image-list .image-l{left:12px}.device-modal-record .image-list .image-l,.device-modal-record .image-list .image-r{position:absolute;width:28px;height:96px;border-radius:5px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:100}.device-modal-record .image-list .image-r{right:12px}.device-modal-record .image-list .ivu-icon{color:#313131}.device-modal-record .image-list .image-box{width:100%;height:320px;overflow:hidden;position:relative}.device-modal-record .image-list .image-content{display:block;height:320px;text-align:center;transition:transform .5s ease 0s}.device-modal-record .image-list .image-content .box{float:left;width:428px;height:320px;text-align:center}.device-modal-record .image-list .image-content .box img{height:320px}.device-modal-record .voice-box{display:block;width:100%;padding-top:10px;position:relative}.device-modal-record .voice-box li{display:block;list-style-type:none;padding-bottom:20px}.device-modal-record .voice-box li .voice-box-audio{width:100%;height:40px;border-radius:30px;background:#eee;padding:5px}.device-modal-record .voice-box li .voice-box-audio a{float:left;width:30px;height:30px;border-radius:100%;background:#525b6d;color:#fff;line-height:30px;padding-left:9px;margin-right:20px}.device-modal-record .voice-box li .voice-box-audio .time{float:left;height:30px;line-height:30px;font-size:12px}.device-modal-record .voice-box li .play{background:#e1eefd}.device-modal-record .voice-box li .play a{background:#348fed;padding:0;text-align:center;line-height:30px}.device-modal-record .voice-box li .voice-box-text{width:100%;margin-top:10px}.device-modal-record .voice-box li .voice-box-text .title{float:left;color:#8a8a8a;font-size:12px;margin-left:5px;line-height:20px}.device-modal-record .voice-box li .voice-box-text .text{display:inline-block;width:360px;font-size:12px;line-height:20px}.device-modal-record .voice-box .voice{display:none}.device-modal-record .voice-box .audio{position:absolute;width:300px;height:40px;right:0;top:14px;z-index:100}.device-modal-record .voice-box .audio audio{width:300px;height:40px}.device-modal-record .voice-box .audio-box{position:relative;width:100%}.device-modal-record .voice-box .audio-box .time{width:100%;height:24px;font-size:12px;line-height:24px}.device-modal-record .voice-box .audio-box .text-down{position:relative;line-height:19px;font-size:12px}.device-modal-record .voice-box .audio-box .text-down .ivu-icon{position:absolute;top:0;right:-20px}.device-modal-record .voice-box .audio-box .audio-text{width:100%;font-size:12px;line-height:16px;margin-top:8px}.voice-record{margin-top:10px}.record-image{width:100%;margin-bottom:20px}.task-btn{text-align:left}.task-btn .ivu-btn:first-child{margin-left:70px}.ivu-table{overflow:inherit!important}.ivu-modal-header-inner,.ivu-table{font-size:12px}.batch-underline,.batch-underline:hover{text-decoration:underline}.ivu-dropdown-menu{min-width:auto}.ivu-dropdown-item{font-size:12px!important}