.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-device-add{float:left;width:100%;min-height:100%;height:calc(100% - 30px);background:#fff;padding:10px 20px}.layout-device-add .layout-device-bread{float:left;width:100%;height:30px}.layout-device-add .layout-device-bread .list-back{float:left;width:100%}.layout-device-add .layout-device-bread .list-back a{float:left;height:35px;font-size:12px;color:#515a6e;display:flex;align-items:center;font-family:none}.layout-device-add .layout-device-bread .list-back a .ivu-icon{margin-left:-8px;margin-right:5px}.layout-device-add .layout-device-bread .list-back a .exit{width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAiNJREFUaEPtWrFKA0EQfatG8AMsLPQnbCwsrEREkAQCJjF2oiA5xC+In+BpLMT6LFJc1MLCIog/Y5VayJnVCIHkTHKz3N5GdiftvZuZN29mdnJ3Ao79hGN8wYRtV5wVnqRwseqtRV9oANj7Z1XwuNCNTpvN2w9KXGSF82XvHcAmxah5jHgJg6tdil8VwpJicEaYzzDwlyi+qYRFvuz1KAZnhQkDn8SFBALAhPtKUrOqW/V82fvTXtRYUilMdcKEU2aAFVZoLy7plNVm5HYTJW2ECNUJE86gh6nJN4JjhbNWuFisL0a5TiMM/GMjksacGFW4cHi+Inu9ZwDrNm9avzkuVGobUoonAMu279IolGonUggfwOKgwqxUuN+v3VznXgDVeL9aR3i4X8cNJ6sIx/vVasL5incGiZukI0cAl0mYpOtSynb4cP2WhBu+ru1YmtavKgGpYH8eXdRbga+UOC2Ek/pVhYQKlgkTsqVF4b4fp0p6ZCi4MrSGSTt1LA2IJw0yqxaPAWmnVsuREnflz8O0vraypOPHolMPAOJ93Qr8I8KeoB2ibfHQHllGBplw1k8tMxKObJYVZoUnFwu/Lp2Qm7Eftdi8eDBh2988sMLkQ9MQkDpPUk1pQ1xIbnQTxrjthhSJIZB+wqVaG0JsGYpf1c1rGPjblJuoJY39g4vVufnoDhI7FMMGMdl8IG6QQKauyApnGoVB40zYYLJn4so5hb8B/3SLTDlbODEAAAAASUVORK5CYII=) no-repeat 50%;background-size:20px}.layout-device-add .layout-device-li{float:left;width:100%;height:calc(100% - 30px);display:flex;align-items:center;justify-content:center}.layout-device-add .layout-device-li .box{width:500px}.layout-device-add .layout-device-li .item{float:left;width:100%;margin-bottom:20px;list-style-type:none}.layout-device-add .layout-device-li .item .ivu-cascader{display:inline-block}.layout-device-add .layout-device-li .item .label{float:left;width:80px;height:32px;display:flex;align-items:center;position:relative}.layout-device-add .layout-device-li .item .add{margin-left:20px;vertical-align:middle}.layout-device-add .layout-device-li .item .icon-manage{width:16px;height:16px;background:url(../img/icon-manage-blue.9e4986ab.svg) no-repeat;background-size:16px;vertical-align:middle}.layout-device-add .layout-device-li .item .required:before{content:"*";position:absolute;left:-10px;top:50%;transform:translateY(-50%);color:red;font-size:18px}.layout-device-add .layout-device-li .item .device-upload{float:left;width:120px;height:120px;background:#eff0f4;border:1px solid #dcdcdc;position:relative}.layout-device-add .layout-device-li .item .device-upload .progress{float:left;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.layout-device-add .layout-device-li .item .device-upload .progress .ivu-progress-outer{padding-left:5px;padding-right:30px;margin-right:-35px}.layout-device-add .layout-device-li .item .device-upload .btn{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:#515a6e}.layout-device-add .layout-device-li .item .device-upload .icon{font-size:40px}.layout-device-add .layout-device-li .item .device-upload .file{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}.layout-device-add .layout-device-li .item .device-upload .file-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.layout-device-add .layout-device-li .item .device-upload .file-image .image{float:left;width:100%;height:100%}.layout-device-add .layout-device-li .item .device-upload .file-image:hover .handle{display:block}.layout-device-add .layout-device-li .item .device-upload .file-image .handle{position:absolute;width:100%;height:100%;text-align:center;left:0;top:0;background:rgba(0,0,0,.6);display:none}.layout-device-add .layout-device-li .item .device-upload .file-image .handle .box{flaot:left;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;text-align:center}.layout-device-add .layout-device-li .item .device-upload .file-image .handle .box a{color:#fff;display:inline-block;margin:0 10px}.layout-device-add .layout-device-li .item .device-upload .file-image .handle .box .look-big{width:30px;height:30px;background:url(../img/icon-enlarge-white.49878347.svg) no-repeat;background-size:contain}.layout-device-add .layout-device-li .layout-device-btn{margin-top:50px}.layout-device-add .layout-device-li .layout-device-btn .ivu-btn{margin-right:30px;width:160px}.device-modal{display:flex;width:100%;padding-bottom:10px;justify-content:center}.device-modal .label{float:left;height:32px;font-size:14px;display:flex;align-items:center}.device-footer{display:block;width:100%;padding-top:10px;text-align:center}.device-footer .ivu-btn{margin:0 10px}.device-modal-info-box{display:block;width:100%}.device-modal-info-box .device-modal-title{width:100%}.device-modal-info-box .device-modal-title .modal-search{display:inline-block;width:408px;height:32px;border:1px solid #dcdcdc;padding-left:35px;position:relative}.device-modal-info-box .device-modal-title .modal-search .search{position:absolute;left:0;top:0;width:35px;height:30px;display:flex;justify-content:center;align-items:center}.device-modal-info-box .device-modal-title .modal-search .ivu-input{border:none;height:30px}.device-modal-info-box .device-modal-title .modal-search .ivu-input:focus{box-shadow:none}.device-modal-info-box .device-modal-title .modal-btn{float:right}.device-modal-info-box .device-modal-title .modal-btn .ivu-btn{margin-left:10px}.device-modal-info-box .device-modal-list{width:100%;height:275px;border:1px solid #dcdcdc;border-radius:3px;margin-top:16px;overflow-y:scroll}.device-modal-info-box .device-modal-list .no-data{float:left;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:12px}.device-modal-info-box .device-modal-list li{float:left;width:100%;height:42px;position:relative}.device-modal-info-box .device-modal-list li .text{float:left;height:32px;width:402px;display:flex;align-items:center;margin-left:20px;margin-top:5px;margin-bottom:5px;padding-left:10px;cursor:pointer}.device-modal-info-box .device-modal-list li:hover .btn{display:block}.device-modal-info-box .device-modal-list li .modal-add{float:left;height:32px;width:402px;display:flex;align-items:center;margin-left:20px;margin-top:5px;margin-bottom:5px}.device-modal-info-box .device-modal-list li .modal-add .ivu-input{padding:4px 9px;border-color:#2d8cf0}.device-modal-info-box .device-modal-list .modal-hover:hover{background:#f0f1f2}.device-modal-info-box .device-modal-list .modal-text .btn{position:absolute;right:61px;top:5px;height:32px;display:none}.device-modal-info-box .device-modal-list .modal-text .btn a{float:left;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:20px;margin-left:15px}.device-modal-info-box .device-modal-list .modal-add-li{position:relative}.device-modal-info-box .device-modal-list .modal-add-li .btn{float:left;height:32px;margin-top:5px}.device-modal-info-box .device-modal-list .modal-add-li .btn a{float:left;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:25px;margin-left:10px}.device-modal-info-box .device-modal-list .modal-add-li .modal-print{float:left;height:32px;margin-top:5px;margin-left:10px;display:flex;align-items:center;color:#fc0d1b}.device-modal-info-box .device-modal-btn{display:block;width:100%;padding:19px 0;text-align:right}.device-modal-info-box .device-modal-btn .ivu-icon{font-size:20px}.device-modal-info-box .device-modal-btn span{margin-left:0;position:relative;top:-1px}