.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-config{float:left;width:100%;height:100%;display:flex;flex-direction:column;background:#eff0f4;position:relative}.layout-device-config .config-header{float:left;width:100%;height:45px;padding:10px 0;background:#fff;border-bottom:1px solid #dcdcdc;position:relative}.layout-device-config .config-header .header-left{float:left;height:25px;display:flex;align-items:center}.layout-device-config .config-header .header-left .back{float:left;color:#515a6e;font-size:20px;margin:0 5px}.layout-device-config .config-header .header-left .ivu-input{width:300px;height:25px;color:#000;font-size:16px}.layout-device-config .config-header .header-left .left .ivu-input{text-align:left}.layout-device-config .config-header .header-left .center .ivu-input{text-align:center}.layout-device-config .config-header .config-operate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.layout-device-config .config-header .config-operate .ivu-tooltip{height:32px;float:left}.layout-device-config .config-header .config-operate a{float:left;width:32px;height:32px;margin:0 14px;position:relative;background-position:50%;background-repeat:no-repeat}.layout-device-config .config-header .config-operate .before:before{position:absolute;content:"";width:1px;height:20px;background:#dcdcdc;right:-14px;top:50%;transform:translateY(-50%);pointer-events:none}.layout-device-config .config-header .config-operate .break{background-image:url(../img/icon-break.bbd64593.svg);background-size:18px 18px}.layout-device-config .config-header .config-operate .break-grey{background-image:url(../img/icon-break-grey.8dd036a9.svg);background-size:18px 18px;cursor:auto}.layout-device-config .config-header .config-operate .fixed-black{background-image:url(../img/icon-fixed-black.de967154.svg);background-size:22px 22px}.layout-device-config .config-header .config-operate .fixed-blue{background-image:url(../img/icon-fixed-blue.2e1376eb.svg);background-size:22px 22px;background-color:#ebf7ff;border-radius:5px}.layout-device-config .config-header .config-operate .fixed-grey{background-image:url(../img/icon-fixed-grey.247cd6f5.svg);background-size:22px 22px;cursor:auto}.layout-device-config .config-header .config-operate .clean-up{background-image:url(../img/icon-clean-up.9fedd75b.svg);background-size:20px 20px}.layout-device-config .config-header .config-operate .clean-up-grey{background-image:url(../img/icon-clean-up-grey.5abda089.svg);background-size:20px 20px;cursor:auto}.layout-device-config .config-header .config-operate .config-zoom{float:left;height:32px;margin:0 14px}.layout-device-config .config-header .config-operate .minus-sign{background-image:url(../img/icon-minus-sign.0528c98d.svg);background-size:18px 18px}.layout-device-config .config-header .config-operate .plus-sign{background-image:url(../img/icon-plus-sign.eddbc270.svg);background-size:18px 18px}.layout-device-config .config-header .config-operate .number{float:left;width:40px;line-height:32px;text-align:center;margin:0;color:#515a6e}.layout-device-config .config-header .config-operate .upload-input{display:none}.layout-device-config .config-header .header-right{float:right;height:25px;display:flex;align-items:center;padding-right:20px}.layout-device-config .config-header .header-right .icon{float:left;font-size:20px;height:25px;margin:0 5px}.layout-device-config .config-header .header-right .icon .image{float:left;width:20px;height:25px;background-repeat:no-repeat;background-size:20px 20px;background-position:50%}.layout-device-config .config-header .header-right .icon .hold{background-image:url(../img/icon-hold.5fa4c152.svg)}.layout-device-config .config-header .header-right .icon .upload{background-image:url(../img/icon-upload.62602a24.svg)}.layout-device-config .config-header .header-right .icon .down-load{background-image:url(../img/icon-download-blue.bb700c1b.svg)}.layout-device-config .config-header .header-right .icon .recall{background-image:url(../img/icon-recall-blue.80fefbd0.svg)}.layout-device-config .config-body{float:left;width:100%;height:100%;position:relative;flex:1;overflow:hidden}.layout-device-config .config-body .config-scroller{position:relative;box-sizing:border-box;outline:none;width:100%;height:100%;background:url(../img/icon-grid.01878235.svg);overflow:hidden;display:flex;flex-direction:row}.layout-device-config .config-body .config-scroller .config-add{position:absolute;width:454px;height:341px;background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.4);left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1}.layout-device-config .config-body .config-scroller .config-add .file{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}.layout-device-config .config-body .config-scroller .config-add .add-icon{float:left;width:100%;display:flex;justify-content:center}.layout-device-config .config-body .config-scroller .config-add .add-icon a{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#e2eafb}.layout-device-config .config-body .config-scroller .config-add .add-text{float:left;width:100%;text-align:center;margin-top:12px;color:#a0a0a0;font-size:14px;line-height:25px}.layout-device-config .config-body .config-scroller .config-add .progress{float:left;width:400px}.layout-device-config .config-body .config-scroller .config-add .progress .ivu-progress-outer{padding-right:35px;margin-right:-30px}.layout-device-config .config-body .config-scroller .tab-list{float:left;width:220px;height:100%;background:#fff;display:flex;flex-direction:column;border-right:1px solid #dcdcdc}.layout-device-config .config-body .config-scroller .tab-list .tab-title{float:left;width:100%;height:70.5px;border-bottom:1px solid #dcdcdc;display:flex;align-items:center;padding-left:20px;font-size:14px;font-weight:700}.layout-device-config .config-body .config-scroller .tab-list .list{float:left;width:100%;height:100%;flex:1;overflow-y:scroll}.layout-device-config .config-body .config-scroller .tab-list .list::-webkit-scrollbar{display:none}.layout-device-config .config-body .config-scroller .tab-list .list .no-data{float:left;width:100%;height:128px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#dcdcdc}.layout-device-config .config-body .config-scroller .tab-list .list li{float:left;width:100%;height:40px;padding:0 20px;line-height:40px;font-size:14px}.layout-device-config .config-body .config-scroller .tab-list .list li a{color:#515a6e}.layout-device-config .config-body .config-scroller .tab-list .list .active{background:#ecf7ff}.layout-device-config .config-body .config-scroller .tab-list .look{float:left;width:100%;height:208px}.layout-device-config .config-body .config-scroller .tab-list .look .look-title{float:left;width:100%;height:40px;background:#383b52}.layout-device-config .config-body .config-scroller .tab-list .look .look-title .look-text{float:left;height:40px;font-size:14px;color:#fff;font-weight:700;margin-left:15px;line-height:40px}.layout-device-config .config-body .config-scroller .tab-list .look .look-title .look-a{float:right;width:64px;height:40px;background:url(../img/icon-enlarge-white.49878347.svg) no-repeat 50% #2d8cf0;background-size:25px 25px}.layout-device-config .config-body .config-scroller .tab-list .look .look-content{float:left;width:100%;height:168px}.layout-device-config .config-body .config-scroller .tab-list .look .look-content .look-image{float:left;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.layout-device-config .config-body .config-scroller .config-content{float:left;width:100%;height:100%;position:relative;flex:1;overflow:hidden}.layout-device-config .config-body .config-scroller .config-content .config-tips{position:absolute;left:0;right:0;height:30px;font-size:12px;background:#344252;display:flex;align-items:center;justify-content:center;line-height:20px;color:#fff;z-index:10}.layout-device-config .config-body .config-scroller .config-content .config-tips .info-icon{float:left;width:20px;height:20px;margin-right:2px;background-image:url(../img/icon-info-white.a4e73dbe.svg);background-repeat:no-repeat;background-size:16px 16px;background-position:50%}.layout-device-config .config-body .config-scroller .config-content .config-image-body{position:absolute;background:#fff}.layout-device-config .config-body .config-scroller .config-content .config-image-body img{float:left;width:100%;height:100%;pointer-events:none}.layout-device-config .config-body .config-scroller .config-content .mouse{cursor:-webkit-grab;cursor:grab}.layout-device-config .config-body .config-scroller .config-content .mouse:active{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-device-config .config-body .config-scroller .config-content .config-sign{position:absolute;width:100%;height:100%;left:0;top:0;cursor:crosshair}.layout-device-config .config-body .config-scroller .config-content .sign{display:none;pointer-events:none}.layout-device-config .config-body .config-scroller .config-content .sign,.layout-device-config .config-body .config-scroller .config-content .sign-fixed{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-device-config .config-body .config-scroller .config-content .sign-fixed a{position:absolute;left:50%;top:50%;width:30px;height:30px;color:#3b6eff;font-size:12px;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);background:url(../img/icon-fixed-bk.46e8e9ed.svg) no-repeat;background-size:30px 30px}.layout-device-config .config-body .config-scroller .config-content .sign-fixed a:hover{color:#fff;background:url(../img/icon-fixed-bk-select.69df2b60.svg) no-repeat}.layout-device-config .config-body .config-scroller .config-content .active-box{border:1px dashed #3b6eff;background-color:rgba(59,110,255,.1);display:block}.layout-device-config .config-body .config-scroller .config-content .sign-box{position:absolute;background-color:rgba(59,110,255,.1);border:1px dashed #3b6eff;cursor:move;z-index:10}.layout-device-config .config-body .config-scroller .config-content .event{pointer-events:none}.layout-device-config .config-body .config-scroller .config-content .move{cursor:move}.layout-device-config .config-body .config-scroller .config-content .sign-look{position:absolute;min-width:110px;height:50px;padding:5px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3)}.layout-device-config .config-body .config-scroller .config-content .sign-look:before{position:absolute;content:"";width:0;height:0;bottom:-8px;right:10px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.layout-device-config .config-body .config-scroller .config-content .sign-look .name{float:left;width:100%;height:20px;font-size:12px;line-height:20px}.layout-device-config .config-body .config-scroller .config-content .sign-look .edit{float:left;width:100%;height:20px;text-align:right}.layout-device-config .config-body .config-scroller .config-content .sign-look .edit a{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;color:#515a6e;margin-left:10px}.layout-device-config .config-body .config-scroller .config-content .sign-relevance{position:absolute;width:180px;height:32px;background:#313131;border-radius:3px}.layout-device-config .config-body .config-scroller .config-content .sign-relevance a{float:left;padding:6px 0;margin:0 20px;width:20px;height:32px;color:#fff;position:relative}.layout-device-config .config-body .config-scroller .config-content .sign-relevance a:before{position:absolute;content:"";width:1px;height:20px;background:#a0a0a0;top:6px;right:-20px}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .select{color:#3b6eff}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .unchecked{color:hsla(0,0%,62.7%,.6);cursor:default}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .unchecked:before{width:0}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .checked{color:#61ed00}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .checked:before{width:0}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .sign-select-tabs{position:absolute;left:-140px;top:45px;width:344px;height:48px;padding:8px;border-radius:5px;background:#313131}.layout-device-config .config-body .config-scroller .config-content .sign-relevance .sign-select-tabs:before{position:absolute;content:"";width:0;height:0;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #313131}