/*面板样式*/
.panel{background-color: #ebedf5;border-radius:4px;border:1px solid #d9dbe5;}
.panel.border{border:1px solid #ebedf5;}
.panel.search-panel{padding:12px 20px 5px 20px;}
.panel-heading{padding:12px 23px 12px 20px;}
.panel-heading.notop{padding-top: 0;}
.panel-heading.nobottom{padding-bottom: 0;}
.panel-heading.bg-gray{background: #ebedf5;}
.panel-tit{padding:12px 15px 12px 15px;position: relative;font-weight: bold;}
.panel-tit h4{font-weight: bold;}
.panel-tit:before{content: '';width: 3px;height: 12px;background-color: #4988fd;position: absolute;top:15px;left: 0;}
.panel-tit .title-desc{font-size: 14px;color:#9ea0ac;margin-left: 10px;font-weight: normal;}
.panel-body.noheade{padding:10px 20px;}
.panel-body{padding:0 20px 20px 20px;position: relative;}
.panel-body.bg-gray{background: #f7f8fd;}
.panel-heading.horizontally{background: #dadeee;padding: 0 20px;margin: 20px 0;}
.panel-heading.horizontally .panel-tit{padding: 6px 15px 6px 15px;}
.panel-heading.horizontally .panel-tit:before{top:8px}
/*搜索表单*/
.search-form .el-form-item{display: inline-block;margin-bottom:10px;width: 14%;margin-right: 5px;}
.search-form .el-form-item .el-form-item__label{padding: 0px;color: #333;}
.search-form .el-form-item.date{width:24%;}
.search-form .el-form-item.date .el-range-editor.el-input__inner{width:100%;position: relative;top:-2px;}
.search-form .el-select{display: block;}
.search-form .el-select>.el-input{display: inline-block;}
.el-select.small{width: 160px;margin-right: 10px;}
.search-input.small{width: 180px;}
.search-form .el-form-item.btn-box{width: 66px;}
.search-form .el-form-item.btn-box.mid{width: 90px;}
.search-form .el-form-item.btn-box.large{width: 115px;}
.search-form .el-form-item.btn-box .el-button{position: relative;top:0px;}
/*表格tab*/
.head-btn{padding: 0px 20px;border-bottom:1px solid #d9dbe5;margin-bottom: 10px;}
.head-btn.mt-20{margin-top: -20px;}
.head-btn .el-button{padding: 0px 7px 11px 7px;color:#666;border-radius: 0;position: relative;cursor: pointer;border-right: 1px solid #d9dbe5;margin-left: 0;}
.head-btn .el-button:first-child{border-left: 1px solid #d9dbe5;padding-left: 11px;}
.head-btn .el-button span{cursor: pointer;}
.head-btn .el-button:hover,.head-btn .el-button--text.cur{color:#3a78ef;}
.head-btn .el-button.cur{font-weight: bold;}
.head-btn+div .el-select.small{width: 160px;margin-right: 10px;}
.head-btn+div .search-input.small{width: 180px;margin-right:30px;}
.head-btn+div .el-select.small .el-input__inner,.head-btn+div .search-input.small .el-input__inner{height: 36px;}
.head-btn+div .el-select.small .el-input__icon,.head-btn+div .search-input.small .el-input__icon,
.head-btn+div .el-select.small .el-input__suffix-inner,.head-btn+div .search-input.small .el-input__suffix-inner{line-height: 36px;}
/*按钮组*/
.btn-group>label+label{margin-left: -1px;}
.btn-group .el-radio-button__inner{border-color: #e7e7e7;cursor: pointer;padding:0 20px;height: 26px;line-height: 24px;font-size: 12px;}
.btn-group .el-radio-button__orig-radio:checked+.el-radio-button__inner {background-color: #4988fd;border-color: #4988fd;box-shadow: -1px 0 0 0 #4988fd;-webkit-transition:all 0s linear;transition:all 0s linear;}
.btn-group .el-radio-button .el-radio-button__inner:hover{color:#3a78ef}
.btn-group .el-radio-button.is-active .el-radio-button__inner:hover{color:#fff;}
.btn-group .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover{color:#fff;}
.button-bar .el-button--text{padding: 8px 11px;margin-top:3px;background-color: #4988fd;border-color: #4988fd;cursor: pointer;}
.button-bar .el-button--text span{cursor: pointer;}
.button-bar .el-button--text+.el-button--text{margin-left: -15px;}
.button-bar .el-button--text,.button-bar .el-button--text i{color:#fff;}
.button-bar .el-button--text i{margin-right: 4px;vertical-align: middle;}
.button-bar .el-button--text:hover{background-color: #3a78ef;border-color: #3a78ef;}
/*解释说明*/
i.icon-help{display: inline-block;cursor: pointer;color:#999;}
.help-pop{position: absolute;top:36px;left:-20px;width:320px;color: #555;font-size:14px;line-height:22px;padding: 15px;border:1px solid #ddd;background-color: #fff;border-radius: 4px;text-align: justify;z-index: 999;visibility: hidden;}
i.icon-help:hover+.help-pop{visibility: visible;}
.el-form i.icon-help{position: absolute;left: -20px;z-index: 9;}
.hint{padding: 20px;font-size: 16px;background:rgba(73,136,253,.1);color:#4988fd;border-radius: 2px; }
/*--------------页面表单样式----------------*/
/*基础表单*/
.form-padding{padding: 25px 30px 30px;}
.form-padding.collapse{padding:20px 0;}
.form-style{display: flex;display: -webkit-flex;justify-content: start;flex-wrap: wrap;}
.form-style .panel-heading{width: 100%;padding: 12px 0px;}
.form-style .el-form-item.wOne{width: 33%;}
.form-style .el-form-item.wTwo{width: 66%;}
.form-style .el-form-item.wThree{width: 99%;}
.form-style .tip{position: absolute;margin-top: 0;top: 0;left: 138px;}
.form-style .cascade>.el-form-item__content{display: flex;display: -webkit-flex;align-items: center;}
.form-style .cascade.flex-wrap>.el-form-item__content,.form-style .cascade.fw>.el-form-item__content{flex-wrap: wrap;}
.form-style .cascade.align-start>.el-form-item__content{align-items: start;}
.form-style .cascade .small{width: 15%;margin-right: 5px;}
.form-style .cascade .middle{width: 37.6%;}
.form-style .cascade.checkbox .el-checkbox{margin-right: 27px;}
.form-style .cascade.preview>.el-form-item__content{flex-wrap: wrap;}
.form-style .cascade.preview>.el-form-item__content .el-select{width: 78%;margin-right: 5px;}
.form-style .cascade.preview>.el-form-item__content .el-cascader{width: 78%;margin-right: 5px;}
.form-style .cascade.address .el-form-item.small{width: 15%;margin-right: 5px;}
.form-style .cascade.address .el-form-item.middle{width: 37.6%;}
.form-style .avatar-uploader .el-upload {background:#fff;border: 1px dashed #d9d9d9;border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;}
.form-style .avatar-uploader .el-upload:hover {border-color: #C0C4CC;}
.form-style .avatar-uploader-icon {font-size: 18px;color: #8c939d;width: 80px;height: 80px;line-height: 80px;text-align: center;}
.form-style .avatar {width: 80px;height: 80px;display: block;}
.form-style .uploader.tip{left: 98px;line-height: normal;color:#9ea0ac;top: 4px;}
.form-style .el-cascader{display: block;line-height: 26px;}
.form-style .el-collapse{width: 100%;border: 0;}
.form-style .el-collapse .el-collapse-item.noarrow .el-collapse-item__arrow{display: none;}
.form-style .el-collapse-item__content{display: flex;display: -webkit-flex;justify-content: start;flex-wrap: wrap;padding:0 10px 10px 20px;}
.form-style .el-collapse-item__header{padding: 0 20px;height: 32px;line-height: 32px;background: #dadeee;margin-bottom: 20px;position: relative;border-top:1px solid #d9dbe5;border-bottom:1px solid #d9dbe5;}
.form-style .el-collapse-item__header .el-button{position: absolute;right: 28px;top:2px;padding: 0;color:#4988fd}
.form-style .el-collapse-item__header .right-txt{height: 32px;color:#9ea0ac;position: absolute;top:0;right:42px;font-size: 12px;}
.form-style .el-collapse-item__header .panel-tit{font-size: 12px;}
.form-style .el-collapse-item__wrap{border:0;background: #ebedf5;}
.form-style .el-collapse-item__arrow.el-icon-arrow-right:before{content: '\e740';font-size: 12px;color:#9ea0ac;}
.form-style .btn-add,.form-style .btn-delete{display: inline-block;border: 1px solid #d9dbe5;border-radius: 2px;padding: 4px;height: 17px;width: 17px;position: relative;}
.form-style .btn-add{color:#66697a;font-size: 12px;}
.form-style .btn-delete{color:#ff2323;font-size: 12px;}
.form-style .btn-add:before,.btn-delete:before{position: absolute;line-height: normal;top: 1px;left: 2px;}
.form-style .btn-box,.btn-box.out{margin-top:20px;padding: 20px 0;border-top: 1px solid #ddd;text-align: center;width: 100%;}
.form-style .longlat-label{display: inline-block;height: 24px;line-height: 26px;padding: 0 15px;border:1px solid #d9dbe5;border-radius: 2px;width: 100%;background: #fff;}
.form-style .cascader-style-no .el-cascader{display: inline-block;width: 60%;line-height: normal;}
.form-style .cascader-style-no .el-cascader .el-input{font-size: 12px;}
.form-style .cascader-style-no .el-input.is-disabled .el-input__inner{border: 0;color: #333;background-color: transparent;padding: 0;height: auto;line-height: normal;}
.form-style .cascader-style-no .el-input.is-disabled .el-input__suffix{display: none;}
.form-style .el-form-item.strong >.el-form-item__label{font-weight: bold;color: #333;}

.form-style.detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display: none;}
.form-style.detail .el-form-item{margin-bottom: 5px;}
.form-style.detail .el-form-item__label{line-height: normal;color:#66697a;}
.form-style.detail .el-form-item__content{line-height: normal;color: #000;}
.form-style.detail .img-box{display: flex;display: -webkit-flex;}

.form-style.vertical{display:block;}
.form-style.vertical .el-form-item{width: 30%}

/*弹框*/
.dialog-style .el-form{width: 90%;margin: auto;}
.dialog-style .el-cascader{width: 100%;}


/*首页*/
.index-head-title{color:#9ea0ac;font-size: 16px;}
.index-head-title.monitor i:before{content:'\e646';font-family: iconfont !important;}
.index-head-title.todo i:before{content:'\e60b';font-family: iconfont !important;}

.head-page .left-model{width:69.5%;display: inline-block;}
.head-page .right-model{width:29.5%;display: inline-block;position: absolute;margin-left: 10px;}

.left-model .device-li{display: flex;justify-content: start;}
.left-model .device-li li{background: #fff;border-radius: 8px;width: 120px;height: 70px;margin-right: 10px;color:#444b60;padding: 16px 0 0 20px;word-break: keep-all;}
.left-model .device-li li:last-child{margin-right: 0;}
.left-model .device-li li .total-num{font-size: 16px;font-weight: bold;margin-top: 3px;}

.fault-box{display: flex;display: -webkit-flex;justify-content: space-between;}
.fault-box li{border-radius:4px;margin-bottom: 10px;font-size: 12px;}
.fault-box ul li:last-child{margin-bottom: 0;}
.fault-box li .title{color:#66697a;}
.fault-box li .num{color:#333333;font-weight: bold;font-size: 14px;font-family: Helvetica;cursor: pointer;}
.fault-box li .detail{color:#9ea0ac;}
.fault-box li .detail span{color:#9ea0ac;font-family: Helvetica;}
.fault-box li .right{float: right;}
.fault-box li .urgent{float: right;color:#ff1919;}
.fault-box .more{color:#9ea0ac;cursor: pointer;}

/*角色权限*/
.role-auth-box .top-part{border-top-left-radius: 8px;border-top-right-radius: 8px;background: #f1f2f7;height: 110px;display: flex;display: -webkit-flex;padding: 20px 30px;align-items: center;}
.role-auth-box .top-part .platform-name{display: inline-block;width:72px;height: 72px;background: #444b60;color:#fff;border-radius: 72px;text-align: center;line-height: 72px;font-weight: bold;}
.role-auth-box .top-part .name{font-size: 16px;font-weight: bold;color:#212435;display: inline-block;vertical-align: middle;margin-left: 5px;}
.role-auth-box .panel-body{display: flex;border-bottom: 1px solid #ebedf5;padding-bottom: 0;background: #fff;}
.role-auth-box .left-part{width: 280px;height:468px;border-right: 1px solid #ebedf5;}
.role-auth-box .left-part #authTree{max-height: 390px;height:390px;}
.el-tree-node__expand-icon{color:#8e9199;font-size: 14px;}
.role-auth-box .bottom-part{background: #fff;}

/*组织架构*/
.organization-box{display: flex;display: -webkit-flex;justify-content: space-between;}
.organization-box>.left-tree{width: 278px;}
.organization-box>.left-tree .el-tree{background: transparent;}
.organization-box>.left-tree .panel-body{padding: 0}
.organization-box>.left-tree .el-tree-node__content{color:#66697a;}
.organization-box>.left-tree .custom-tree-node:hover{color: #212435}
.organization-box>.left-tree .custom-tree-node{position: relative;}
.organization-box .btn-add,.organization-box .btn-delete{display: inline-block;border: 1px solid #d9dbe5;border-radius: 2px;padding: 4px;height: 17px;width: 17px;position: relative;cursor: pointer;}
.organization-box .btn-add{color:#66697a;font-size: 12px;}
.organization-box .btn-delete{color:#ff2323;font-size: 12px;}
.organization-box .btn-add:before,.btn-delete:before{position: absolute;line-height: normal;top: 1px;left: 2px;}
.organization-box .btn-box{padding:0;display: inline-block;position: absolute;right: 20px;top: 0px;visibility: hidden;}
.organization-box>.left-tree .custom-tree-node:hover .btn-box{visibility: visible;}

.organization-box>.right-from{width:82.4%;}
.organization-box>.right-from .el-form-item{width:33%;}
.organization-box>.right-from .btn-box{position: relative;text-align: left;left:0;margin-top: 10px;padding: 20px 0;border-top: 1px solid #ddd;width: 100%;visibility:visible;}

.organization-box .my-scroll-bar{height:600px;margin-top: 15px;}
.organization-box .gm-scrollbar.-vertical {background-color:transparent;top:0;right: 0;bottom:0;}
.organization-box .gm-scrollbar.-horizontal {background-color: transparent;}
.organization-box .gm-scrollbar .thumb {background-color: #a4a5ab;}
.organization-box .gm-scrollbar .thumb:hover {background-color: #a4a5ab;}


/*项目备案详情*/
.success-state{border-radius: 6px;background: rgba(82,184,127,.1);height: 64px;display: flex;align-items: center;padding-left: 30px;}
.success-state .iconfont{color: #52b87f;font-size: 36px;margin-right: 10px;}
.success-state .state-txt{color:#52b87f;font-size: 18px;margin-right: 10px;}
.success-state .desc{color:#9ea0ac;font-size: 18px;}
.fail-state{border-radius: 6px;background: rgba(255,97,123,.1);height: 64px;display: flex;align-items: center;padding-left: 30px;}
.fail-state .iconfont{color: #ff617b;font-size: 36px;margin-right: 10px;}
.fail-state .state-txt{color:#ff617b;font-size: 18px;margin-right: 10px;}
.fail-state .desc{color:#9ea0ac;font-size: 18px;}
.other-state{background: rgba(73,136,253,.1);height: 64px;display: flex;align-items: center;padding-left: 30px;}
.other-state .iconfont{color: #4988fd;font-size: 36px;margin-right: 10px;}
.other-state .state-txt{color:#4988fd;font-size: 18px;margin-right: 10px;}
.other-state .desc{color:#9ea0ac;font-size: 18px;}

.follow-record{display: flex;display: -webkit-flex;justify-content: space-between;}
.follow-record .panel{width: 49.5%;margin-bottom: 20px;}
.follow-record .panel-heading{padding-top: 12px;}
.follow-record .panel-heading h4{color: #212435;font-weight: bold;}
.follow-record .panel-heading h4 .iconfont{font-weight: normal;}
.follow-record .list-box{display:flex;display: -webkit-flex;flex-wrap: wrap;padding-top: 20px;}
.follow-record .list-box li{width: 28%;margin-bottom: 8px;margin-right:10px;}
.follow-record .list-box li:nth-child(3),.follow-record .list-box li:nth-child(6){width: 41%;margin-right:0px;}
.follow-record .list-box li:last-child{width: 100%;margin-right:0px;}
.follow-record .list-box li .value{word-break: break-all;color:#66697a;}

.follow-record.followUp{display: block;padding: 0 20px;}

.record-collapse{border-top: 0;border-bottom: 0;}
.record-collapse .el-collapse-item__wrap{border-bottom: 0;background: #ebedf5;}
.record-collapse .el-collapse-item__header{display: inline-flex;border-bottom: 0;width: 100%;background: #dadeee;padding: 0 20px;height: 26px;font-size: 12px;position: relative;}
.record-collapse .el-collapse-item__header .el-collapse-item__arrow{display: none;}
.record-collapse .el-collapse-item__header span{color:#9ea0ac;line-height: 42px;position: absolute;right: 20px;}
.record-collapse .el-collapse-item__header span i{font-family: iconfont !important;font-size: 14px;}
.record-collapse .el-collapse-item__header span i:before{content: '\e884'}
.record-collapse .el-collapse-item__header.is-active span i{transition: transform .3s;transform: rotate(-90deg)}
/*审批进度旧版样式*/
.plan.el-timeline{margin-left:135px;margin-top:40px;position: relative;padding-top: 40px;}
.plan.el-timeline .timeline-tit{font-size:12px;line-height: 30px;background: #dadeee;position: absolute; top: -75px; left: -166px; width: 113.5%;padding: 0 20px;}
.plan.el-timeline .timeline-tit .line{width: 3px;height: 12px;background: #4988fd;margin-right: 8px;position: relative;top:2px;display: inline-block;}
.plan.el-timeline .timeline-subtit{position: absolute;top:-28px;left: -103px;background: #4988fd;color:#fff;border-radius: 3px;padding:4px 11px;font-size: 12px;}
.plan.el-timeline .el-timeline-item__timestamp{position: absolute;left: -126px;width: 120px;top: -18px;text-align: center;color:#66697a;}
.plan.el-timeline .el-timeline-item__tail{border-left: 1px solid #52b87f;}
.plan.el-timeline .el-timeline-item__node--normal{background: #52b87f;border: 1px solid #52b87f;border-radius: 12px;left: -2px;}
.plan.el-timeline .el-timeline-item__content{position: relative;top: -26px;}
.plan.el-timeline .el-timeline-item__content .info-box{display: flex;display: -webkit-flex;background:#fff;border:1px solid #d9dbe5;position: relative;width: 660px;border-radius: 4px;padding: 15px 20px;}
.plan.el-timeline .el-timeline-item__content .info-box:hover{box-shadow: 2px 2px 16px #d6d7e4,-2px -2px 16px #d6d7e4;}
.plan.el-timeline .el-timeline-item__content .info-box .btn-round{margin-right: 15px;display: none;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info{display: flex;display: -webkit-flex;align-items: center;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info>div{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info>div>p:first-child{margin-right: 20px;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info .stage-name{color:#66697a;font-size: 12px;margin-right: 10px;display: inline-flex;width: 120px;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info .operator{color:#66697a;font-size: 12px;min-width: 100px;max-width: 180px;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info .remark{color:#9ea0ac;font-size: 12px;width: 100%;margin-top: 5px;}
.plan.el-timeline .el-timeline-item__content .info-box .approval-info .remark i{display: inline-block;width: 14px;height: 14px;background: url("../images/img5.png");vertical-align: text-bottom;margin-right: 6px;}
.plan.el-timeline .el-timeline-item__content .info-box .status-txt{font-size: 12px;}
.plan.el-timeline .el-timeline-item__content .btn-round{position: absolute;left: -43px;top: 10px;}
.plan.el-timeline .el-timeline-item__content .gray{color: #9ea0ac;}
.plan.el-timeline .el-timeline-item__content .green{color: #52b87f;}
.plan.el-timeline .el-timeline-item__content .red{color: #ff617b;}
.plan.el-timeline .el-timeline-item__content .white{color: #fff;}

/*审批进度新版样式*/
.plan{margin-top:40px;min-height: 40px;}
.plan .el-timeline{margin-left:135px;margin-top:10px;position: relative;padding-top: 40px;}
.plan .el-timeline:nth-child(1){padding-top:80px;}
.plan .timeline-tit{font-size:12px;line-height: 30px;background: #dadeee; top: 0px; left:0px; width: 100%;padding: 0 20px;}
.plan .timeline-tit .line{width: 3px;height: 12px;background: #4988fd;margin-right: 8px;position: relative;top:2px;display: inline-block;}
.plan .timeline-subtit-v span,.plan .timeline-subtit{background: #4988fd;color:#fff;border-radius: 3px;padding:4px 11px;font-size: 12px;}
.plan .timeline-subtit-v{padding-top: 15px;margin-left: 20px;}
.plan .timeline-subtit-box{margin-left:20px;}
.plan .timeline-subtit{margin-top:20px;margin-left: 15px;display: inline-block;}
.plan .el-timeline .el-timeline-item__timestamp{position: absolute;left: -126px;width: 120px;top: -18px;text-align: center;color:#66697a;}
.plan .el-timeline .el-timeline-item__tail{border-left: 1px solid #52b87f;}
.plan .el-timeline .el-timeline-item__node--normal{background: #52b87f;border: 1px solid #52b87f;border-radius: 12px;left: -2px;}
.plan .el-timeline .el-timeline-item__content{position: relative;top: -26px;}
.plan .el-timeline .el-timeline-item__content .info-box{display: flex;display: -webkit-flex;background:#fff;border:1px solid #d9dbe5;position: relative;width: 660px;border-radius: 4px;padding: 15px 20px;}
.plan .el-timeline .el-timeline-item__content .info-box:hover{box-shadow: 2px 2px 16px #d6d7e4,-2px -2px 16px #d6d7e4;}
.plan .el-timeline .el-timeline-item__content .info-box .btn-round{margin-right: 15px;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info{display: flex;display: -webkit-flex;align-items: center;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info>div{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info>div>p:first-child{margin-right: 20px;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info .stage-name{color:#66697a;font-size: 12px;margin-right: 10px;display: inline-flex;width: 120px;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info .operator{color:#66697a;font-size: 12px;min-width: 100px;max-width: 180px;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info .remark{color:#9ea0ac;font-size: 12px;width: 100%;margin-top: 5px;}
.plan .el-timeline .el-timeline-item__content .info-box .approval-info .remark i{display: inline-block;width: 14px;height: 14px;background: url("../images/img5.png");vertical-align: text-bottom;margin-right: 6px;}
.plan .el-timeline .el-timeline-item__content .info-box .status-txt{font-size: 12px;}
.plan .el-timeline .el-timeline-item__content .btn-round{position: absolute;left: -43px;top: 10px;}
.plan .el-timeline .el-timeline-item__content .gray{color: #9ea0ac;}
.plan .el-timeline .el-timeline-item__content .green{color: #52b87f;}
.plan .el-timeline .el-timeline-item__content .red{color: #ff617b;}
.plan .el-timeline .el-timeline-item__content .white{color: #fff;}

.device-detail-box{background: #fff;display: flex;display: -webkit-flex;align-items:center;padding: 20px 30px;border-radius: 5px;position: relative;border: 1px solid #d9dbe5;}
.device-detail-box .device-img{margin-right: 50px;}
.device-detail-box .device-img p.online{background: #52b87f;color:#fff;border-radius: 30px;line-height: 30px;width: 80px;height: 30px;text-align: center;}
.device-detail-box .device-img p.unline{background: #dae0eb;color:#66697a;border-radius: 30px;line-height: 30px;width: 80px;height: 30px;text-align: center;}
.device-detail-box .device-img p.fault{background: #ff617b;color:#fff;border-radius: 30px;line-height: 30px;width: 80px;height: 30px;text-align: center;}
.device-detail-box .el-form .el-form-item.first-item .el-form-item__label{font-size: 16px;color:#66697a;font-weight: bold;}
.device-detail-box .el-form .el-form-item.first-item .el-form-item__content label{font-size: 16px;color:#0e82ee;font-weight: bold;}
.device-detail-box .device-stage{position: absolute;right: 30px;top:-1px;width: 93px;height: 36px;line-height: 36px;text-align: center;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.device-detail-box .device-stage.green{background: #52b87f;color:#fff;}
.device-detail-box .device-stage.red{background: #ff617b;color:#fff;}

/*-------------app 管理---------*/
.abreast-layout{background: #fff;border:1px solid #d9dbe5;border-radius: 4px;margin-bottom: 15px;padding: 20px;}
.abreast-layout .device-attr{margin-left: 10px;margin-top: 13px;}
.abreast-layout .device-attr .app-name{font-size: 16px;color: #212435;margin-bottom: 6px;}
.abreast-layout .device-attr .name{color:#66697a;}
.abreast-layout .operate .el-button{width: 92px;padding: 0;}
.abreast-layout .operate .el-button:first-child{margin-bottom: 5px;margin-top: 3px;}
/*app版本*/
.tag-box{display: flex;display:-webkit-flex;align-items: start;margin-bottom: 6px;}
.tag-box .tag-tit{line-height: 26px;word-break: keep-all;}
.tag-box .btn-group>label+label {margin-left:0px;}
.tag-box .btn-group>label{margin-right: 5px;margin-bottom: 5px;}
.tag-box .el-radio-button:last-child .el-radio-button__inner{border-radius: 0;}
.tag-box .el-radio-button:first-child .el-radio-button__inner {border-radius: 0;}
.tag-box .el-radio-button:first-child .el-radio-button__inner{border-right:0px;}

/*-----------发运--------------*/
/*流转单*/
.circulation .panel{background: #fff;width: 450px;height: 360px;margin: auto;box-shadow: 4px 4px 7px #ddd;margin-top:100px;}
.circulation .btn-box{text-align: center;margin-top: 50px;}

/*通知单*/
.notice .panel{background: #fff;width:840px;height: 490px;box-shadow: 4px 4px 7px #ddd;}
.notice .content{width:840px;margin:100px auto 0;}
.notice .btn-box{text-align: center;margin-top: 50px;}

/*---------------运行控制----------------*/
.control-params-box .scroll-device .panel-heading{padding:0 0 0 20px;background:#dadeee;margin-top: 15px;}
.control-params-box .scroll-device .panel-tit{padding:8px 15px;}
.control-params-box .scroll-device .panel-tit:before{top:11px;}
.control-params-box .scroll-device ul li{display: flex;display: -webkit-flex;background: #fff;padding: 10px 25px;border-radius: 3px;margin-bottom: 3px;}
.control-params-box .scroll-device ul li:last-child{margin-bottom: 0;}
.control-params-box .scroll-device ul li p{color:#66697a;margin-right: 15px;width: 23%;}
.control-params-box .scroll-device ul li p:last-child{margin-right:0px;}
.control-params-box .scroll-device .my-scroll-bar{height:156px;margin-top: 15px;}
.control-params-box .scroll-device .gm-scrollbar.-vertical {background-color:transparent;top:0;right: 0;bottom:0;}
.control-params-box .scroll-device .gm-scrollbar.-horizontal {background-color: transparent;}
.control-params-box .scroll-device .gm-scrollbar .thumb {background-color: #a4a5ab;}
.control-params-box .scroll-device .gm-scrollbar .thumb:hover {background-color: #a4a5ab;}

/*滤芯详情表格*/
.filter-detail-table{border: 1px solid #d9dbe5;width: 100%;border-collapse: collapse;}
.filter-detail-table th{color: #66697a;background-color: #dadeee;padding: 8px 10px;border-right: 1px solid #edeff7;text-align: left;}
.filter-detail-table td:nth-child(1){width: 120px;}
.filter-detail-table td{background:#fff;padding: 3px 10px;height: 40px;border-bottom: 1px solid #d9dbe5;border-right: 1px solid #d9dbe5;text-align: left;color:#606266;}
.filter-detail-table tr:nth-child(2n+1) td{background: #ebedf5}
.filter-detail-table tr td:nth-child(1){background: #dadeee;border-top:1px solid #edeff7;border-bottom-color: #edeff7; }

/*---------审批流设置-----------*/
.approval-name-box .el-input{width: 220px;}
.role-box .el-dialog__body{display: flex;display: -webkit-flex;justify-content: space-between;}
.role-box .el-dialog__body .panel{width: 48%;}
.role-box .el-dialog__body .panel.role-account-info p{border: 1px solid #c5d7f9;line-height: 28px;color: #4988fd;background: #ecf5ff;padding-left: 10px;margin-bottom: 5px;font-size: 12px;}

/*租赁合同*/
.rentContract .btn-box{text-align: center;margin: 20px 0px 10px;}

/*租赁合同变更，左右比较的form样式*/
.rentContract .oldForm{border: solid 1px #ccc;width: 49%;display: inline-block;margin-left: 10px;}
.rentContract .newForm{border: solid 1px #ccc;width: 49%;display: inline-block;}

.oldForm .el-form-item.wOne{width: 49%;}
.oldForm .el-form-item.wTwo{width: 99%;}
.newForm .el-form-item.wOne{width: 49%;}
.newForm .el-form-item.wTwo{width: 99%;}



/*适配*/
@media (min-width: 1366px) {
    .search-form .el-form-item{width: 14%;}
    .search-form .el-form-item.date{width:33%;}
    .follow-record{display:block;}
    .follow-record .panel{width:100%;}

    .index-todo-box .todo-li li{width: 15%;}

    .form-style .cascade .middle {width: 36%;}
    .form-style .cascade.preview>.el-form-item__content .el-select{width: 60%;margin-right: 5px;}
    .form-style .cascade.preview>.el-form-item__content .el-cascader{width: 60%;margin-right: 5px;}

    .organization-box .my-scroll-bar{height:445px;margin-top: 15px;}
    .organization-box>.right-from {width: 73.2%;}

    .plan.el-timeline .timeline-tit{font-size: 12px;line-height: 30px;background: #dadeee;position: absolute; top: -75px; left: -166px; width: 122%;padding: 0 20px;}

}

@media (min-width: 1920px) {
    .search-form .el-form-item{width: 10.5%;}
    .search-form .el-form-item.date{width:18%;}
    .follow-record{display: flex;display: -webkit-flex;justify-content: space-between;}
    .follow-record .panel{width: 49.5%;}

    .index-todo-box .todo-li li{width: 16%;}

    .form-style .cascade .middle{width: 37.6%;}
    .form-style .cascade.preview>.el-form-item__content .el-select{width: 78%;margin-right: 5px;}
    .form-style .cascade.preview>.el-form-item__content .el-cascader{width: 78%;margin-right: 5px;}

    .organization-box .my-scroll-bar{height:600px;margin-top: 15px;}
    .organization-box>.right-from {width: 82.4%;}

    .plan.el-timeline .timeline-tit{font-size: 12px;line-height: 30px;background: #dadeee;position: absolute; top: -75px; left: -166px; width: 113.5%;padding: 0 20px;}

}