#app{font-family:Avenir,Helvetica,Arial,sans-serif;position:absolute;left:0;top:0;width:100%;height:100%;background:#f0f2f5}.home-header[data-v-6e430498]{height:60px;justify-content:space-between;padding:0 20px}.home-header .header-logo[data-v-6e430498],.home-header[data-v-6e430498]{display:flex;align-items:center}.home-header .header-logo .logo-icon[data-v-6e430498]{max-width:100px;height:32px;margin-right:10px}.home-header .header-logo .logo-text[data-v-6e430498]{color:#fff;font-size:16px;font-weight:700}.layout[data-v-7ad0ecff]{width:100%;height:100%}.layout .layout-header[data-v-7ad0ecff]{height:60px;background:#000;width:100%}.layout .layout-body[data-v-7ad0ecff]{height:calc(100% - 60px);overflow:hidden;width:100%}.layout .layout-body .layout_left[data-v-7ad0ecff]{width:310px;height:100%;background:#fff;float:left}.layout .layout-body .layout_right[data-v-7ad0ecff]{width:calc(100% - 310px);height:100%;border-right:1px solid #e1e1e1;float:right}.layout .layout-body .layout_right .layout_content[data-v-7ad0ecff]{width:100%;height:100%;padding:12px}*{padding:0;margin:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;color:#303133}.device-tree-node{display:flex;align-items:center}.device-tree-node .tree-icon{width:25px;margin-right:8px}.device-tree-node .tree-icon1{width:21px;margin-right:8px}.device-tree-node .tree-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block;vertical-align:middle}.el-date-editor{width:100%!important}.mb20{margin-bottom:20px}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;height:100px;width:100px;display:flex;align-items:center;justify-content:center}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar{display:block}.avatar,.upMaterial{width:100px;height:100px}.upMaterial{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 10px 10px 10px}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .5s}.fade-transform-enter{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.customGraphicClass .upload-btn,.fileIssuedClass .upload-btn{margin:10px 0}.customGraphicClass .graphic,.fileIssuedClass .graphic{background:#f5f5f5}.customGraphicClass .graphic .upload-demo .el-upload-dragger,.fileIssuedClass .graphic .upload-demo .el-upload-dragger{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.customGraphicClass .graphic .upload-demo .el-upload-dragger i,.fileIssuedClass .graphic .upload-demo .el-upload-dragger i{font-size:50px;color:#aaa}.customGraphicClass .graphic .upload-demo .el-upload-dragger .el-upload__text,.fileIssuedClass .graphic .upload-demo .el-upload-dragger .el-upload__text{margin:10px}.customGraphicClass .graphic .el-upload-dragger .el-icon-upload,.fileIssuedClass .graphic .el-upload-dragger .el-icon-upload{font-size:67px;color:#c0c4cc;margin:16px 0;line-height:50px}.customGraphicClass .graphic .fig,.fileIssuedClass .graphic .fig{width:150px;height:150px;border:1px dashed #aaa;display:flex;justify-content:center;align-items:center}.customGraphicClass .graphic .fig i,.fileIssuedClass .graphic .fig i{font-size:50px;color:#aaa}.customGraphicClass .graphic .fig img,.fileIssuedClass .graphic .fig img{width:100%;height:100%}.customGraphicClass .graphic .boot-animation,.fileIssuedClass .graphic .boot-animation{width:100px;height:100px;border:1px dashed #aaa;margin:0 auto 20px auto;display:flex;justify-content:center;align-items:center}.customGraphicClass .graphic .boot-animation i,.fileIssuedClass .graphic .boot-animation i{font-size:30px;color:#aaa}.customGraphicClass .graphic .boot-animation img,.fileIssuedClass .graphic .boot-animation img{width:100%;height:100%}.customGraphicClass .graphic .file-list,.fileIssuedClass .graphic .file-list{list-style:none;padding:10px;width:100%;box-sizing:border-box;height:300px;overflow-y:auto}.customGraphicClass .graphic .file-list li,.fileIssuedClass .graphic .file-list li{padding:0;display:flex;border-bottom:1px solid #ccc;height:50px}.customGraphicClass .graphic .file-list li>div,.fileIssuedClass .graphic .file-list li>div{line-height:50px;text-align:center;font-size:12px}.customGraphicClass .graphic .file-list li .file-name,.fileIssuedClass .graphic .file-list li .file-name{width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;text-indent:14px;line-height:50px}.customGraphicClass .graphic .file-list li .file-size,.fileIssuedClass .graphic .file-list li .file-size{width:10%}.customGraphicClass .graphic .file-list li .file-state,.fileIssuedClass .graphic .file-list li .file-state{width:10%;text-align:center}.customGraphicClass .graphic .file-list li .file-state i,.fileIssuedClass .graphic .file-list li .file-state i{font-size:18px}.customGraphicClass .graphic .file-list li .file-progress,.fileIssuedClass .graphic .file-list li .file-progress{width:40%}.customGraphicClass .graphic .file-list li .file-progress>div,.fileIssuedClass .graphic .file-list li .file-progress>div{width:100%;height:100%;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;justify-content:center}.customGraphicClass .graphic .file-list li .file-progress>div .el-progress,.fileIssuedClass .graphic .file-list li .file-progress>div .el-progress{width:100%}.customGraphicClass .graphic .progress-list,.fileIssuedClass .graphic .progress-list{max-height:400px;overflow:auto}.customGraphicClass .graphic .progress-list .progress-item,.fileIssuedClass .graphic .progress-list .progress-item{padding:8px 0}.customGraphicClass .graphic .progress-list .progress-item .progress-top,.fileIssuedClass .graphic .progress-list .progress-item .progress-top{display:flex;justify-content:space-between;align-items:center;padding-right:25px;margin-bottom:8px}.customGraphicClass .graphic .progress-list .progress-item .progress-top .file-name,.fileIssuedClass .graphic .progress-list .progress-item .progress-top .file-name{width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customGraphicClass .graphic .progress,.fileIssuedClass .graphic .progress{overflow:auto}.customGraphicClass .graphic .progress .progress-item,.fileIssuedClass .graphic .progress .progress-item{padding:8px 0}.customGraphicClass .graphic .progress .progress-item .progress-top,.fileIssuedClass .graphic .progress .progress-item .progress-top{display:flex;justify-content:space-between;align-items:center;padding-right:25px;margin-bottom:8px}.customGraphicClass .graphic .progress .progress-item .progress-top .file-name,.fileIssuedClass .graphic .progress .progress-item .progress-top .file-name{width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customGraphicClass .graphic .location,.fileIssuedClass .graphic .location{margin:20px auto 10px auto;width:300px;height:300px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.customGraphicClass .graphic .location div,.fileIssuedClass .graphic .location div{width:100px;height:100px;display:flex;justify-content:center;align-items:center;font-size:40px;cursor:pointer;border:1px solid #aaa;background:#ecf5ff;box-sizing:border-box}.customGraphicClass .graphic .location .activationLoca,.fileIssuedClass .graphic .location .activationLoca{background:#b3d8ff;color:#fff}#contextmenu,#contextmenu1{width:auto;position:absolute;white-space:nowrap;top:0;left:0;background-color:#f1f1f1;border-radius:3px;padding:2px 5px;border:1px solid #bbb}#contextmenu .menuItem,#contextmenu1 .menuItem{line-height:25px;cursor:pointer}#contextmenu .bor,#contextmenu1 .bor{border-bottom:1px solid #bbb;border-top:1px solid #eee}.el-tabs{height:100%}.el-tabs .el-tabs__content{height:calc(100% - 55px)}.el-tabs .el-tabs__content .el-tab-pane{height:100%}.add-material{width:100%;height:550px;display:flex}.add-material .add-material-left{width:250px;border:1px solid #e1e1e1;padding:10px 15px;overflow-x:auto;white-space:nowrap}.add-material .add-material-left .li{list-style:none;padding-left:0;margin:0}.add-material .add-material-left .li li{cursor:pointer;padding:6px 10px;display:flex;align-items:center;border-radius:4px;margin:2px 6px}.add-material .add-material-left .li li.active{background:#e6f7ff;color:#1890ff}.add-material .add-material-left .li li:hover{background:#f5f5f5}.add-material .add-material-right{width:calc(100% - 250px);margin-left:10px;display:flex;flex-direction:column}.add-material .add-material-right .select-material{border:1px solid #e1e1e1;height:150px;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;overflow-x:auto}.add-material .add-material-right .select-material .material-name{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;box-sizing:border-box}.add-material .add-material-right .material-content{height:calc(100% - 43px);width:100%;overflow:auto;padding:10px;margin-bottom:10px}.add-material .add-material-right .material-content .material-item{width:20%;display:inline-block;flex-direction:column;align-items:center;position:relative;margin-bottom:20px;text-align:center;justify-content:center}.add-material .add-material-right .material-content .material-item .material{width:100px;height:100px;margin-bottom:10px}.add-material .add-material-right .material-content .material-item .material-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.el-dropdown a{display:inline-block;height:30px;line-height:30px;color:#fff}.home-header .iconView .icons{height:24px;width:24px;margin-right:14px;vertical-align:middle}.home-header .download img{height:100%}.el-main{padding:0!important}.el-upload{width:100%}.el-upload-dragger{width:100%!important}.get-device-list{height:400px;width:100%;display:flex}.get-device-list .get-device-list-left{width:200px;height:100%;border:1px solid #e1e1e1;padding:10px 10px 10px 0;box-sizing:border-box;overflow-y:auto}.get-device-list .get-device-list-right{width:calc(100% - 210px);margin-left:10px;border:1px solid #e1e1e1;padding:10px;display:flex;align-items:center;justify-content:center}.get-device-list .get-device-list-right .list{height:100%;display:flex;flex-wrap:wrap;overflow-y:auto;align-items:center}.get-device-list .get-device-list-right .app-item{width:20%;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.get-device-list .get-device-list-right .app-item .app-icon{width:120px;height:120px;padding:10px;box-sizing:border-box;margin-bottom:10px}.get-device-list .get-device-list-right .app-item .app-icon img{width:100%;height:100%}.get-device-list .get-device-list-right .app-item .app-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 10px;text-align:center}.nav{font-size:16px}.material-dialog{height:560px;display:flex}.material-dialog .material-group{height:100%;width:250px;border:1px solid #e1e1e1;overflow:auto}.material-dialog .material-dialog-right{width:calc(100% - 260px);height:100%;margin-left:10px;overflow:auto}.material-dialog .material-list{width:100%;height:calc(100% - 160px);margin-bottom:10px;padding:10px;box-sizing:border-box;border:1px solid #e1e1e1}.material-dialog .material-list .material-item{width:16%;box-sizing:border-box;display:inline-block;border:1px solid #fff;margin-bottom:10px}.material-dialog .material-list .material-item .material-icon{display:flex;justify-content:center}.material-dialog .material-list .material-item .material-icon img{width:120px;height:120px}.material-dialog .material-list .material-item .material-name{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;text-align:center;box-sizing:border-box}.material-dialog .material-list .materialActivate{border:1px solid #409eff}.material-dialog .select-material{border:1px solid #e1e1e1;height:150px;display:flex;align-items:center;justify-content:flex-start;padding:0 10px}.material-dialog .select-material .material-name{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;text-align:center;box-sizing:border-box}.customCommand{flex-direction:row}.customCommand,.customCommand-one{display:flex;justify-content:space-evenly;align-items:center}.customCommand-one{flex-direction:column}.shade1{position:absolute;top:0;width:100%;left:0;height:110%;color:#fff;font-size:30px;display:flex;justify-content:center;align-items:center}.el-submenu.is-active.is-opened{background:#ecf5ff}.oss-look{height:40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e1e1;padding:0 10px}.page{text-align:right;margin-top:10px;padding-right:20px}.el-icon-delete{color:red;font-size:16px}.app-bar{border:1px solid #d9d9d9;height:15px;font-size:10px;width:20px;justify-content:center;border-radius:3px}.app-bar,.app-item-operate{display:flex;align-items:center}.app-item-operate{height:30px;font-size:15px;cursor:pointer}.app-item-operate i{margin-right:10px}.el-popover{min-width:100px}.receipt{width:30px;height:30px;background:#f6f7f9;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:center;align-items:center}.receipt img{width:15px;height:15px}.el-table th.el-table__cell.is-leaf{background:#f0f2f5}.sign label:before{content:"*";color:#f56c6c;margin-right:4px}.el-form--label-top .el-form-item__label{padding:0!important}.el-time-panel{width:200px!important}.el-table th .cell{white-space:nowrap;overflow:visible;text-overflow:clip}.el-table{overflow-x:auto}.uploader-setting{height:300px;overflow:auto}.el-message{top:40px!important}.el-dialog__body,.el-dialog__header{padding:20px!important}