.steps-bd ul li{cursor:pointer;height:90px}.steps-bd ul li:first-child .step-l .bar{top:50%}.steps-bd ul li:last-child .step-l .bar{bottom:50%}.steps-bd ul li.cur{background-color:#fff}.steps-bd ul li.cur .step-l .bar,.steps-bd ul li.cur .step-l .dit{background-color:#0d9ae0}[data-theme=theme1] .steps-bd ul li.cur .step-l .bar,[data-theme=theme1] .steps-bd ul li.cur .step-l .dit{background-color:red}[data-theme=theme2] .steps-bd ul li.cur .step-l .bar,[data-theme=theme2] .steps-bd ul li.cur .step-l .dit{background-color:#546ee7}.steps-bd ul li.cur .step-r h1,.steps-bd ul li.cur .step-r p{color:#0d9ae0}[data-theme=theme1] .steps-bd ul li.cur .step-r h1,[data-theme=theme1] .steps-bd ul li.cur .step-r p{color:red}[data-theme=theme2] .steps-bd ul li.cur .step-r h1,[data-theme=theme2] .steps-bd ul li.cur .step-r p{color:#546ee7}.steps-bd ul li .step-l{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;padding-left:20px;padding-top:35px;position:relative}.steps-bd ul li .step-l .dit{width:18px;height:18px;color:#fff;border-radius:50%;background-color:#bebebe;line-height:18px;text-align:center;font-size:12px;position:relative;z-index:10}.steps-bd ul li .step-l .bar{position:absolute;width:1px;background-color:#cfd2d6;top:0;bottom:0;left:28px}.steps-bd ul li .step-r{overflow:hidden}.steps-bd ul li .step-r h1{font-size:12px;color:#495057;line-height:17px;font-weight:700}.steps-bd ul li .step-r p{color:#6c757d;font-size:12px;line-height:17px;margin-top:5px}.protocol-item-base{padding-bottom:60px;overflow:hidden}.protocol-item-base .base-info{float:left;width:420px}.protocol-item-base .base-info .form-section .el-form-item__label{color:#495057!important;font-weight:700;width:100%;text-align:left}.protocol-item-base .base-info .form-section .el-textarea__inner{height:63px!important}.protocol-item-base .base-info .copy{float:right}.protocol-item-base .line{position:absolute;width:1px;top:24px;bottom:84px;left:689px;margin:auto;background:#f2f3fb}.protocol-item-base .product-r{float:left;margin-left:49px;width:355px}.protocol-item-base .product-r .title{line-height:28px;color:#495057;font-size:12px;font-weight:700}.custom-tabs{position:relative;width:100%}.custom-tabs:after{content:" ";position:absolute;bottom:0;width:100%;height:1px;left:0;background:#eef2f8}.custom-tabs .custom-tabs-ul{overflow:hidden;position:relative;z-index:10}.custom-tabs .custom-tabs-ul .custom-tabs-li{height:40px;line-height:38px;font-size:12px;text-align:center;color:#495057;padding:0 20px;float:left;border:1px solid #eef2f8;position:relative;-webkit-transition:all .3s;transition:all .3s}.custom-tabs .custom-tabs-ul .custom-tabs-li.active{color:#0d9ae0;border-bottom:1px solid #fff}.custom-tabs .custom-tabs-ul .custom-tabs-li.active:before{content:" ";position:absolute;height:2px;background:#0d9ae0;left:-1px;right:-1px;top:-1px;margin:auto}.custom-tabs .custom-tabs-ul .custom-tabs-li.active-move:not(.custom-tabs-li--all){padding-right:102px}.custom-tabs .custom-tabs-ul .custom-tabs-li.active-move .func-group{position:absolute;right:0;top:0}.custom-tabs .custom-tabs-ul .custom-tabs-li.active-move .func-group .icon{float:right;margin-right:10px}.custom-tabs .custom-tabs-ul .custom-tabs-li:hover{cursor:pointer}.custom-tabs .custom-tabs-ul .custom-tabs-li:nth-child(n+2){border-left:none}.custom-tabs .custom-tabs-ul .custom-tabs-li.custom-tabs-li--add{width:40px;padding:0;color:#0d9ae0}.protocol-icon-dialog .icon-container{overflow:hidden}.protocol-icon-dialog .icon-container .icon-item{float:left;width:100px;height:100px;margin-right:30px;position:relative;margin-bottom:15px}.protocol-icon-dialog .icon-container .icon-item.active .icon-content{border:1px solid #0d9ae0!important}.protocol-icon-dialog .icon-container .icon-item .img{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:95%;max-height:95%;z-index:0}.protocol-icon-dialog .icon-container .icon-item .icon-content{position:relative;z-index:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.3)}.protocol-icon-dialog .icon-container .upload-item.has-img:hover .action-content{display:block}.protocol-icon-dialog .icon-container .upload-item .upload-content{width:100px;height:100px;border:1px dashed #c0ccda;position:relative;color:#8c939d;font-size:28px;cursor:pointer}.protocol-icon-dialog .icon-container .upload-item .upload-content .file{display:none}.protocol-icon-dialog .icon-container .upload-item .action-content{position:absolute;display:none;top:0;left:0;z-index:100;width:100%;height:100%;line-height:100px;text-align:center}.protocol-icon-dialog .icon-container .upload-item .action-content>.mask{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.protocol-icon-dialog .icon-container .upload-item .action-content .btn{position:relative;z-index:100;cursor:pointer;color:#fff}.protocol-type-item-dialog .el-form-item__label{text-align:left;width:100%!important}.protocol-type-item-dialog .component-icon-container{width:100px;height:100px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.3);cursor:pointer}.protocol-type-item-dialog .component-icon-container:hover .close-content{display:block}.protocol-type-item-dialog .component-icon-container .img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:95%;max-height:95%;z-index:0}.protocol-type-item-dialog .component-icon-container .close-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;display:none}.protocol-type-item-dialog .component-icon-container .close-content .mask{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.protocol-type-item-dialog .component-icon-container .close-content .icon{font-size:16px;position:absolute;z-index:10;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff}.protocol-type-item-dialog .upload-content{width:100px;height:100px;border:1px dashed #c0ccda;position:relative;color:#8c939d;font-size:28px;cursor:pointer;overflow:hidden}.protocol-type-item-dialog .change-icon{margin-top:15px}.component-item-dialog .el-form-item__label{text-align:left;width:100%!important}.component-item-dialog .dialog-body{height:500px;overflow-y:auto}.component-item-dialog .el-select{width:100%}.component-item-dialog .form-content:nth-child(n+2){margin-top:15px}.component-item-dialog .form-content .title{font-size:14px;font-weight:700;margin-bottom:18px;color:#35405b}.component-item-dialog .upload-content{width:100px;height:100px;border:1px dashed #c0ccda;position:relative;color:#8c939d;font-size:28px;cursor:pointer;overflow:hidden}.component-item-dialog .change-icon{margin-top:15px}.component-item-dialog .component-icon-container{width:100px;height:100px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.3);cursor:pointer}.component-item-dialog .component-icon-container:hover .close-content{display:block}.component-item-dialog .component-icon-container .img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:95%;max-height:95%;z-index:0}.component-item-dialog .component-icon-container .close-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;display:none}.component-item-dialog .component-icon-container .close-content .mask{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.component-item-dialog .component-icon-container .close-content .icon{font-size:16px;position:absolute;z-index:10;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff}.protocol-import-device-dialog .el-dialog.is-fullscreen{width:1338px}.protocol-import-device-dialog .el-input-group__prepend{font-size:0;border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}.protocol-import-device-dialog .dialog-body{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.protocol-import-device-dialog .dialog-body .ub{-webkit-box-flex:1;-ms-flex:1;flex:1}.protocol-import-device-dialog .box{margin-top:16px;padding:0 16px 5px 16px;border:1px solid #dee2e6;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.protocol-import-device-dialog .box,.protocol-import-device-dialog .ub-f1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.protocol-import-device-dialog .ub-f1{width:380px;flex-direction:column}.protocol-import-device-dialog .title{color:#35405b;font-weight:700;font-size:14px}.protocol-import-device-dialog .btn{cursor:pointer;width:24px;height:24px;line-height:22px;border-radius:4px;background-color:#00afff;border:1px solid #1890ff;text-align:center;color:#fff}.protocol-import-device-dialog .btn2{cursor:pointer;width:24px;height:24px;line-height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.15);text-align:center;color:#000;margin-top:10px}.protocol-import-device-dialog .el-dialog__footer{padding-top:10px;padding-bottom:10px;border-top:1px solid #e9ebec}.protocol-construct-setting-dialog .el-dialog.is-fullscreen{width:1338px}.protocol-construct-setting-dialog .el-input-group__prepend{font-size:0;border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}.protocol-construct-setting-dialog .dialog-body{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.protocol-construct-setting-dialog .dialog-body .ub{-webkit-box-flex:1;-ms-flex:1;flex:1}.protocol-construct-setting-dialog .box{margin-top:16px;padding:0 16px 5px 16px;border:1px solid #dee2e6;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.protocol-construct-setting-dialog .box,.protocol-construct-setting-dialog .ub-f1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.protocol-construct-setting-dialog .ub-f1{width:380px;flex-direction:column}.protocol-construct-setting-dialog .title{color:#35405b;font-weight:700;font-size:14px}.protocol-construct-setting-dialog .btn{cursor:pointer;width:24px;height:24px;line-height:22px;border-radius:4px;background-color:#00afff;border:1px solid #1890ff;text-align:center;color:#fff}.protocol-construct-setting-dialog .btn2{cursor:pointer;width:24px;height:24px;line-height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.15);text-align:center;color:#000;margin-top:10px}.protocol-construct-setting-dialog .el-dialog__footer{padding-top:10px;padding-bottom:10px;border-top:1px solid #e9ebec}.table-relation-setting-dialog .btn-content{padding:10px 0}.table-relation-setting-dialog .btn-content .add-relation-data{width:100%;margin:10px 0;background:#f5f5f5;border:1px dashed #e4e4e4;color:#333;font-size:12px}.table-relation-setting-dialog .btn-content .add-relation-data .icon-add{color:#00afff;font-size:10px;margin-right:0}.protocol-construct{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.protocol-construct .component-name{height:40px;line-height:40px}.protocol-construct .el-table--mini.table td{padding:0!important}.protocol-construct .icon{font-size:14px}.protocol-construct .footer{z-index:10}.protocol-construct .component-icon{position:relative;max-width:65px;max-height:40px}.protocol-construct .component-icon .el-image{float:left}.icon-select{width:100%}.icon-select-name{float:left}.icon-select-preview{float:right}.icon-select-preview .icon{font-size:14px}.protocol-add-param-dialog .ub-f1 .title,.step-model-add-dialog .title{color:#35405b;font-size:14px;margin-bottom:18px;font-weight:700}.step-model-add-dialog .el-radio{line-height:32px}.step-model-add-dialog .handle{padding-left:10px}.step-model-add-dialog .handle span{cursor:pointer;font-size:12px;color:#6c757d;padding:0 6px}.step-model-add-dialog .handle span.edit{color:#0d9ae0}[data-theme=theme1] .step-model-add-dialog .handle span.edit{color:red}[data-theme=theme2] .step-model-add-dialog .handle span.edit{color:#546ee7}.protocol-model-import-dialog .el-form-item__label{line-height:32px!important}.protocol-item-model{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.protocol-item-model .el-radio-group{float:left}.protocol-topic-item-dialog .dialog-body .content{display:-webkit-box;display:-ms-flexbox;display:flex}.protocol-topic-item-dialog .dialog-body .content .form{width:500px;padding-right:15px}.protocol-topic-item-dialog .dialog-body .content .relation-content{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:1px solid #ccc;padding-left:15px}.protocol-topic-item-dialog .dialog-body .content .relation-content .header{overflow:hidden}.protocol-topic-item-dialog .dialog-body .content .relation-content .header .title{float:left;line-height:28px;padding-right:20px;font-weight:700;color:#2c405e}.protocol-topic-item-dialog .dialog-body .content .add-row{margin-top:16px;width:100%;background:#f5f5f7;border:1px dashed #e4e4e4;height:40px;line-height:38px;text-align:center;font-size:12px;color:#495057}.protocol-topic-item-dialog .dialog-body .content .add-row:hover{cursor:pointer}.protocol-topic-item-dialog .dialog-body .content .add-row .el-icon-plus{color:#0d9ae0;font-weight:700}.protocol-topic-item-dialog .el-form-item{margin-bottom:20px!important}.protocol-topic-item-dialog .el-form-item__label{width:100%;text-align:left}.protocol-topic-item-dialog .el-select{width:100%}.protocol-topic-item-dialog .el-textarea__inner{height:63px!important}.protocol-import-topic-dialog .topic-code{text-decoration:underline;cursor:pointer}.protocol-import-topic-dialog .selector{padding-top:0}.protocol-import-topic-dialog .selector .el-form-item{margin-bottom:0!important}.protocol-import-topic-dialog .el-dialog.is-fullscreen{width:1388px}.protocol-import-topic-dialog .el-input-group__prepend{font-size:0;border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}.protocol-import-topic-dialog .dialog-body{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.protocol-import-topic-dialog .dialog-body .ub{-webkit-box-flex:1;-ms-flex:1;flex:1}.protocol-import-topic-dialog .box{margin-top:16px;padding:0 16px 5px 16px;border:1px solid #dee2e6;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.protocol-import-topic-dialog .box,.protocol-import-topic-dialog .ub-f1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.protocol-import-topic-dialog .ub-f1{width:380px;flex-direction:column}.protocol-import-topic-dialog .title{color:#35405b;font-weight:700;font-size:14px}.protocol-import-topic-dialog .btn{border-radius:4px;background-color:#00afff;border:1px solid #1890ff;color:#fff}.protocol-import-topic-dialog .btn,.protocol-import-topic-dialog .btn2{cursor:pointer;width:24px;height:24px;line-height:22px;text-align:center}.protocol-import-topic-dialog .btn2{border-radius:4px;border:1px solid rgba(0,0,0,.15);color:#000;margin-top:10px}.protocol-import-topic-dialog .el-dialog__footer{padding-top:10px;padding-bottom:10px;border-top:1px solid #e9ebec}.protocol-setting-topic-dialog .topic-code{text-decoration:underline;cursor:pointer}.protocol-setting-topic-dialog .selector{padding-top:0}.protocol-setting-topic-dialog .selector .el-form-item{margin-bottom:0!important}.protocol-setting-topic-dialog .el-dialog.is-fullscreen{width:1388px}.protocol-setting-topic-dialog .el-input-group__prepend{font-size:0;border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}.protocol-setting-topic-dialog .dialog-body{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.protocol-setting-topic-dialog .dialog-body .ub{-webkit-box-flex:1;-ms-flex:1;flex:1}.protocol-setting-topic-dialog .box{margin-top:16px;padding:0 16px 5px 16px;border:1px solid #dee2e6;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.protocol-setting-topic-dialog .box,.protocol-setting-topic-dialog .ub-f1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.protocol-setting-topic-dialog .ub-f1{width:380px;flex-direction:column}.protocol-setting-topic-dialog .title{color:#35405b;font-weight:700;font-size:14px}.protocol-setting-topic-dialog .btn{cursor:pointer;width:24px;height:24px;line-height:22px;border-radius:4px;background-color:#00afff;border:1px solid #1890ff;text-align:center;color:#fff}.protocol-setting-topic-dialog .btn2{cursor:pointer;width:24px;height:24px;line-height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.15);text-align:center;color:#000;margin-top:10px}.protocol-setting-topic-dialog .el-dialog__footer{padding-top:10px;padding-bottom:10px;border-top:1px solid #e9ebec}.topic-sel-model-dialog .search-bd{overflow:hidden}.topic-sel-model-dialog .el-radio-group{float:left}.topic-bind-model-edit .el-table,.topic-bind-model-selected .el-table{margin-top:0!important}.protocol-item-topic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.protocol-item-topic .topic-code{cursor:pointer;text-decoration:underline}.protocol-item-topic .func-section{overflow:hidden}.protocol-item-topic .func-section .el-form-item{margin-bottom:0}.protocol-item-topic .btn-group{float:left;width:100%}.protocol-item-topic .search,.protocol-item-topic .topic-class{float:right}.flow .product-sn{position:absolute;width:100%;left:0;bottom:0;height:60px;line-height:60px;text-align:center;background:#eef2f8;font-size:14px;color:#495057;z-index:100}